Connecting the dots

WORKS.3 ~第2課題 カフェのWebサイト制作~

Webサイトワズカフェ課題2

今回の課題はコーディングがメインでした。HTMLとCSSの入力には苦戦しました。

→サイトはこちら
課題名 カフェのWebサイト制作
課題内容
  • クライアントから制作依頼された仕事という前提でカフェのWebサイト を作る。
  • クライアントの要望を理解し、目的を達成する為にはどんなweb サイトにすればよいかを考える。
  • 店舗は、天白区植田に2023年12月1日にオープンする「Was Cafe」。 駅からも繁華街からも離れた住宅地。
  • 既存客のいない新規店。 想定される競合店は都心にも郊外にも展開のファミレス、Cafeなど。
コンセプト
  1. 訪れるお客様の憩いの場所。
  2. 誰もがハッピーな気持ちになれる、素敵な空間を演出する。
  3. ひとりで、友達同士で、ファミリーで。誰もが気軽に行き たくなるカフェをコンセプトにする。
制作意図

1.ロゴのデザインは赤いコーヒーカップを真上から見た デザインです。 赤色を選んだのは、心理学的に赤は 食欲が増すという理由からです。 カフェの惣菜パンが売れるように という意識で配色しました。 コーヒーカップの中でコーヒーが 艶々して揺らいでいる質感を表現 しました。

2.メインカラー 黒・茶色。
ブラックコーヒーとコーヒー豆を表現

3.アクセントカラー・緑色。コーヒーの葉を表現

4.ベースカラー うすい灰色。くつろぎ感を表現

5.工夫したことは、写真の向きを統一させることと、余白の間隔を丁度よく取ることでした。 ゆったりした間隔を開けてサイトを見やすくすることを意識しました。

制作時間 50時間
制作環境 Illustrator(CS5、CC)・Photoshop(CS5、CC)、HTML・CSS

ページの先頭に戻る

© 2023 マーケティングデザイナー科 第35期生 生徒作品