萌芽

• 新規オープンする架空のカフェ「ワズカフェ（Was Cafe）」のWebサイト制作。
• 店の知名度を上げて集客につなげること。
• 地域の人たちが気軽に利用できるお店であることをアピールすること。
• ロゴマークも作成すること。

訪れてくれた人が幸せな気分になれるカフェであってほしいというオーナーの想いを反映して、ロゴやサイトの装飾に「幸せを呼ぶ木」と呼ばれているオリーブの木を使用しました。

近隣の方々が1人でほっとしたいとき、友達や家族とおしゃべりしたいとき、「なんかワズカフェに行きたくなる」と思えるような居心地の良い場所であることをイメージしてデザインしました。

1. 配色

優しく落ち着いた印象になるようにしました。
ベースカラーはくすみがかった淡いブラウンです。メインカラーはエスプレッソのようなダークブラウン。アクセントにオリーブの葉のグリーンを入れました。

2. TOPページ
カフェの利用者にとって1番知りたい情報－営業時間や連絡先などの店舗情報－をファーストビューに載せ、探さなくて済むようにしました。

3. ABOUTページ
お店の紹介ページにはオリーブの装飾を背景に散らしました。視覚的に気持ちが良い体験を提供し、長めの文章でも飽きずに読んでもらえるようにとの意図があります。

4. CONTACTページ
お問い合わせフォームの見た目が不自然にならないように余白の調整に時間をかけました。

5. スマホの画面からも違和感なく見られるよう可能な限りレスポンシブ対応にしました。

• Windows10
• XD
• Illustrator（CS5/CC）
• Photoshop（CS5/CC）
• Visual Studio Code