Thank you Su-chan

Cafe Site

カフェサイト
Webサイトへ
課題内容
  • 【サイトの概要・目的】
    「was cafe(ワズ・カフェ)」の Web サイトを新規で制作する。
    一番の目的は、店の知名度を上げて集客につなげること。
    店舗は駅からも繁華街からも離れた住宅街に新しくオープンする。
  • 【クライアントの要望】
    既存客のいない新規店舗の Web サイトなので、初めてサイトを訪れた人が見やすく迷わない構成・デザインがいい。
    地域の人たちが気兼ねなくお店に行ってみたくなるような雰囲気にしたい。
    ユーザーを限定するような極端に個性的・先鋭的なものは望まない。
    できればスマホでも見やすいレスポンシブデザインにしたい。
必須要素
  • 【ページ構成】
    以下 3 ページは必須、それ以外に必要と思うページがあれば提案可。
    A:トップページ
    B:コンセプトページ
    C:メニューページ
  • 【必須要素】
    以下 7 点は必須。
    その他必要と思われる情報があれば、各自考え初回チェック時に提案可。
    A:トップページ
    ・サイトロゴ「was cafe」または「ワズ・カフェ」
    ・メインビジュアルとキャッチコピー
    ・オープン告知「2021 年 1 月 1 日オープン」
    B:コンセプトページ(※以下に関する指定の原稿をすべて入れること)
    ・キャッチコピー、リード文、本文
    ・プロフィール
    ・店舗概要
    C:メニューページ(※具体的な原稿は無いため、自由に作成)
    ・ドリンク、フード、スイーツの 3 カテゴリ
  • 【サイト仕様】
    横幅:960px 程度(本文の表示領域)
    ブラウザサイズに合わせて変化するデザインでも可
    キーカラー:デザインコンセプトと一緒に提案
  • 【その他】
    写真は支給したデータを使うこと。
制作意図

①地域の人たちが気兼ねなくお店に行ってみたくなるような雰囲気かつ、
店の知名度を上げて集客につなげるため、
・店のテーマを「自家製、日替わり、アットホーム」と設定
・地元農家で採れる旬の食材を使った自家製料理での提供に特化することで、作り手の見える食の安心安全を提供
・お客様がいつ来店しても楽しめる日替わり料理
・日替わりセットメニューのみの提供にすることで他のカフェと差別化を図るかつ、食品ロスの削減
・お子様やご高齢の方、妊婦の方も気軽に来店いただけるようカフェインレス飲料をご用意
・ウッドやチェック柄を使用し、カントリー調に統一することでアットホームな雰囲気を表現
・キーカラーのクリーム、茶、赤の 3 色で柔らかさと温かみを表現
・家族での外出時にお弁当感覚で利用いただけるよう Takeout の受付案内
・SNS にてクーポン配信することで、来店のきっかけに繋げる、かつ、若年層への集客アプローチ

②ユーザーを限定するような極端に個性的・先鋭的なものではなく、初めてサイトを訪れた人が見やすく迷わない構成・デザイン。
できればスマホでも見やすいレスポンシブデザインにしたい。
・携帯から容易にアクセスできるようレスポンシブ対応
・ページ移動はワンアクション、現在地をアンダーライン
・ヘッダーを固定することでどの画面からも目的の項目を選べるようにする
・最低限のスクロールに抑えたかったため、項目ごとのページを作成

注目ポイント
  • ・ロゴとキャッチコピーに込めた想い
    老若男女問わずに利用いただきたい想いから、ロゴは、誰もがいつでも帰ってこられる居場所となるように「家」をモチーフにしました。キャッチコピーは、お店の売りである自家製と来店するとどうなるのかということを伝えたかったため、「心もお腹も温まる自家製にこだわる Cafe」と言葉のままに表現しました。
  • ・メインビジュアルの切り替わる写真
    料理は日替わりセットメニューでの提供と設定したため、メニューページに料理の写真を使用するよりも、メインビジュアルで外観、自家製、各項目の料理写真が切り替わるようにし、ファーストビューからお店をイメージできるようにしました。
制作時間 80時間
制作環境 Windows10,Illustrator CS5,Photoshop CS5,Brackets