店舗・飲食

カフェ・喫茶店

焙煎の香りまで伝える一枚看板

この構成で作ったサンプルサイト

焙煎所 ひなた

サイトを開く(新しいタブで開きます)
焙煎所 ひなたのトップページ
焙煎所 ひなたのサイトを新しいタブで開く

実際のトップページ(画像をクリックすると別タブでサイトが開きます)

来店前に見られるのは、たいてい「今日やっているか」と「何が飲めるか」の2つ。写真で惹きつけつつ、その2つを迷わせない構成にしています。

ページ構成

  1. 1トップ
  2. 2メニュー
  3. 3アクセス

組み立てで判断したこと

重視した点:写真の見せ方と営業時間の分かりやすさ

  • 営業時間はヒーローの直下に置く

    スクロールせずに読める位置へ。臨時休業の告知もここに差し込めるようにしています。

  • メニューは価格を右端で揃える

    品名の長さがバラついても、価格の列が揃っていれば読み比べられます。

  • 地図は画像だけでなく住所テキストも併記

    コピーしてナビアプリに貼れるように。地味ですが問い合わせが減ります。

サンプル一覧へ戻る