<スクール卒業課題(オリジナルデザイン)で3位を受賞したHPデザインです>
https://design-school.online/zero1/first/96th/rinasaito/index.html
◇制作区分:スクール課題(オリジナルデザイン)
◇担当範囲:情報設計・デザイン制作
◇使用ツール:Photoshop
■ 概要
シチリア料理とシチリアワインを提供するレストランのホームページを想定し、オリジナルで企画・制作しました。
店舗の魅力やこだわりを伝えるだけでなく、来店を検討しているユーザーが必要な情報へ迷わずアクセスできるサイトを目指しました。
■ ターゲット
・20〜50代のグルメ層
・イタリア料理やワインが好きな方
・特別な日の食事やデート利用を検討している方
・レストラン選びのために店舗情報を調べている方
■ 課題
飲食店のホームページでは、料理や店舗の魅力を伝えることに加え、
・どのようなお店なのか
・どんな料理が楽しめるのか
・アクセスしやすい場所にあるか
といった来店前の疑問を解消する必要があります。
そのため、店舗コンセプトや料理へのこだわりを視覚的に伝えながら、ユーザーが必要な情報へスムーズにたどり着ける構成を意識しました。
■ 情報設計
ファーストビューでは店舗の世界観が伝わるビジュアルを大きく配置し、シチリアの雰囲気や料理の魅力を直感的に感じられるよう設計しました。
その後、
・店舗コンセプト
・シチリア料理・ワインへのこだわり
・店舗の雰囲気
・お知らせ
・アクセス情報
の順で情報を整理し、来店検討に必要な情報を自然な流れで確認できる構成としています。
■ デザイン意図
シチリアの海や太陽をイメージし、ブルーとイエローを基調とした配色を採用しました。
また、料理写真や風景写真を多く使用することで、ユーザーが店舗利用時の体験をイメージしやすいデザインを目指しました。
装飾にはレモンや手描き風のイラストを取り入れ、親しみやすさと現地らしさを表現しています。
■ 工夫した点
・店舗の世界観が伝わるビジュアル設計
・料理、ワイン、店舗空間の魅力を分かりやすく整理
・ユーザーが求める情報へアクセスしやすいナビゲーション設計
・写真と装飾のバランスを調整し、賑やかさと視認性を両立
・SNS導線や店舗情報を分かりやすく配置
■ 振り返り・改善案
実際の運用を想定する場合は、予約導線をより強化し、ファーストビューや各コンテンツから予約ページへ遷移できる導線を追加したいと考えています。
また、スマートフォン利用者を想定したモバイルファーストの設計や、ユーザーテストによる改善を行うことで、より使いやすいサイトへ発展させられると考えています。