Bread & Wheat

概要

• 作品名 パンと小麦の架空ブランドサイト
• 担当範囲 デザイン / コーディング（レスポンシブ対応）
• 制作期間 4日間

制作の背景・目的

自身のWeb制作スキル（デザインから実装までの一連の流れ）を証明するために、完全オリジナルの架空パンサイトを制作しました。ただ見た目が綺麗なだけでなく、ユーザーが「店舗に行きたい」「パンを食べてみたい」と思えるような、視覚的アプローチと操作性を意識して設計しています。

工夫した点・こだわったポイント

• デザインの統一感 パンの温かみや香ばしさが伝わるよう、全体をベージュやブラウン、アースカラーを基調とした配色で統一しました。
• ユーザーが迷わないレイアウト 初めてサイトを訪れた人が、メニューや店舗情報にすぐアクセスできるよう、シンプルで直感的なナビゲーションを心がけました。
• スマホ対応（レスポンシブ） 外出先からスマホで閲覧されるケースを想定し、スマートフォンやタブレットから見ても画像や文字が崩れず、美しく表示されるようコーディングを徹底しました。

苦労した点と解決策

4日間という限られた期間の中で、デザインのクオリティを落とさずにコーディングまで完了させるスケジュール管理に苦労しました。事前にワイヤーフレーム（サイトの設計図）を綿密に作り込むことで、コーディング時の迷いを無くし、結果として4日間でデザインから公開までをスムーズに完結させることができました。

提供できる価値

私はWeb制作（デザイン・コーディング）に加え、動画編集のスキルも持ち合わせています。実際の案件では「店内の様子を紹介するショート動画」や「パンの製造工程のシネマティック動画」などを自ら撮影・編集し、サイト内に埋め込むことが可能です。Webサイトと動画をセットでご提案できるため、他との差別化を図り、より魅力の伝わるWebサイトをご提供いたします。