82,200m

WEB SITE

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

私は作業スピードが早くないため、納期に間に合わせることを優先してシンプルなデザインにしました。
ブラシツールを使ってマウスでロゴを描くのが楽しかったです。

課題名 カフェサイト制作
課題内容 新規オープンするカフェのWEBサイトのデザインとコーディングを行い、実際にネット上で閲覧できる作品を制作
コンセプト 明るい雰囲気で気軽に行きたくなるお洒落なカフェサイト
制作意図

店の知名度を上げて集客に繋げるため、ロゴをサイト中央に大きめに置いて目立たせることで印象付けました。


店の雰囲気を明るく、料理を美味しそうに見せるため、写真の彩度を高めに設定しました。
同時に、華やかさの中にも品を出すため、明度は少し低めにしました。


  • メインカラー【レモンイエロー】…飲食店であることから、食欲を増進させる暖色を。また、アットホーム感、カジュアル感を演出し、気軽に利用してもらうため。
  • ベースカラー【白】…ターゲットが比較的幅広いため、好みが別れないシンプルな色を。且つ、明るい雰囲気を出すため。
  • アクセントカラー【無し】…写真を映えさせるためと、ロゴを目立たせるため。

メニューの情報量が多く、単調に載せるとページが長くなってしまうため、ユーザビリティを考慮してアコーディオンで折りたたむ仕様ですっきりさせました。

制作時間 デザイン20時間、制作60時間
制作環境 Illustrator(CS5)、Photoshop(CS5)

ページの先頭に戻る

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