cafe
- カフェサイト制作 -
- 課題概要
- 「was cafe（ワズカフェ）」のWebサイトを新規で制作する。一番の目的は、店の知名度を上げて集客に繋げること。店舗は駅からも繁華街からも離れた住宅街に新しくオープンする。
クライアントの要望
既存客のいない新規店舗のWEBサイトなので、初めてサイトを訪れた人が見やすく迷わない構成、デザインを希望。
・地域の人たちが気兼ねなくお店に行ってみたくなるような雰囲気
・ユーザーを限定するような極端に個性的、先鋭的なものは望まない
・できればスマホでも見やすいレスポンシブデザインにしたい
構成要素
A：トップページ
・サイトロゴ「was cafe」または「ワズ・カフェ」
・メインビジュアルとキャッチコピー
・オープン告知「2020年1月１日オープン」
B：コンセプトページ
・別添の原稿をすべて入れること（コンセプトページ原稿.txt）
C：メニューページ
・ドリンク、フード、スイーツの３カテゴリ
- 制作意図
- サイトのデザイン
誰もが見やすいシンプルな構成で、写真や文章を少なすぎず多すぎないボリュームで見やすくなるようにしました。
TOPページは「落ち着く空間」「敷居の高くないお店」であることが連想できるように、ファーストビューの写真や余白（階段モチーフ）を使って「家」の形をイメージしました。フォントはゴシック体でカジュアルな雰囲気を表現しています。
色彩は、幅広い年齢・性別の方がターゲットのため、万人受けしやすい中性的で柔らかいものでまとめました。明るく、かつ落ち着いた雰囲気を出しました。
ＰＯＩＮＴ
PC版のみ左右にナビゲーションを設置しました。どのページを見ていても、すぐに「電話予約」と「お店へのアクセス」を確認できるようにしています。SP版では画面が見にくくなってしまうので非表示にしています。
またカテゴリーごとに目が留まるよう、スクロールするとカテゴリーの横に が出現します。邪魔にならない程度の動きで、サイトを楽しく、しあわせな雰囲気になるようにしました。
- 制作環境
- illustrator CS5,CC / photoshop CS5 / Brackets
