水道屋のホームページ　LP作成

参考にしたいのは、以下の2サイトです： • ファーストビューや地域名連動の仕組み → https://www.rotorooter.com • 全体のデザイン・ファーストビューの下の構成の雰囲気 → 水道修繕の窓口 https://suidou-madoguchi.com/lp9/saitama/ ⸻ ■ トップページ主な仕様と構成 • 郵便番号入力（フェードイン、フェードアウトアニメーション付き）エリアか判定 → 該当すれば「〇〇市の水道屋ならお任せください！」のように地域名を動的に表示　該当しなければ、申し訳ございません。対応外です。を表示 • エリア判定後に電話・LINE・フォームへの誘導ボタンを配置（スマホファースト設計） • 「選ばれる理由（最安値保証・即日対応・顔写真あり・他社断り案件も対応など）」を5つ程度、アイコン＋説明文で表示 • スタッフ紹介（顔写真＋一言）で信頼性アップ • トイレ・蛇口・排水などの料金目安をテーブル形式で表示 • 症状・状況を選択すると概算料金が出る簡易シミュレーターを設置 • 他社比較表（例：料金、スピード、顔出し有無、キャンセル料等）で当社優位を明示 • よくある質問をアコーディオン形式で設置 • 「悪徳業者に注意」セクション（事例やチェックリストを簡潔に） • お役立ちコラム（投稿形式・カテゴリ分け）→ 応急処置、料金相場、業者選び、トラブル回避など • コラム導線：おすすめ記事を3つ程度カード表示＋「一覧を見る」ボタン • 右下にAI風チャットボットを設置（ユーザーに症状を聞き、最終的に電話・LINE・フォームのいずれかに誘導） • 問い合わせフォームはステップ式（郵便番号入力→住所自動補完→番地入力→名前・電話番号入力など）で、UXを重視した構成 • CTA（電話・LINE・フォーム）はファーストビュー、中間、フッターに配置し、スマホでは画面下部に固定表示も希望 ⸻ ■ 制作条件・希望環境 • WordPress • レスポンシブ対応（モバイルメイン）