カフェ・喫茶店
焙煎の香りまで伝える一枚看板
この構成で作ったサンプルサイト
焙煎所 ひなた

実際のトップページ(画像をクリックすると別タブでサイトが開きます)
来店前に見られるのは、たいてい「今日やっているか」と「何が飲めるか」の2つ。写真で惹きつけつつ、その2つを迷わせない構成にしています。
ページ構成
- 1トップ
- 2メニュー
- 3アクセス
組み立てで判断したこと
重視した点:写真の見せ方と営業時間の分かりやすさ
営業時間はヒーローの直下に置く
スクロールせずに読める位置へ。臨時休業の告知もここに差し込めるようにしています。
メニューは価格を右端で揃える
品名の長さがバラついても、価格の列が揃っていれば読み比べられます。
地図は画像だけでなく住所テキストも併記
コピーしてナビアプリに貼れるように。地味ですが問い合わせが減ります。