Web site

パンと日々

親しみやすい「町のパン屋さん」をコンセプトにした、架空のWebサイトを制作しました。
初めて訪れる方にもお店の雰囲気やパン作りへの想いが伝わるようにしています。また、日常的に利用する近隣住民を想定し、必要な情報に迷わずたどり着ける導線設計を意識しました。

ターゲット 近隣にお住まいで、朝食や昼食にパンを食べようと考えている方。
毎日の生活の中で気軽に立ち寄れる、身近なパン屋さんを探している方。
目的 地域に寄り添う「町のパン屋さん」としての知名度を高め、 近隣住民に親しみやすい存在として認知してもらう。
お店の雰囲気やパン作りへの想いを伝え、「一度食べてみたい」「日常的に利用したい」と感じてもらうことができるようにする。
工夫した点
  • 温かみや親しみやすさが伝わるよう、ベージュやブラウンを基調とした配色と、やわらかい印象の書体を採用。
  • パンの魅力が直感的に伝わるよう、写真を大きく配置し、視線の流れを意識したレイアウト。
  • 来店を想定したユーザーが必要な情報にすぐたどり着けるよう、メニューや店舗情報への導線をシンプルに設計。
担当範囲 企画 / ワイヤーフレーム設計 / デザイン / コーディング(実装含む)
ページ数 トップページ / 下層5ページ
制作期間
  • ワイヤーフレーム
    1日
  • デザイン
    5日
  • コーディング
    7日
使用ツール Figma / Photoshop / HTML / CSS / JavaScript / VS Code

Sample

完成見本

  • スマートフォン

    scroll
  • パソコン

    scroll

Thank you!

ご覧いただき
ありがとうございます

お問い合わせは
下記のメールアドレスに
お気軽にご連絡ください

aloe.asim@gmail.com