Welcome to my site!

Xのアイコンyoki_47

制作実績

Works

  • FreshGrove

    FreshGrove

    • LP

    概要

    AIプラットフォームをイメージした、エネルギッシュでカラフルかつポップなLPです。PC版ではタブ切り替え、スマートフォン版ではアコーディオンになるコンテンツなど初実装が多々ありましたが、実際の動きを想像した制作ができました。

    見どころ

    ✅FV：レスポンシブを意識した動き
    ✅「Values」セクション：PC時タブ切り替え↔︎SP時アコーディオンへの切り替え

    サイトURL

    https://yoki-create.site/fresh-grove/

    デザインカンプ

    Figma

    担当

    コーディング

    制作期間

    12日間

    目安金額

    70,000～90,000円

    FreshGrove

    • LP
  • DayMaga

    DayMaga

    • WordPress

    概要

    スクールのチャレンジ企画で作成したWordPressサイトです。12日間以内にコーディング〜WordPressまで一気通貫で完成を目指すもので、幸い期限内に提出することはできました。デザイン品質を評価いただけたものの、一部データ連携できていない箇所があり惜しくも合格とはなりませんでした。その後正しい実装方法を3日ほどかけ調査し不足箇所を補った結果、本当に納得のいく制作物となりました。

    構成

    6ページ(TOP/一覧/カテゴリ/タクソノミー/詳細/404)

    見どころ

    ✅「すべての記事」セクション：記事毎のタブ切り替え、カテゴリ毎の記事表示、キーワード絞り込み機能
    ✅記事詳細ページ：リストやテーブルデザインの表現

    サイトURL

    https://yoki-create.site/day-maga/

    ログイン情報

    demo/demo

    デザインカンプ

    Figma

    担当

    コーディング

    制作期間

    10日間

    目安金額

    80,000～100,000円

    DayMaga

    • WordPress
  • みなみ歯科クリニック

    みなみ歯科クリニック

    • WordPress

    概要

    歯医者さんをイメージしたWordPressサイトです。FLOCSSの設計手法を初めて採り入れ、何度も復習し完成させました。自身にとっては初となるコーディングからのWordPressサイト。苦労した分、特に思い入れのある制作物となりました。

    構成

    11ページ(TOP/固定*3/投稿/詳細/お問い合わせ*2/サンクス*2/404)

    見どころ

    ✅各投稿機能分け
    ✅「スタッフ紹介」ページ：ターム毎のカスタムフィールド表示

    サイトURL

    https://yoki-create.site/minami-shika/

    ログイン情報

    demo/demo

    デザインカンプ

    Figma

    担当

    コーディング

    制作期間

    1ケ月

    目安金額

    150,000～180,000円

    みなみ歯科クリニック

    • WordPress
  • Onomichi

    Onomichi

    • LP

    概要

    広島県尾道市のキャンペーンをイメージした大変賑やかなLPです。あしらいやスライダー、グリッドレイアウトなど複雑な実装が多く苦戦しましたが、一つ一つ調べ上げ納得のいく仕上がりとなりました。

    見どころ

    ✅全体的なあしらい配置
    ✅「Prize」セクション：グリッドによるレスポンシブ

    サイトURL

    https://yoki-create.site/onomichi/

    デザインカンプ

    Figma

    担当

    コーディング

    制作期間

    10日間

    目安金額

    70,000～90,000円

    Onomichi

    • LP
  • Sample Corp

    Sample Corp

    • LP

    概要

    随所に夏目漱石の名言が散りばめられている、スタイリッシュでシンプル、モノトーンな雰囲気漂うLPです。背景配置やスライダーに苦労しましたが、レスポンシブを想定して仕上げることができました。

    見どころ

    ✅トリッキーな背景配置
    ✅「Result」セクション：スライダー表現

    サイトURL

    https://yoki-create.site/sample-corp/

    デザインカンプ

    Adobe XD

    担当

    コーディング

    制作期間

    7日間

    目安金額

    40,000～60,000円

    Sample Corp

    • LP
  • 酒田工務店

    酒田工務店

    • LP

    概要

    工務店をイメージしたLPです。Photoshopでの初コーディングでしたが、比較的スピーディに仕上げることができました。

    見どころ

    ✅ドロワーのよしな表現
    ✅スピード制作でのデザイン再現度

    サイトURL

    https://yoki-create.site/sakata-komu-ten/

    デザインカンプ

    Adobe XD

    担当

    コーディング

    制作期間

    3日間

    目安金額

    35,000～45,000円

    酒田工務店

    • LP

制作実績（非公開案件：12件）

    • LP
    • 実案件

    新規キャンペーンLPカンプコーディング(Figma)

    • LP
    • 実案件

    新規キャンペーンLPカンプコーディング(Figma)

    • WordPress
    • 実案件

    新規サイト制作補助(Figma：WordPress下層3ページ担当)

    • 実案件

    独自CMSサイト制作(XD：5ページ)

    • 実案件

    新規サイト制作補助(Figma：CSS担当)

    • 実案件

    既存サイトのコード改修

    • WordPress
    • 実案件

    新規WordPressサイト構築(XD：9ページ)

    • LP
    • 実案件

    新規LPカンプコーディング(XD)※その後保守継続

    • 実案件

    新規サイトカンプコーディング(XD：TOP+2ページ担当、3ページ外注)

    • 実案件

    既存サイト(SnowMonkey)投稿機能、追加カンプコーディング(XD：2ページ)

    • 実案件

    既存サイト追加カンプコーディング(Figma：2ページ)

    • 実案件

    既存サイトへのCSS、JavaScriptアニメーション追加

※非公開案件につき実際のデザイン掲載は控えておりますが、対応範囲や内容については個別にご説明可能です。

個人情報の取り扱いについて

Privacy Policy

当サイトでは、お問い合わせ時に取得したお名前・メールアドレスなどの個人情報について、以下の通り取り扱います。

1.個人情報の利用目的

取得した情報は、ご質問への回答やご連絡など、適切なご対応のためにのみ使用いたします。

2. 個人情報の第三者提供について

取得した個人情報を、法令に基づく場合を除き、第三者に提供することはありません。

3. 個人情報の管理について

取得した情報は、適切に管理し、漏洩・改ざん・不正アクセス等の防止に努めます。

4. アクセス解析ツールについて

このサイトでは、サイトの利用状況を把握するためにアクセス解析ツール（例：Google Analytics）を使用することがあります。
収集されるデータは匿名であり、個人を特定するものではありません。

5. プライバシーポリシーの変更について

本ポリシーの内容は、必要に応じて見直し、変更することがあります。
変更後の内容は、本ページにて随時お知らせいたします。

6. お問い合わせについて

ご自身の個人情報の開示・訂正・削除をご希望の場合は、下記お問い合わせ先よりご連絡ください。

メールアドレス：yoki47633@gmail.com

お問い合わせ

Contact

ご依頼・ご相談は をご確認の上、
お問い合わせフォーム、X（旧Twitter）のDM、公式LINE、メールよりご連絡ください。
ご相談は無料ですので、お気軽にどうぞ。

Xから問い合わせる LINEから問い合わせる メールから問い合わせる

    お問い合わせ種別

    TOPworks