カフェサイトの新規立ち上げ

シェフのイラスト

人気シェフが独立し、カフェをオープンすることに。
WEBサイトで店の知名度を上げて、集客をしたい。
5ページ構成のサイトを新規作成しました。

タブをクリックすると移動できます
カフェサイト1
カフェサイト2
カフェサイト3
カフェサイト4
カフェサイト5
課題名 WAS Cafe(ワズカフェ)
課題内容
  • カフェWEBサイトにおける、以下のデザイン&コーディング
  • 「トップ」「コンセプト」「メニュー」延べ3ページ以上
  • 初めてアクセスした人が、見やすく迷わない構成とデザインであり、
    地域の人たちが気軽に来店したくなるような雰囲気のあるサイトを望む。
    ※ユーザーを限定するような個性的なものは望まない。
コンセプト
  1. ①一読で来店まで
  2. 「3で認知、7で理解」の原則に基づいて、上部から下部にかけて
    「印象」「反復」「要約」「機能」「詳細」「信ぴょう性」の項目を配置。
    下部になればなるほど 価値の高い情報を置く。詳細3-1

    ページ最下部にはメディア出演歴を掲載。店舗の信頼感を増す

  3. ②高い回遊率を創出
  4. 家賃、人件費などを鑑みると、客単価の目標は朝500円、昼800円、夜1,000円ほどになる。
    セットメニューへの誘導が自然かつ効率的に行われる構成をとる。詳細3-2

    ユーザーの使いやすさと、客単価の向上を同時に狙った工夫

制作意図 ・ロゴマークはコーヒーカップを模したもの。カフェ(喫茶店)であることが一目でわかる。
・目玉商品のバナーを作成。お店に行くきっかけづくり。
・お店の外観や内装の写真を散りばめた。建物に付加価値を持たせる。
・メディア取材の経歴を掲載した。情報の信ぴょう性を向上する仕掛け。
・メニューの3ページは他とレイアウトを異にし、サイドバーを配置。クリック数の向上。
・ドリンクセットをクリックするとドリンクメニューへ戻れる。
制作時間 13日間
制作環境 Adobe Illustrator CS5/Photoshop CS5
Brackets/Google Chrome