20161115-20170315 YES WAS

ほっと和む古民家カフェ「WAS CAFE」

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

カフェサイトの制作を経て

カフェという素材自体が個人的に好きなので、どんなページにするかワクワクした半面、様々なカフェサイトを見ていくうちにどういうサイトにするか迷ってしまいました。webサイトでどのような見せ方ができるのか、カフェという素材をwebサイトで表すにはどのような情報を掲載する必要があるのか等、レイアウトを考える時に悩みました。必死でデザインしましたが、コーディングの際にまたつまづき、、、デザインするときにはこういう風にコーディングの方法を考えながらデザインすることも必要だと感じました。今後の課題として、トップページと下層ページのデザインの統一性をはかることと、Javaなどを使用したより複雑なデザインのコーディングを身につけることがあげられます。

課題名 課題2 カフェサイト
サイトの概要・目的 新しくオープンするカフェのサイト
店の知名度を上げて集客につなげる
クライアントの要望 既存客のいない新規店舗のWebサイトなので、初めて訪れた人が見やすく迷わない構成・デザインにすること。誰でも気兼ねなくお店に行ってみたくなるような雰囲気にすること(ターゲットとなる客層を極端に狭めてしまわないデザインを意識する)
ページ構成
  • トップページ
  • コンセプトページ
  • メニューページ
  • 提案ページ
必須要素
  1. サイトロゴ(「was cafe」「ワズ・カフェ」
  2. メインビジュアル
  3. キャッチコピー
  4. オープン告知(4月1日オープン)
  5. お店のコンセプト
  6. 店舗情報(所在地・電話番号・営業時間・アクセスマップ)
  7. ドリンクメニュー、フードメニュー、スイーツメニュー
  8. 提案ページ ※内容を各自考えて提案
サイト仕様 横幅:900~1000px
ターゲット:特に指定しない
キーカラー:デザインコンセプトと一緒に提案
制作時間 40時間
納期 2017年2月21日
制作環境 OS:Windows7
Adobe PhotoshopCS5
IllustratorCS5
リンク 実際のサイトはこちら
© 2016 Webデザイナー科 第13期生 生徒作品