架空のラーメン屋「麺屋一極」の店舗サイトを制作しました。創業80年の歴史を持ち、提供するメニューはラーメンのみというこだわりの営業姿勢をアピールポイントとしてデザインを行いました。熊本の皆様に長く愛されてきた「麺屋一極」のブランドイメージを損なわない品のあるシンプルなデザインの中に遊び心を追加したデザインに仕上げました。
- 目的
- ブランドイメージ、歴史、ラーメンへのこだわりについて知っていただくこと
- ターゲット
-
・最近は麺屋一極に行っていなかったが、また行こうかなと思っている地元の方
・まだ発掘されていないラーメン屋に行くのを趣味にしているラーメンファン、男性30代
- 情報設計
- TOPページのFVでは情報を最小限に抑え、インパクトを持たせることでユーザーの興味関心を誘いました。FV以降のセクションではラーメン作りに対する想い・こだわりについて掲載し、ターゲット層に世界観が伝わるように構成しました。サブページでは店舗情報などユーザーが実際に店舗に訪れる際に必要な情報を掲載しています。また、ページ共通のインスタセクションでは店舗で運営している公式アカウントへのリンクを掲載しています。
- デザイン
- FVではラーメンの画像を大きく掲載し、「一極の一杯」というキャッチコピーを大きく縦書きで配置。堂々とした印象を表現しました。h2の見出しや背景に中華系のあしらいを用いて全体の装飾感を演出。スープを完飲したときに現れる、器の底の印字をフッターで表現しました。また、ToTOPのボタンにも特に遊び心を加え、単調にならない様に工夫しました。
- ページ構成
-
・TOPページ:1枚
・サブページ:1枚
・お知らせ関連ページ:3枚(アーカイブ/カテゴリー/記事)
・お問い合わせ関連ページ:3枚(入力/確認/完了)
- 制作期間・範囲
-
・企画/情報設計:1日
・デザイン:3日
・コーディング:4日(WordPress/FLOCSS/Dart Sass)
- 使用ツール
- Illustrator / Photoshop / XD / Visual Studio Code
- URL
- https://testsite03.yutawatanabe-portfolio.com/
- 公開日
- 2023年5月