ロゴ

もり山 小平駅前店

新規オープンするからあげテイクアウト専門店の公式サイトを制作しました。<br>トップページにおすすめメニューを大きく記載することで顧客が必要な情報に迅速にアクセスできるようにしながら、揚げたての熱い雰囲気が感じられるデザイン設計を目指しました。

ターゲット
駅を利用する通勤の方、近隣スーパーへ買い物に来る方。
男女問わず。幅広い年齢層。
情報設計
まず、サイトを訪れた人が関心を持つであろう店舗のメニューはファーストビューの直後に配置しました。
特にみていただきたい2つのメニューをTOPページに大きく配置し、下層ページにつながるボタンをホバー時に動きを出しました。
さらに店舗の情報がすぐにわかるようにトップページの右側にSNSへつながるリンクを固定で配置しました。
デザイン
一番に目を引くファーストビューをスライドにし、店舗のこだわりを記載。
情報量が多くなりがちなトップページは写真やテキストに視線がいくように配置。
スクロールでコンテンツが表示際にも勢いのある動きで見る人に印象が残るようにしました。
制作期間
WordPress  4週間
使用ツール
Figma / WordPress
  • PC
  • SP
  • TOPページイメージ
  • メニューページイメージ
  • FC募集ページイメージ
  • 店舗詳細ページイメージ
  • 会社概要ページイメージ
  • お問い合わせページイメージ
  • TOPページイメージSP
  • メニューページイメージSP
  • FC募集ページイメージSP
  • 店舗詳細ページイメージSP
  • 会社概要ページイメージSP
  • お問い合わせページイメージSP