制作概要

「was cafe（ワズ・カフェ）」のWebサイトを新規で制作する。
一番の目的は、店の知名度を上げて集客につなげること。
店舗は駅からも繁華街からも離れた住宅街に新しくオープンする。

クライアントの要望

既存客のいない新規店舗のWebサイトなので、初めて訪れた人が見やすく迷わない構成・デザインがいい。
地域の人たちが気兼ねなくお店に行ってみたくなるような雰囲気にしたい。
ユーザーを限定するような極端に個性的・先鋭的なものは望まない。
必須要素
トップページ＋コンセプトページ＋メニューページ
構成要素
サイトロゴ／メインビジュアル／キャッチコピー／オープン告知／お店のコンセプト/店舗情報/メニュー(ドリンク、フード、スイーツ)
サイズ：幅960px程度

制作意図

コンセプト
カフェを新規オープンする地域は近くにに全校生徒約1000人の中学校や高校や大学もある学生も多い地域のため、地域の人だけではなく学生の中でも話題になるカフェにしたいと思い、シンプルな中に少し遊び心を入れたサイトにしました。
サイト説明
誰でもわかりやすく見やすく使いやすいサイトを意識しました。地域の人が気兼ねなく来れるカフェということでロゴはこのカフェを第二の家の思ってほしいという意味を込めて家のマークにしました。家の中の顔は、was cafeのローマ字で作りました。
ナビは英語と日本語を使用し誰でも読めるように意識しました。
「温もり」や「安心感」のイメージを持つ茶色と「幸福」や「愛情」のイメージがあるピンクを使用してクライアントから提示されたお店の雰囲気にマッチするサイトになるように心がけました。
全体的には文字と写真が並んでいるシンプルなサイトですが、アニメーションを少し入れることでユーザーの印象に残るサイトにしました。

制作環境

Illustrator CS5,CC / Photoshop CS5,CC /Brackets