飲食店向けに、Uber Eats などのフードデリバリーサービスの導入と、AIO(AI検索最適化)対策の宣伝広告ツールをご提案されている辻 武志 様の新規HP。ご要望「問い合わせ・予約を増やしたい/名刺代わりに信頼性を出したい/シンプルで文字数の少ないページ」に対し、同じ事実・同じ表現ルールで、狙いの異なる3案をトップページ完成形で制作しました。全案とも、流入した瞬間に「この会社、ちゃんとしている・なんかすごそう」と感じるよう、ヒーローに写真と文字の動き・視差・デモ演出を入れています。PC/スマホ両対応、フォームは送信しないデモです。
案A ★本命白基調+深い墨色のアクセント1色、Noto Sans JP。FVは一行のコピーと問い合わせボタンだけ。文字が1字ずつ立ち上がり、画面右端まで広げた写真枠で3枚の写真がパン&ズームしながら切り替わり、3枚のチップが浮かんでマウスに追従。以下はできること3つ → 進め方3ステップ → 料金 → (会社概要) → お問い合わせの5〜6画面で完結。
案B濃紺×白に、デリバリー=オレンジ/AI検索=ブルーの色分け。FVは左右分割の写真がワイプで現れ、中央の線が伸び、マウスを乗せた側が広がる。お悩み4つ → 2つのサービス(対応サービス・AIOの定義) → 選ばれる理由 → 流れ4ステップ → 料金 → FAQ → 代表挨拶 → 会社概要 → 電話/LINE/フォーム。名刺代わりの信頼性を最も厚く。
案C墨黒×オレンジ×シアン。FVの右に「AIに質問 → お店が候補に光る → 注文の通知」が動くデモカード、背景は夜の厨房のズーム+光の玉+粒子。お悩み5つ → 2つの解決策 → AI検索対策とは(3ステップ) → 選ばれる理由 → 料金 → 流れ → 導入店舗の声(準備中枠) → FAQ → 運営者情報 → 選択式フォーム。全ボタンをフォームに集約。
※各ページ上部の黒いバーと黄色い「◆制作メモ」は制作側の注記です。右下(SPは左下)の「制作メモを隠す」で非表示にできます。黄色の「準備中」枠は、打合せで回収する情報(金額・所在地・電話・代表挨拶など)が入る場所です。全ページ noindex。
| 案A 白×墨ミニマル ★ | 案B 2本柱コーポレート | 案C 獲得型LP(ダーク) | |
|---|---|---|---|
| 狙い | 名刺代わり+問い合わせ。「シンプルで文字数が少ない」を最優先に、迷わず相談へ | 「両方をひとつの窓口で」を最も厚く説明し、警戒心の強い飲食店オーナーの不安(FAQ・書面・担当固定)を先回りで解消 | 広告・SNS流入からの問い合わせ獲得。悩み→解決→理由→料金→流れ→声→FAQ→申込の直線構成 |
| 主な読者 | 紹介・名刺・Facebook経由で「どんな会社か」を見に来た飲食店オーナー | 比較検討中のオーナー、複数店舗の経営者 | 「Uber Eats 始め方」「AI検索対策」などで検索・広告から来た個人店オーナー |
| トーン | 白×墨、Noto Sans JP+Manrope、余白と大きな文字 | 濃紺×白×オレンジ/ブルー、Noto Sans JP+Plus Jakarta Sans | 墨黒×オレンジ×シアン、Noto Sans JP+Sora |
| FVの動き | 1字ずつの見出し出現/罫線が伸びる/右端まで広げた写真3枚のクロスフェード+パン&ズーム/チップ3枚が浮かびマウスに追従/英字マーキー | 左右の写真がワイプ/中央の線が伸びる/行ごとの見出し出現/ホバーで片側が広がる/マウス視差 | AI検索デモ(タイピング→候補が光る→注文通知、ループ)/写真ズーム/光の玉と粒子/脈動するボタン/マウス視差 |
| FVの文字量 | ラベル1行+見出し1行+ボタン | ラベル+見出し2行+説明1文+ボタン2 | ラベル+見出し2行+説明1文+ボタン2+約束3語+デモ |
| セクション数 | 5(+会社概要) | 10 | 11 |
| フォーム | 相談内容・業態・利用状況(選択式)+自由記述任意 | 相談内容・店舗数・希望連絡方法(選択式)+電話/LINE枠 | 相談内容・利用状況(必須選択)・業態+希望連絡方法 |
| 独自要素 | 構成案①に忠実。会社概要と代表枠を最小限追加 | お悩み4つ、AIOの定義ボックス、対応サービス一覧、FAQ5問、代表挨拶の独立配置 | AI検索デモ、AIO3ステップ解説、導入店舗の声の枠3件、PC右下の追従ボタン |
| 向く場合 | とにかくシンプルに/名刺代わりが第一/早く公開したい | 比較されても選ばれたい/説明で安心させたい/将来の下層ページ展開 | 広告やSNSからの流入で問い合わせを最大化したい/案A・Bの会社サイトと併用も可 |
| 事実 | 出典・確度 |
|---|---|
| 屋号 フードデリバリーパートナーズ/代表 辻 武志 | 問い合わせフォーム記載(low)。法人番号公表サイト・gBizINFO に該当法人なし→個人事業の屋号と推定。打合せで本人確認・開業届の有無・法人/個人の別を確認 |
| 事業内容:飲食店向けに Uber Eats などのフードデリバリーサービスと、AIO対策宣伝広告ツールを提案 | 問い合わせフォーム記載(本人発信)。Uber Eats は「Uberなど」の記載から。他の対応サービスは未確認 |
| HPの目的:問い合わせ・予約を増やしたい/名刺代わりに信頼性。現HPなし。希望「シンプルで、文字数も少ないページ」 | 問い合わせフォーム記載(本人発信・原文) |
| 想定読者の不安5つ(手続きが複雑/サービスを選べない/費用対効果/解約費用/新領域で騙されないか) | 30_競合調査 S3・31_初稿の構成案(競合FAQ・悩み訴求からの推測) |
| 差別化3軸(両方をワンストップ/窓口一本化・担当者固定/認定前は事実ベース) | 30_競合調査 S5・plan.json differentiation(公開情報からの仮説→本人の強みを確認) |
| AIO の定義(AI検索で自社情報が正しく参照・引用される確率を高める最適化) | koukoku.jp/coosy.co.jp/bakuri.co.jp(medium)。呼称未統一のため平易な言い換えを併記 |
| Uber Eats の認定代理店制度(加盟店舗獲得/コンサルティングの2種) | uber.com 公式ブログ(20_事実リサーチ)→認定の有無が未確認のため「認定」「正規」は不使用 |
所在地・電話番号・設立・対応エリア・料金・実績件数・経歴は公開情報がなくすべて「準備中」枠。メールアドレス(Gmail)はページに掲載していません。
data/forbidden.json RCA-001「必ず(集客・効果・成果)」、RCA-002「AIに必ず引用される」は全案で不使用。「〜を目指します」「候補に入りやすくする」に言い換え。必ず|認定代理店|正規代理店|公式代理店|返金保証|最短|劇的|月商|No\.1|最安|保証します|確実に|絶対