Works / カフェ
カフェのホームページ制作例
「どの席にしよう」から、来店が始まる。
「cafe nook ○△□」は架空のお店です。実際に動くデモサイトで、スマホでもお試しいただけます。
○
想定したお店
駅から少し歩く、本とソファーのあるカフェ。ひとりでも、友だちとでも長く過ごせるお店です。
△
サイトのねらい
初めての方が「どんな席があって、ゆっくりできるのか」を来る前に分かること。そして窓ぎわ席・グループ席の予約につなげることです。
Points
このサイトの4つのポイント
1席えらびから始まるトップ
窓ぎわのヌック席・本棚のひとり席・ソファーのグループ席を、写真で選べるようにしました。行きたい席が決まると、来店の理由がはっきりします。
2人気の3品を、写真と値段で
トップには人気の3品だけを大きく見せ、ほかはメニューのページにまとめました。迷わせず、食べたいものが1つ見つかる形です。
3LINEで席を予約
窓ぎわ席とグループ席は、LINEから予約できるボタンを置きました。電話が苦手な方でも気軽に予約できます。
4来る前の「気になる」に先に答える
時間制限・Wi-Fi・電源・ひとり利用・禁煙など、よく聞かれることをアイコンとよくある質問にまとめました。
Pages
ページの構成
- トップ（席・過ごし方・人気メニュー・一日の流れ・よくある質問・店舗情報）
- メニュー
- プライバシーポリシー
Design
デザインのくふう
- ○色
- キャラメル色と白で、木の家具と自然光の、あたたかい店内に合わせました。
- △文字
- 丸みのある書体（Zen Maru Gothic）で、やわらかく親しみやすい印象に。
- □かたち
- 席の写真をカードにして、指でめくるように選べるようにしました。
Arise Tools
このデモで使っているツール
ホームページとは別に、ツールだけの導入もできます。
Plan
このくらいのサイトなら、このプラン
STANDARD
スタンダード
HTML＋microCMS・5ページまで
例：トップ・メニュー詳細・こだわり・お客さまの声・よくある質問。お店の魅力をページを分けて伝えます