Overview

目的

• [was cafe(ワズ・カフェ)]のWEBサイトを新規で制作する。
• 一番の目的は、店の知名度を上げて集客につなげること。
• 店舗は駅からも繁華街からも離れた住宅街に新しくオープンする。

条件

• ユーザーを限定するような極端に個性的・先鋭的なものは望まない
• できればスマホでも見やすいレスポンシブデザインにしたい

制作

• A：トップページ
  サイトロゴ、メインビジュアルとキャッチコピー、オープン日
• B：コンセプトページ
  原稿内容をすべて含むこと
• C：メニューページ
  ドリンク、フード、デザートの3カテゴリを作ること

サイト使用

• 横幅：1280px程度
• 可能な限りレスポンシブに対応
• テーマカラー、ロゴマークの提案

Concept

コンセプト

「訪れるみなさまの憩いの場でありたい」
市場調査によってカフェに対するニーズは以下の3点が挙げられた。

• ドリンクの充実
• 価格
• 空間に対する親しみやすさ

今回は比較されやすい料理よりも、独自性の要素として打ち出しやすい、「空間・雰囲気の価値」を提供することに焦点を当てた。

コンテンツ

「空間・雰囲気の価値」をユーザーに伝えるため、新しくビジュアルページを開設した。自動スライドショーにすることによって、クリックする負担を軽減し自然に視線がとどまるように工夫した。

デザイン

ユーザーの離脱を考え、なるべくトップページでカフェの雰囲気が伝わるようように提供された写真を多用した。サイトのゴールである「予約」にユーザーを誘導するためアクセスやカレンダーをトップページに配置し、予約（来店）への行動を促している。

Production

制作環境

Windows / illustrator CS5、Photoshop CS5、 Visual Studio Cord

制作時間

30時間(ラフ5時間/デザイン5時間/コーディング20時間)