カフェサイト

カフェサイト
課題名 カフェサイト「WAS CAFE」(デザイン・コーディング)
制作概要
  • 概要:新しくオープンするカフェのサイト。
  • 目的:店の知名度を上げて集客につなげる。
  • クライアントの要望:既存客のいない新規店舗のwebサイトなので、 初めて訪れた人が見やすく迷わない構成・デザインにすること。 誰でも気兼ねなくお店に行ってみたくなるような雰囲気にすること。 (ターゲットとなる客層を極端に狭めてしまわないデザインを意識する)
ページ
  1. トップページ
  2. コンセプトページ
  3. メニューページ
  4. 提案ページ(各自考える)
必須要素 サイトロゴ・メインビジュアル・オープン告知・お店のコンセプト・店舗情報・メニュー
制作内容 客層を狭めないデザインを意識し、ナチュラルカラーのベージュをベースカラーにしました。余白を多めに取った画面構成にし、分かりやすく見やすい構成にしました。
4ページ目の提案ページ(イベントページ)はほかのページと雰囲気を変えるため、 フォントを明朝体にするなど工夫しました。
感想 トップページをスライドショーにしたり、スクロールしたときの動きをつけるため、javasprictで作成しました。 特にコーディングに時間がかかり苦戦しましたが、完成したときの達成感は大きかったです。
サイズ 横:900~1000px 縦:任意
制作環境 OS:Windows 10
アプリケーション:IllustratorCS5・PhotoshopCS5・TeraPad
納期 2017年02月21日
制作時間 45時間
リンク 実際のサイトはこちら
© 2016 Webデザイナー科 第13期生 生徒作品

TOPへ戻る