ベーカリーむぎあかり

目的

お店の雰囲気を伝えて、来店を増やすこと。

デザインの説明

ファミリー層をターゲットに、温かみのある地元のパン屋をイメージして制作しました。

ファーストビューでは画面いっぱいに写真を配置し、お店の雰囲気や特徴を直感的に伝えることで、ユーザーに興味を持ってもらえるよう工夫しました。
ファーストビューで興味を持ったユーザーが、店舗情報をスムーズに確認できるよう、次のセクションに「店舗情報」へのボタンを設置。お店の場所や営業時間などの情報へすぐにアクセスできるよう、来店を想定した導線を意識しました。
人気商品をピックアップし、価格やおすすめポイントを掲載することで、どのような商品を取り扱っているパン屋なのかを直感的に伝えられるようにしました。
商品一覧では商品ごとに見出しを設け、それぞれにページ内リンクを設定。上部にある見出しをクリックすると該当の商品カテゴリーまで移動できるようにすることで、ユーザーがスクロールする負担を減らし、目的の商品を探しやすくしました。
また、スマートフォンを利用するユーザーが多いことを考慮し、Instagramの投稿を埋め込んでいます。実際の店舗や商品の写真から、Webサイトだけでは伝えきれないお店の雰囲気をより詳しく知ってもらえるようにしました。
全体的に暖色系の色を使用し、パン屋らしい温かみや親しみやすさが伝わるデザインに仕上げました。

制作期間

約5週間

使用ツール

Figma/Photoshop/WordPress