Cafe Site

• 初めてサイトを訪れた人が見やすく、迷わない構成・デザインにしたい
• 地域の人が気兼ねなくお店に行ってみたくなるような雰囲気にしたい
• ユーザーを限定するような極端に個性的・先鋭的なものは望まない

• トップページ：サイトロゴ、メインビジュアルとキャッチコピー、オープン告知「2020年1月1日オープン」
• コンセプトページ：原稿をすべて入れること
• メニューページ：ドリンク、フード、スイーツの3カテゴリ(原稿はないので内容は自由)

●全体感
サイトの全体感を把握しやすいように、トップページに全下層ページの概要をのせて、MOREでそのページに飛べるデザインにしました。
ヘッダーとフッターからもすべてのページに飛べるようにしています。
ヘッダーは上にスクロールすると現れるデザインにして画面を広く見えるようにしつつ、ユーザビリティを向上させることを意識しました。

●ポイント
ファーストビジュアルでキャッチコピーやスライドショーで雰囲気を出して、オープン日もアニメーションで目を引くようにしました。
リンクをホバーしたときには、キーカラーの黄色のアンダーラインがスライドしてくる等の楽しげなデザインにしました。
メニューページでは季節のおすすめをカルーセルにして目を引くようにしました。
メニューページは縦に長いのでヘッダーナビにドロップダウンメニューを加えて、飛びたい箇所にすぐ飛べるようにしました。
コンタクトページでは簡易的にですがjavascriptでバリデーションチェックを加えました。

• ラフデザイン：26時間
• コーディング：27時間