カフェサイトの
デザイン制作・サイト構築

View more
(Web site)

課題内容

新規オープンするカフェのWebサイトのデザインとコーディングを行い、実際にネット上で閲覧できる作品を制作。クライアント(カフェのオーナー)の要望を理解し、目的を達成するためにはどんなWebサイトにすればよいかを考え、期日までに提出する。

《カフェについて、要望》
店舗は天白区植田に2022年4月1日にオープンする「ワズカフェ(Was Cafe)」。駅からも繁華街からも離れた住宅地で、既存客のいない新規店。
一番の目的は、店の知名度を上げて集客につなげること。地域の人たちが気軽に利用できるお店であることをアピールしたい。顧客を限定するような極端に個性的・先鋭的なものは望まない。

≪サイト仕様≫
幅1280pxのブラワザで違和感なく閲覧できるサイズ。

課題意図

“地域の人たちが気軽に利用できるお店であること”“顧客を限定するようなものは望まない”という点から、テーマカラーにはブラウンを使用し、サイト全体のデザインも見やすくシンプルなものにした。ロゴマークについてはサブコンセプトの“誰もがハッピーな気持ちになれる、素敵な空間を演出”“陽の光が満ちる明るい店内”という点から着想を得て、太陽をモチーフにデザイン。
ナビゲーションやフッターの波線や、画像の角をすべて丸し、全体のデザインを丸みを帯びた親しみやすく統一性を持たせた。メニューの数が多いため、飲み物と食べ物でページを分けることで、1つのページが長くなりすぎないよう意識。また主要な商品には写真をいれることでより印象に残る配置にした。ナビゲーションとページトップへのリンクは常に固定し、見たいページにすぐ飛べるようユーザビリティに配慮した。(全ページレスポンシブ対応済)

制作環境

  • illustrator
  • Photoshop
  • HTML&CSS

制作期間:(デザイン)2022年2月1日~2月7日
(コーディング)2月8日~2月17日