Webサイト制作
- 概要
-
架空のカフェサイトを制作。
2023/07
制作概要
- 制作時期：2023年7月
- 作業内容：フレームワーク、デザイン、コーディング
- ページ数：５ページ
- サイト構成：トップ（１ページ）、概要（１ページ）、メニュー（１ページ）、アクセス（１ページ）、お問い合わせ（１ページ）
- 使用ツール：Photoshop、illustrator、VScode
- 制作時間：ワイヤーフレーム10時間、デザイン24時間、コーディング80時間
カフェについて
- ・店舗は、天⽩区植⽥に2023年9⽉1⽇にオープンする「ワズカフェ（Was Cafe）」
- ・駅からも繁華街からも離れた住宅地
- ・既存客のいない新規店
- ・想定される競合店は、都⼼にも郊外にも展開するカフェチェーン、喫茶店、ファミレスなど
- ・⼀番の⽬的は、店の知名度を上げて集客につなげること
- ・地域の⼈たちが気軽に利⽤できるお店であることをアピールしたい
- ・顧客を限定するような極端に個性的・先鋭的なものは望まない
こだわった点
料理の注文に安心感を与え、スムーズな食事の提供
食事やドリンクひとつひとつに写真を掲載することで、どのように料理が提供されるのか、量や盛り付け方などをあらかじめ把握できるため、安心感を与える効果が期待できる。 また、先に提供商品を知ることで、店内での注文がスムーズに行える。
各コンテンツから予約までの導線を考える
各コンテンツを見た後にすぐに予約ができるよう、全てのフッターに「予約ボタン」を設置。 メールフォームには電話でも予約ができるように配慮した。
反省点
- デザインが垢ぬけていない。
- HTMLコーディング時にCSSで使うと判断して作ったが、結果的に使わなかったdiv要素やclass属性がいくつかあり、作業効率 の悪さを見直す必要がある。
