☃☃☃☃☃☃☃☃☃
HTML・CSSの総まとめ課題03
☃☃☃☃☃☃☃☃☃

屋根

カフェサイト提案

トップイメージ

※カフェサイトトップイメージ

課題名 飲食店(カフェ)のWEBサイト制作
課題内容
  • クライアントから制作依頼をされたと仮定し、WEBサイトを作成
  • クライアントの要望を理解し、どんなWEBサイトにすればよいか考える
  • WEBデザインとコーディングを行い、実際にWEBで閲覧出来る作品を制作
カフェ概要
  1. 天白区植田に2022年12月1日にオープンするカフェ
  2. 駅からも繁華街からも離れた住宅地
  3. 既存客のいない新規店
クライアント要望
  1. ①店の知名度を上げて集客につなげること
  2. ②地域の人が気軽に利用できるお店であること
  3. ③顧客を限定するような個性的・先鋭的なものは望まない
制作意図

店名の「WaS」には温かみを意味するWARMと、始まりを意味するSTARTをこめた。

ロゴは屋根の下に「WaS」の文字でテーブルと椅子をイメージ配置し、「Cafe WaS」のフォントは丸みのあるデザインを選んだ。

コーヒーカップから出る湯気をハートで表現し、温かみ・ぬくもりを表現。

ホームにはカフェの特徴がいち早く伝えられるように、メインの情報を配置した。

メニューページはデザインに統一性を持たせて、すっきりさせ見やすさを意識した。

コンタクトページには、想定されるよくある質問を配置し、来店前に不安に思うことを少しでも取り除けるような配慮を意識した。

制作時期・時間 2022年12月
ワイヤーフレーム作成 / 約5時間
WEBサイトデザイン / 約20時間
コーディング / 約55時間
制作環境 Windows 10 / Illustrator CC / Photoshop CC

トップに戻る