こしたんたん

カフェのWEBサイト制作

cafe
課題名 架空のカフェ WEBサイト制作
課題概要

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

カフェについて

・天白区植田に新規オープンする「ワズカフェ(WAScafe)」
・駅や繁華街から離れた住宅地
・既存客のいない新規店

クライアント要望▼

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

制作意図

「ママ友同士、お子様連れでほっと過ごしてもらいたい」という思いをこめて、制作にあたった。

気軽に利用できるお店であることをアピールしたいというクライアント要望から、親しみやすさ、温かみを感じられる、オレンジ寄りの黄色をメインカラーに選んだ。

TOPページは、メイン画像・ロゴ・ナビゲーション・オープン情報が、ユーザーがページを開いた瞬間、 バランスよく目に入るように配置を工夫した。

1番の目的である、「店の知名度アップ、集客につなげる」という課題については、ヘッダーとフッターにSNSアイコンを設置。
さらに、予約ページに繋がるボタンを右側に固定配置したことで ユーザーの目に何度もふれるようにして、情報拡散・集客を促している。

制作時間 デザイン…約10時間
コーディング…約40時間
制作環境 illustratorCS5、CC、PhotoshopCS5、CC
Visual Studio Code
WEBサイトを見る
課題を終えて… 初めてのコーディング、思うような位置にコンテンツが設置できず、 何度か心が折れそうになりました。。
レスポンシブデザインは中途半端な状態で時間切れとなってしまいましたが、最終的になんとか形になった時は、達成感がありました。
今後、もっと技術力をつけて複雑なサイト制作にも挑戦してみたいと思います。
© 2021 Webマーケティングデザイナー養成科 第25期生 生徒作品