WEBサイト

モーリシャス料理専門店サイト

概要

架空のモーリシャス料理専門店のサイト (トップのみ)

サイトを見る

制作範囲

デザイン、コーディング

使用ツール

Figma、Illustrator、VSCode、ChatGPT(文章生成)、Gemini(画像生成)

ターゲット

25~50歳の男女
食と文化に関心が高い層

制作期間

10日

目的

・お店とモーリシャス料理に興味を持ってもらう
・来店、予約に繋げる

デザイン

海外料理店に見られる賑やかで装飾的な印象とは対照的に、清潔感と落ち着きを重視したデザインを目指しました。
メニューやお店の写真が引き立つようにモノクロ基調でシンプルなデザインにしています。
また、セリフ体を用いたタイポグラフィや広めの余白によって、視認性と高級感を両立させました。

情報設計

予約導線については、ユーザーが行動に移しやすいよう上部ナビゲーションに配置しています。
ファーストビューでは視覚的な訴求によって興味を喚起し、その後コンセプトセクションで店舗の背景やこだわりを提示することで、文化的な価値への理解を促しています。
また、ユーザーが来店前に店内の雰囲気や席数を把握し、安心して利用できるよう、フロアセクションを設けています。