☀WAS CAFEのWebサイト☀

飲食店のWebサイト制作

WAS Cafe

課題に入る前からコーディングを使って期間内にWebサイトを作り終えることができるのかがとても不安でした。先生やクラスの方に聞きながら一日ずつ徐々にコーディングを理解しながらなんとか作り終えました。まだコーディングは半分ぐらいしか理解できていないんだろうなと思うので先生が勧めていた本を読んで、課題で作ったものやその他のコーディングも打ちながら理解を深めていきたいと思います。

課題名 飲食店(カフェ)のWebサイトデザイン
課題内容

新規オープンするカフェのWebサイトのデザインとコーディングを行い、実際にネット上で閲覧 できる作品を制作します。

≪カフェについて≫

店舗は、天白区植田に2021年10月1日にオープンする「ワズカフェ(Was Cafe)」
駅からも繁華街からも離れた住宅地
既存客のいない新規店
定される競合店は、都心にも郊外にも展開するカフェチェーン、喫茶店、ファミレスなど

≪Webサイトを作る目的・クライアントの要望など≫

一番の目的は、店の知名度を上げて集客につなげること
地域の人たちが気軽に利用できるお店であることをアピールしたい
顧客を限定するような極端に個性的・先鋭的なものは望まない

ターゲット ワズカフェの近所の住人やワズカフェの近くにある会社で働く人。近所に住む主婦でコロナが落ち着いてきたので家事の合間に外で気晴らしができる環境を求めている30代女性。
コンセプト 主婦のペルソナが外を眺めながら気持ちも頭もリセットできそうなWebサイトにすることです。スッキリと整ったサイトに見えるように重要な事は囲って白い余白が多く見えるように、風通しが良いサイトにしました。
制作意図

【メイン/アクセント/背景色の設定】

メイン色:コーヒーと秋を連想させる色→茶

アクセント色:メインヴィジュアルで一番瞳に飛び込んでくる色→青

背景色:メニューの写真が映える色→白

【メインヴィジュアル】

気晴らしができそうな外の光が差し込む店内の画像→左配置

おでかけがしたくなる青空の画像→中央配置

お店のメインとなるコーヒーの画像→右上配置

30代女性が好みそうな野菜がたっぷり採れるサンドイッチの画像→右下配置

制作時間 2021/08/01~2021/08/23 (20時間)
制作環境 Adobe Illustrator CS5/CC  Adobe Photoshop CS5/CC

ページの先頭に戻る

© 2021 Webマーケティングデザイナー養成科 第25期生 生徒作品