架空のカフェサイト

ホーム

ホーム

身近な明るいカフェ

制作背景

授業で、ロゴや特徴など、どのようなカフェかが決まっており、その依頼に合わせてwebサイトを制作しました。

制作期間

2020年11月(約100時間)

制作環境

photoshop・illustrator・Dreamweaver
HTML・CSS・Javascript

ポイント

オフィス街のカフェ
・立地:西新宿
・営業時間:6:00〜22:00
・おすすめ:日替わりランチ
・ターゲット:20〜30代の男女
ということで、近くの会社の方がいらっしゃる身近な食堂のようなカフェをイメージしてサイトを制作しました。

サイトコンセプト
新規のお客様へお店の雰囲気やメニューを伝えるサイト。既存のお客様へもお店の新着情報を提供するサイト。
デザインコンセプト
気軽に入りやすい印象を伝える、明るく身近で開かれたデザイン

レスポンシブ対応
スマートフォンにも対応するように、表示幅でデザインが変わるようにしました。
カフェサイトのため、初めに食べ物の写真が来るように、また、その後も食べ物の写真が多く見られるように意識しました。

スマホ画像


フードメニュー画像

フードメニュー
日替わりランチなど食べ物のメニューもおすすめのカフェなので、食べ物のメニューを多くみられるように、メニューのページをランチ・モーニング・ディナーなど分けました。それぞれページを切り替えるとその時間帯のメニューが見られるようになっています。

店内画像

お店の雰囲気
新規のお客様向けに、座席数と時間帯別のお店がどのように使われているのかを紹介し、どのよなシーンで使えるお店なのかイメージしてもらいやすいページを作成しました。