【架空WEBサイト】京都にあるコーヒースタンドのデザイン（トップページ＋下層３ページ）

・要件

【サイトの目的】

来客数の増加

【ターゲット層】

20～30歳代の地元に住む学生、会社員、主婦、観光で京都に訪れた人（外国人含む）、ワークショップは女性

【デザインのテイスト】

白ベースで分かりやすさ重視。差し色程度でしたら何色を使っても良い。極力スクロールを少なくして欲しい。TOPページのメインビジュアルは写真のみ（文字は不要）。メインビジュアルの下に表示するaboutはスクロールしなくても見えるようにしたい。下層のMENUページは写真を使いすぎず、見やすくシンプルに作って欲しい。外国の方もいるので、英語で表記できるところはなるべく英語にする。

・制作期間

2週間（2021年11月下旬～12月上旬）

・使用ツール

Adobe Photoshop、Illustrator（ベクター画像への変換）、Xd（デザインカンプ）

・デザイン共有リンクはこちら

右下の黒いボタンからも飛べます。

・制作のポイント

白ベースでシンプルな分かりやすさ重視とのご希望でしたので、配色や装飾を絞り込みました。ボタンやセクションタイトルにはコーヒーをイメージした茶色を使用しております。

外国人の方もターゲット層でしたので、タイトルやメニューは英語表記にも対応しております。

若年層を意識してインスタ映えを意識したレイアウトにし、写真を全体的に暖色に寄せ、彩度を上げることで美味しそうに見えるよう調整しています。

メニューのページでは挽きたての美味しい、コーヒーのある暮らし。とキャッチコピーを採用し、厳選されたスペシャリティコーヒーを手軽にお試しできることを訴求しました。

コーヒー豆の特徴に関しては、各項目を豆で表すことにより、一目で分かるように工夫しました。　

ボタンは丸みを持たせ、他と区別することにより、パッと見てボタンだと認識できるようにしています。