小規模サイト ／ 飲食店
飲食店の店舗サイト
デモ｜自主制作
このページで紹介しているのは、当方が自主制作したデモです。登場する事業者は架空のもので、
実在の店舗・人物とは関係ありません。数値はすべて当方が計測したもので、計測日と条件を記載しています。
要点
- 営業時間・定休日を最初の画面に。スマホ下部に「電話」「地図」の固定ボタン
- メニューはPDFでなく文字で掲載し、検索と更新のしやすさを確保
- 地図は埋め込まず、押したときだけGoogleマップを開く（表示を遅くしないため）
架空の飲食店の店舗サイト。営業時間と定休日を最初の画面に置き、地図は押したときだけGoogleマップを開く軽い作りにしました。
デモを開く この構成で相談する 選択式・約1分。こちらから電話はしません
画面イメージ（PC／スマホ）は計測とあわせて差し替えます
想定した依頼者と課題
席数20ほどの個人経営の飲食店。サイトがなく、営業時間やメニューの問い合わせ電話が多い、という想定です。同じ型は美容室・小売店・教室など来店型の店にも使えます。
やったことと判断の理由
- 地図は画像や埋め込みにせず、「押したときだけGoogleマップを開く」リンクにした。表示速度を落とさないためです。
- メニューは文字で載せた。PDFはスマホで読みにくく、検索にも出てこないためです。
- 口コミは「見る・書く」導線だけを置いた。割引などの対価と結びつける誘導はしません。デモのためリンク先はダミーで、この事例ページに戻ります。
つながる仕組み
口コミが来たあとの返信作業は、業務自動化の「口コミ返信パック」と組み合わせられます。触れるデモは口コミ返信の下書き（デモC-2）で公開しています。
担当範囲
担当：構成・実装・原稿の下書き。写真は軽量のプレースホルダで代替（受託時はお客様の写真を使用）。口コミのリンク先はデモのためダミーです。
AIと人の分担: 実装・原稿の下書き・検査はAI、構成の判断と公開前の確認は人が行っています。 AIの下書きは誤ることがあるため、公開前に人が全ページを確認します。
使用技術
静的サイト生成（Astro）、ホスティングは Cloudflare Pages を想定。端末標準フォントで表示を軽くしています。
計測結果
| 項目 | 値 | 計測日 | 計測ツール・条件 |
|---|---|---|---|
| 表示速度スコア（モバイル） | 計測予定 | — | PageSpeed Insights／公開プレビュー環境で5回計測し中央値 |
| 主要部分が出るまで（LCP） | 計測予定 | — | PageSpeed Insights／同上 |
| ページの重さ | 計測予定 | — | PageSpeed Insights／同上 |
注記: デモ環境での計測であり、実際のサイトでの改善幅や問い合わせの増加を保証するものではありません。 架空サイトのため、検索順位や問い合わせ数は計測できません。
同等構成の料金と納期の目安
100,000円〜 ／ 目安 10〜15営業日（詳細は料金ページ。確定前の下書きです）
無料で相談する 選択式・約1分。こちらから電話はしません