オリジナルで企画した架空のパン屋さん「ベーカリーチャッピー」のサイトをデザインしました。 お店のコンセプトづくりから、看板犬「チャッピーくん」のキャラクター設定まで自分で考えています。 ↓実際のデモサイトです https://bakerychappie2026demo.pages.dev/ ※架空のデモサイトです（検索非対象・カートや決済などのEC機能はありません） ※デザインカンプはFigmaで自分が作成し、コーディングはClaude Code（AI）で行っています。 【レイアウト】 ・トップには焼きたてパンとお店の写真をスライドで入れ、パン屋さんの温かみが伝わるようにしています。 ・左側に固定メニューを置き、どのセクションからでも迷わず移動できる構成にしています。 ・おすすめパンは「看板商品・人気No.1・季節限定」の3商品にしぼり、シンプルで見やすく配置しています。 　（オンラインショップへはボタンで遷移するように） 【動き・アニメーション】 ・「トップへ戻る」ボタンを押すと、チャッピーくんが走って画面の上まで戻ってくれます。 ・店舗ページではぺこりとお辞儀、オンラインショップではぴょんとジャンプなど、ページごとに違う動きで看板犬らしさを演出しています。 ・スクロールすると画面の端からひょっこり顔を出す仕掛けも入れました。 【配色】 ・アイボリー（ベージュ）を背景に、濃いブラウンで落ち着きを、価格やアクセントにオレンジを効かせています。 ・木目とナチュラルな質感で「毎日の食卓に、やさしい焼きたてを。」のブランドコピーに合う雰囲気を演出しています。 使用ツール　Figma 　　　　　　Photoshop 　　　　　　Codex（画像生成） 　　　　　　Claude Code（コーディング担当） 制作時間　　約1ヶ月半