シマの隠れ屋 居酒屋

サイトの概要

「シマの隠れ屋 居酒屋」は、飲食店・居酒屋業態を想定した制作サンプルです。居酒屋のサイトを見る人が知りたいのは「どんな雰囲気の店か」「何が食べられるか」「予約できるか」の3点で、しかもその多くは来店直前のスマートフォンからです。そこでこのサンプルはページ数を欲張らず、トップページ1枚でこだわり・メニュー・店内の様子・アクセス・よくある質問まで読み切れる構成にしました。

配色は落ち着いた紺と木目を基調に、照明を落とした店内写真をそのまま活かす暗めのトーンでまとめています。ヒーローは複数の写真がゆっくり切り替わるスライドショーで、開いた瞬間に「島時間の隠れ家」という世界観が伝わるようにしました。ヘッダーには電話番号を常に表示しているので、どこまでスクロールしても1タップで予約の電話がかけられます。写真は暗い店内でも料理が沈まないよう、明るさのある一皿をところどころに挟んでリズムをつくっています。

デザイン・構成のポイント

メニューは天ぷら・土鍋ごはん・逸品料理・刺身／海鮮・お飲み物の5カテゴリーに分け、価格まで入れた一覧として掲載しています。飲食店で「メニューが載っていない」「価格が分からない」は離脱の大きな原因になるため、お手元のメニュー表をいただければそのまま流し込める形で組んであります。個室・貸切・飲み放題付きコースといった宴会需要に直結する情報は、よくある質問10問の中にまとめました。アレルギー対応や喫煙可否、キャッシュレス決済の対応まで先に答えておくと、電話で同じ質問を受ける回数がそのまま減ります。

アクセスは営業時間・定休日・駐車場・Googleマップを1セクションに集約し、あわせて独立した「アクセス・店舗情報」ページも用意しています。地図と住所は検索から直接たどり着く人が多いため、トップと個別ページの両方に置いておくのが安全です。お知らせは一覧と記事ページを持たせているので、季節限定メニューの案内やお盆・年末年始の営業時間変更などを自分たちで積み上げていけます。

見出しや本文には「沖縄」「島時間」「隠れ家居酒屋」といった、お客様が実際に検索する言葉を自然に含めました。飲食店は「地域名＋業種」で探されることが多いため、店名を大きく置くだけのページよりも、料理と雰囲気を言葉でも説明しているページのほうが見つけてもらいやすくなります。写真は本文の流れに沿って積む配置にしているので、ご用意いただける枚数が増えても減ってもレイアウトが崩れません。

ページ構成

• TOP（こだわり・メニュー・店内紹介・アクセス・よくある質問）
• アクセス・店舗情報
• お知らせ（一覧・記事）

主な機能

• HTML
• レスポンシブ
• ヒーロースライドショー
• メニュー一覧（5カテゴリー）
• よくある質問（アコーディオン形式）
• Googleマップ埋め込み
• 電話タップ発信
• お知らせ一覧・記事ページ
• お持ちの画像差し込み5枚程度
• ロゴ作成

こんな業種におすすめの構成です

居酒屋のほか、焼鳥・バー・スナック・沖縄そば店など「1ページで雰囲気とメニューを見せて、電話予約につなげたい」小規模飲食店に向いた構成です。ページ数を増やさないぶん制作費も更新の手間も抑えられるため、まずは公開を急ぎたい新規開店のお店にもおすすめしています。宴会需要を狙う場合は、コース内容や宴会プランのページを1枚足すだけで対応できます。逆に席数の多いお店や複数店舗を運営されている場合は、店舗ごとのページを追加したり、お知らせを管理画面から更新できるようにする作り方もご案内できます。まずは「自分のお店だとどのくらいのページ数が必要か」の目安として、このサンプルをご覧ください。

その他対応可能な内容（一例）

• Googleアナリティクス（GA4）タグの設置
• OGPタグの設定
• 子ページの追加
• お問い合わせフォームの設置
• 検索エンジン用サイトマップの設置
• WordPressの導入・構築