Cafe Site

カフェサイト - 新規制作

制作初期段階でもう少し具体的にサイトの完成型がイメージできたらもっと短い時間で制作できたかなと思います

課題内容

• 「was cafe」のWebサイトを新規で制作する
• 目的は店の知名度を上げて集客につなげること
• 店は住宅街に新しくオープンする
• クライアントの要望
  ①初めてサイトを訪れた人が見やすく迷わない構成・デザイン
  ②地域の人が気兼ねなくお店に行きたくなる雰囲気
  ③ユーザーを限定するような極端に個性的・先鋭的なものは望まない
  ④できればスマホでも見やすいレスポンシブデザインにしたい
• 必須要素
  ①トップページ：サイトロゴ「was cafe」、メインビジュアル、キャッチコピー、オープン告知「2020年1月1日オープン」
  ②コンセプトページ：原稿をすべて入れる
  ③メニューページ：ドリンク、フード、スイーツの３カテゴリ
• サイズ：幅960px程度

制作意図

地域の人が気兼ねしない雰囲気にしたいという要望や、「誰もがハッピーな気持ちになれる素敵な空間」というコンセプト原稿から、安心する空間であることが伝わるサイトを目指しました。
ほっとする雰囲気にするためロゴやページタイトル部分にコーヒーの湯気をイメージしたものを入れ、赤やベージュ等の暖かみのある色使いにしました。店名が記憶に残るようにファーストビューにロゴを大きく配置し、見ている人がサイト内で迷わないようにグローバルナビが常に画面上部に固定されるようにしました。また、スマホでも見やすいように、画面幅が狭い時はグローバルナビがハンバーガー型メニューに変形して固定されるようになっています。

制作環境

• 制作時期: 2019/11/29 - 12/20
• 制作時間 : 96時間
• 制作環境: OS/Windows10, IllustratorCS5, PhotoshopCS5