GRANDIR

スライド1枚目
スライド2枚目
スライド3枚目

WORK1

カフェサイトの制作

課題概要 クライアントから制作依頼された仕事という前提で、開業準備中のカフェのWebサイトを制作する。
クライアントの要望を理解し、指定原稿を使用しつつ目的を達成するためにはどんなWebサイトにすればよいか検討する。
デザインとコーディングを行い、実際にネット上で閲覧できる作品を制作する。
競合店は都⼼にも郊外にも展開するカフェチェーンや喫茶店など。
画面幅は1280pxのディスプレイを想定し制作する。
目的

・店の知名度を上げて集客につなげる
・地域の人たちが気軽に利用できるお店であることをアピールする
・出店地は駅からも繁華街からも離れた住宅地。近隣住民をターゲットに集客

制作のポイント

ターゲットが近隣住民であることから、市場調査を実施。駅からカフェまでの道を数日間歩きながら観察してみました。調査結果から、植田エリアは一軒家の数が非常に多いこと、カフェの利用客は女性グループが多いことが分かったので、メインターゲット層を30代~50代の女性と想定。クライアントの要望である「知名度を上げる」、「気軽に利用できるお店」をアピールするために、ママ友同士で話題になりそうな「オシャレ」且つ「親しみやすい」店内の雰囲気をイメージし、「植物と明るい店内」が伝わる画像とサイトカラーを選びました。
メニューページでは、視線誘導を目的としてZの法則を意識したメニュー配置に。また、ナビゲーションにカーソルを合わせると色が変化したり、全ページの下部にTOPに戻るボタンを配置するなどユーザビリティにも配慮しました。ラテアートをイメージしてデザインしたオリジナル店舗ロゴがお気に入りです。

制作時間 デザイン 30時間
コーディング 30時間
制作環境 Windows11
llustrator(CS5,CC)
Photoshop(CS5,CC)
Visual Studio Code
© 2023 Webマーケティングデザイナー養成科 第36期生 生徒作品