Was Cafe

画像の代替テキストを入力

初めてのコーディング。教科書の知識で確実にできるデザインにしたつもりですが、
CSSが効かなかったり、1つ直すとどこががくずれたりと小さいことで苦戦しましたが、理解が深まっていくと、楽しいと感じることが出来ました。

課題名 カフェのWebサイト制作
課題内容
  • 新規オープンするカフェのWebサイトのデザインとコーディングを行い、実際にネット上で閲覧 できる作品を制作する
  • ≪カフェについて≫
  • 店舗は、天白区植田に2022年2月1日にオープンする「ワズカフェ(Was Cafe)」 ・駅からも繁華街からも離れた住宅地
  • 既存客のいない新規店 ・想定される競合店は、都心にも郊外にも展開するカフェチェーン、喫茶店、ファミレスなど
  • ≪Webサイトを作る目的・クライアントの要望など≫
  • 一番の目的は、店の知名度を上げて集客につなげること
  • 地域の人たちが気軽に利用できるお店であることをアピールしたい
  • 顧客を限定するような極端に個性的・先鋭的なものは望まない
  • 幅1280pxのブラウザで違和感なく閲覧できるサイズにすること
  • トップページを含む全5ページ程度を目安に各自考え、 サイトマップを作成すること(注:1ページ構成は不可)
  • グローバルナビの項目を考えて、全ページに配置すること 支給された原稿の内容はすべて盛り込むこと
  • コンセプトに合ったテーマカラーとロゴマークを作成する
コンセプト
  1. 訪れるみなさまの憩いの場所でありたい
  2. 誰もがハッピーな気持ちになれる、 素敵な空間を演出する
  3. 誰もが気軽に行きたくなるカフェ
  4. おもてなしの気持ちを込めてみなさまをお迎えする
制作意図

1.オーナーの想いから、幸運を運んでくる、平穏、リラックスの意味のあるスズランをロゴマークにした。 そして、おもてなしの気持ちを込めた、3つの星。

2.居心地の良い空間で過ごして欲しいと、テーマカラーは淡いグリーンになっている。

3.トップ画面に、オープン日を大きく配置し、外観を使うことで、認知度を高められるにした。

制作時間 デザイン10時間、コーディング20時間
制作環境 Windows illustrator photoshop CS5 / Mac illustrator photoshop CC

ページの先頭に戻る

© 2021 Webマーケティングデザイナー養成科 第27期生 生徒作品