Web Portfolio "MAENARAE"
Thank you for all of you.
トップにもどるボタン

work03

カフェサイト制作

課題概要

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

必須条件

天白区植田に2022年12月1日にオープンする「ワズカフェ(Was Cafe)」のWEBサイトを制作する。
既存客のいない新規店であるため、下記のクライアント要望に沿って制作をすること。

  • 店の知名度を上げて集客につなげる
  • 地域の人たちが気軽に利用できるお店であることをアピールする
  • 顧客を限定するような極端に個性的・先鋭的なものは NG
  • 横幅:幅 1280px のブラウザで違和感なく閲覧できるサイズ
  • レスポンシブ:可能な限り対応
  • ページ構成:トップページを含む最低 4 ページ程
  • コンセプトに合ったテーマカラーとロゴマークの作成

提案テーマ

地元の人が気軽に利用できて、名古屋駅や栄まで出なくても都会的な空気感を感じられるおしゃれなカフェ

制作意図

天白区植田は一軒家が多くファミリー層が多く居住する地域のため、本サイトのターゲットは「子連れ世代の女性」と仮定してデザインを考えました。
「白」「グレー」を基調とした配色とすることで、周辺の飲食店とは重複しない都会的な印象を狙っていますが、サイト構成は極力シンプルにして、性別や年代問わず閲覧しやすいものにしました。
サイト自体が殺風景な印象にならないよう、大きめの画像を多用したり白枠に影を付けたりするなどして視認性を高めるような工夫がさりげなく施されています。
ロゴは曲線的なものを手で書いたものを調整して作成し、都会的な印象のサイトの中にも柔らかく親しみやすい印象が残るものとしました。

制作時間

約14日間(デザイン20時間 PC版コーディング25時間 レスポンシブ12時間)

制作環境

Illustrator CS5/CC | Photoshop CS5/CC | Visual Studio Code HTML/CSS