事業者向け情報

カフェサイト課題

パスタと紅茶の専門店
Was cafe

ワズカフェ
カフェサイト製作 パスタと紅茶の専門店 Was cafe
制作時期 2018年10月中旬から11月上旬
サイト幅・制作ページ数
  • サイト幅:900px
  • トップページ+下層5ページ
課題要件
  • 既存客のいない新規店舗のサイトなので、初めて訪れた人が見やすく迷わない構成・デザイン。
  • 誰でも気兼ねなくお店に行ってみたくなるような雰囲気。(ターゲットとなる客層を極端に狭めてしまわないデザインを意識する)

ページ構成

  • トップページ:サイトロゴ、メインビジュアル、キャッチコピー、オープン告知
  • コンセプトページ:店のコンセプト、店舗情報メニューページ、
  • メニューページ:ドリンク・フードメニュー
  • 提案ページ(各自提案)。
コンセプト

食事に合わせた茶葉をコーディネートする紅茶の専門店

 市内を中心に東海地方の飲食店に茶葉の卸を行っている、茶葉輸入会社のアンテナショップとして、茶葉の利用拡大を目的に運営。
 キリンは2011年におにぎりに合う紅茶として、新たな紅茶の利用シーンを開拓したが、当カフェは食事と紅茶の組み合わせをもう一歩推し進めて、食事に合わせて茶葉を選ぶという利用を推進している。
提案ページ

茶葉と食事の具体的な組み合わせの提案

 茶葉の直販ページと、カフェの近隣にある飲食店のメニューと茶葉のおすすめの組み合わせを紹介するページを作成。茶葉の利用拡大を念頭に、集客につながる提案ページとした。
 大手の茶葉ECサイトや市内の紅茶専門店等では、紅茶の入れ方等を中心に、「油分の多いもの」等、組み合わせる食品の方向性などが紹介されている。しかしながら、具体的な食品との組み合わせを提案しているサイトは少なく、後発であっても特徴的なコンテンツとして運用できると考えられる。
制作意図  紅茶の水色をキーカラーにサイトを作成。描画領域確保の観点から、ナビなどは固定とし、下部にも各ページへのリンクを設置した。ターゲットが幅広くとられているため、どの世代にも利用しやすくリンクボタンを大きめに制作し、視覚的にもわかりやすいものとした。また、UDの観点から文字は16ptを基本とし、文字と背景のコントラスト比もできるだけ高めとした。
 コンテンツ部分はブログ等の導入を前提とし、変化を持たせるためカフェ部分とデザインを変更した。
制作環境
OS
windows10
使用ソフト
IllustratorCS5 PhotoshopCS5
制作時間
50時間(リサーチ6時間 デザイン8時間制作24時間)