タイトル

カフェサイト

飲食店(カフェ)のWEBサイト制作

line
課題3ウェブページデザイン
大きく見る
課題内容
新規オープンするカフェのWebサイトのデザインとコーディングを行い、実際にネット上で閲覧できる作品を制作します。
クライアント(=カフェのオーナー)から制作依頼された「仕事」という前提です。クライアントの要望を理解し、目的を達成するためにはどんなWebサイトにすればよいかをよく考えてください。また、期日までに完成するようにスケジュールに沿って制作を進めましょう。
制作概要
〈カフェについて〉
・店舗は、天白区植田に2022年4月1日にオープンする「ワズカフェ(Was Cafe)」
・駅からも繁華街からも離れた住宅地
・既存客のいない新規店
・想定される競合店は、都心にも郊外にも展開するカフェチェーン、喫茶店、ファミレスなど
〈Webサイトを作る目的・クライアントの要望など〉
・一番の目的は、店の知名度を上げて集客につなげること
・地域の人たちが気軽に利用できるお店であることをアピールしたい
・顧客を限定するような極端に個性的・先鋭的なものは望まない。
コンセプト
「 隠れ家的カフェ 」
制作意図
カフェが駅からも繁華街からも離れた住宅地に新しくオープンするカフェということで、隠れ家的な落ち着いたデザインとすることに決めました。
ですが、クライアントの要望・Webサイトを作る目的としては店の知名度を上げて集客につなげることが一番の目的です。
また、気軽に利用できるお店であることをアピールしたいとのことだったので落ち着いたデザインの中にも集客に繋がるような華やかさが欲しいと思い、そこを意識してデザインしました。
競合店として考えられるカフェチェーン、喫茶店、ファミレスと差別化するために、高級感を出して少し値段はチェーン店と比べると高いけれど、こだわりのあるお店として地域で人気が出て欲しいと思いデザインしました。
トップのファーストビューも大きく写真が切り替わるスライドショーにしました。地味な色合いですが動きがでることで、メリハリと華やかさがアップしたと思います。
イメージが重たく暗くなりすぎないようにしながらもクラシックな雰囲気を大事にしました。コンテンツがごちゃごちゃしすぎないように気をつけてデザイン・コーディングを行いました。
制作時間
Webデザイン:約30時間 コーディング:約34時間
制作環境
Windows、mac
Illustrator(cs5 cc)、Photoshop(cs5 cc)
line
雲 PAGE TOP 雲