「WAS-CAFE」カフェサイト

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

サイトはこちら

【感想】
どんなデザインにするかや、コーディングでわからないことがあったりして困ったこともありましたが、自分でアイディアを考え作ることが楽しかったです。

課題名 「WASカフェ」サイト
課題内容 新しくオープンするカフェのサイト。
既存客のいない新規店舗のWEBサイトなので、初めて見た人が見やすく迷わな い構成・デザインかつ、誰でも気兼ねなくお店に行きたくなるよう制作する。
画面サイズ 幅960px 縦任意 ※ブラウザウィンドウサイズ1000~1200pxを想定
構成要素
  1. トップページ
  2. コンセプトページ
  3. メニューページ
  4. イベントページ
制作意図  オープンサイトとゆうことで、サイトに初めて訪れた人に印象が残る様、トップ ページにはおいしそうな料理やデザート、スタッフの写真をたくさん並べました。
 コンセプトページには、「7つのこだわり」とそれに該当する写真を用意し、クリ ックすると画像が切り替わり楽しんでもらえる様、工夫。
 メニューページは、オススメ料理を写真として載せ、フードとカフェの色分けを 行い、一目で区別がつくようにしました。
 イベントページでは、楽しんでもらえるよう、背景を黒板にし、その中でプレゼ ント画像が動いたり、Birthdaycakeを文字で切り抜いたりと、ポップなデザインにしました。
制作環境 windows7/IllustratorCS5/PhotoshopCS5
制作時間 60時間(デザイン35時間、コーディング25時間)
© 2016 Webマーケティングデザイナー養成科 第12期生 生徒作品