HP / LP 制作 — 営業から納品・アフターまでの完全ガイド

0. このガイドの前提（必ず最初に読んでください）

副業開始 3 ヶ月の典型的な成長カーブ

うちの HP/LP 制作は AI システムで 要件入力 → デザイン生成 → デプロイ（公開）まで自動化 されています。 個人事業主のあなたは、技術的な部分は触らず、「お客様の話を聞いて要件をまとめる」「お客様とのやり取り」 に集中してください。

▸あなたがやること

• ・✅ お客様への営業（テレアポ・問合せフォーム・メール・紹介）
• ・✅ ヒアリング（何を作りたいか、目的、希望デザイン）
• ・✅ 見積もり提示・契約取り交わし
• ・✅ 運営（hakuto / 加藤玲於）への情報連携
• ・✅ お客様への進捗報告
• ・✅ 納品時の引き渡し説明
• ・✅ アフターサポートの窓口

▸運営（hakuto）がやること

• ・🔧 AI システムでの実制作
• ・🔧 デザイン微調整・コード調整
• ・🔧 ドメイン取得・サーバ設定
• ・🔧 デプロイ・公開作業
• ・🔧 技術的なトラブル対応

つまり、あなたは「営業マン + ディレクター」、運営は「制作部隊」 という役割分担です。

1. 営業フェーズ — お客様を見つける

▸ターゲット選定（誰に売るか）

HP/LP の需要が高いのはこんな会社・人：

▸初回アプローチ手段

1. ・テレアポ — 即時アポ取れる、断りも即時、効率◎
2. ・問合せフォーム営業 — OKURUN で自動化、量で勝負
3. ・メール営業 — リスト持ってる時に有効
4. ・紹介 — 既存客から紹介もらう、成約率最高

→ いずれも「トーク作成」機能でテンプレ + AI で本番トークを作って実行

興味喚起の鉄板トーク

「御社、HP（もしくは LP）のリニューアル検討されたことありますか？ うち AI で作るので ¥50,000 から、最短 1 週間 で公開できます。 即決いただければさらに値引きあります」

→ ポイントは 「価格」「スピード」「即決値引き」 の 3 つ。

▸競合との差別化（即決値引きルール）

• ・✅ デザイン前に契約即決 → 値引きあり
• ・✅ 相見積もりがあれば下回って提供 → 競合排除
• ・✅ AI 制作なので圧倒的な納期短縮

2. ヒアリングフェーズ — 受注前に必ず聞くこと

▸必須質問 10 項目（これだけは聞いて運営に伝える）

1. ・目的は？（集客 / 採用 / 信頼感 / 販売）
2. ・ターゲット顧客像は？（年齢層・性別・業種）
3. ・HP？ LP？（多階層 HP / ランディングページ）
4. ・既存サイトはある？（リニューアル or 新規）
5. ・欲しい機能は？（問合せフォーム / 予約 / ブログ / EC / 多言語）
6. ・デザインの好み（参考にしたいサイト URL 3 つ）
7. ・ドメインは持っている？（持っていない → 取得から）
8. ・画像素材は提供してくれる？（無ければ AI 生成 or 有料素材）
9. ・テキスト（原稿）は誰が書く？（お客様 / こちらで作成）
10. ・公開希望日（最短いつまでに？）

→ この 10 項目を「トーク作成」のヒアリングテンプレ（準備中）で AI に整理させると、提案書がすぐ作れます。

危険なお客様シグナル（受けない方がいい案件）

🚨 こんなお客様は要注意：

• ・「とにかく安く」とだけ言って、目的が不明
• ・競合 5 社以上の相見積もりを集めている
• ・「自分の言うとおりに作って」と細かい指示が多すぎる
• ・ドメイン・サーバの ID/PASS を平気で他人にくれる（セキュリティ意識低い）
• ・過去にトラブルで他社と揉めた話を自慢する
• ・支払いを「公開後にまとめて」と渋る

→ 違和感を感じたら 必ず運営に相談 してから受注。

3. 提案・見積フェーズ — お見積もりを出す

価格レンジ

▸即決値引きの提示方法

「通常 ¥100,000 ですが、本日中にご契約いただければ ¥80,000 で対応可能です」

→ 期限を切ると即決率上がる。「本日中」「明日中」 を使う。

▸相見積もり対応

お客様：「他社で ¥70,000 で見積もりもらってる」

✅ こう返す：「相見積もりお見せいただければ その金額を下回ってご提供 します。条件確認させてください」

→ 価格戦争ではなく 付加価値（速さ・アフター） で差別化。

▸契約書の流れ

1. ・見積書 → お客様に提示（運営テンプレあり、加藤玲於に依頼）
2. ・同意 → 契約書（PDF）送付
3. ・お客様サイン → 返送
4. ・着手金 50% 請求 → 入金確認 → 制作開始
5. ・完成・公開 → 残金 50% 請求

※ 個人事業主と運営の取り分は 20%（一律）。

4. 受注後の制作フェーズ — 運営に情報連携

▸受注したらすぐやること

「トス案件」フォーム で運営に情報を渡します。

トスに含める情報

• ・お客様会社名・担当者名・連絡先
• ・HP/LP の目的
• ・ヒアリング 10 項目の回答
• ・参考サイト URL
• ・公開希望日
• ・提供素材の有無
• ・契約金額（あなたの取り分の計算用）

→ トス送信後、運営から 「進めます / 確認したいことがあります」 の返信が来ます。

▸制作中のあなたの役割

• ・🔄 お客様 ↔ 運営の窓口 になる
• ・📞 お客様からの質問は 一旦受けて、運営に確認してから回答
• ・❌ 技術的なことを即答しない（「持ち帰って確認します」が正解）
• ・📅 進捗を定期的にお客様に報告（「今〇〇の段階です」「来週デザイン共有します」）

▸制作の流れ（運営側）

1. ・要件整理（あなたのヒアリング情報を AI で構造化）
2. ・デザイン生成（AI で 3 案 → お客様に提示 → 1 案決定）
3. ・コンテンツ流し込み（テキスト・画像）
4. ・動作確認（運営側でチェック）
5. ・お客様プレビュー（URL を渡してチェックしてもらう）
6. ・修正対応（2-3 回まで）
7. ・本番公開（独自ドメインに自動デプロイ）

5. AI 制作 + 自動デプロイ — システムの強み

うちの仕組みは 要件 → コード生成 → デプロイ（Vercel / Cloudflare）まで自動化 されています。

自動でできること

• ・✅ デザイン生成（複数案）
• ・✅ レスポンシブ対応（PC / スマホ / タブレット）
• ・✅ お問い合わせフォーム
• ・✅ 簡易 SEO 設定
• ・✅ HTTPS 自動化
• ・✅ 公開後の小規模修正（テキスト・画像差し替え）

自動でできないこと（運営の手作業）

• ・⚠️ 独自ドメイン取得（お名前.com 等で手配）
• ・⚠️ 既存ドメインの DNS 切り替え
• ・⚠️ EC の決済設定（Stripe 連携 等）
• ・⚠️ Google Analytics / Search Console 紐付け
• ・⚠️ 大規模デザイン変更

公開前チェックリスト（運営が確認）

• ・ スマホ表示崩れなし
• ・ お問合せフォーム動作
• ・ 表記揺れ・誤字なし
• ・ 画像にすべて alt 属性
• ・ favicon 設定
• ・ OGP 画像（SNS シェア時のサムネ）

6. 納品・公開フェーズ

お客様への引き渡し

公開準備が整ったら、お客様に以下を渡します：

• ・✅ 公開 URL
• ・✅ お問合せフォーム送信先メールアドレス
• ・✅ 簡易マニュアル（テキスト変更依頼の出し方）
• ・✅ 月額保守プランの案内（任意）

▸公開セレモニー

「本日 ○月○日、御社の新サイトが公開されました！」とメッセージ + URL を送る。 SNS や名刺の URL 更新依頼も忘れずに。

▸請求 → 入金確認

1. ・残金 50% の請求書発行（運営が PDF 作成）
2. ・お客様送付 → 入金待ち
3. ・入金確認 → 取引完了

→ あなたの取り分（20%）は 月末締め・翌月末払い で運営から振込。

7. アフターサポート — 継続収益にする

▸軽微な修正（テキスト変更・画像差し替え）

• ・月 1 回まで無料 / 月 2 回以上は ¥3,000/回 で対応
• ・修正依頼は「トス案件」フォームで運営に流す
• ・お客様への返答は「翌営業日中に対応します」が標準

▸月額保守プランの提案

「公開後も安心してお使いいただけるよう、月額 ¥5,000 の保守プラン をご用意しています。 ・月 2 回まで修正無料 ・SSL 更新・ドメイン管理込み ・サーバ障害時の即時対応 ・アクセス解析レポート月 1 回」

→ 1 件保守取れたら 月 ¥1,000 のストック収益（あなたの取り分 20%）。

▸関連商材のクロスセル

HP/LP 受注後は、これらの商材も提案できます：

• ・📧 公式 LINE 運用代行（集客強化）
• ・📷 カメラ撮影（HP 用素材）
• ・🎬 動画編集（HP 用 PR 動画）
• ・🛡️ CRM050 番号サービス（お問い合わせ受電用）
• ・📞 OKURUN（HP 公開後の集客に）

⚠️ 個人事業主が「絶対にやってはいけない」こと

▸🚫 NG 1: 勝手にコード・サーバを触る

「触ったらサイトが壊れた」「データが消えた」は最大級のトラブル。 お客様から ID/PASS をもらっても運営に渡してください。

🚫 NG 2: お客様に技術用語を多用する

「DNS が」「サーバが」「CMS が」と言われてもお客様は分かりません。 「ホームページのこの部分」「お問い合わせの設定」 と日常語で説明。

▸🚫 NG 3: 「できます」と即答する

「来週までにできますか？」「この機能追加できますか？」と聞かれて即答 NG。 「確認して翌日までに回答します」 が正解。

🚫 NG 4: ドメイン・サーバの ID/PASS を直接お客様に渡す

セキュリティ事故の元。お客様には URL のみ、ID/PASS は運営管理。

▸🚫 NG 5: 契約前に作業を始める

口約束で動いて、後で「やっぱり中止」になるパターン多発。 必ず着手金 50% 入金後に運営にトス。

🚫 NG 6: お客様の前で「分かりません」を連発

信頼を失います。「持ち帰って確認します」「翌日までにお答えします」 に置き換え。

💡 困った時の連絡先

→ 迷ったら必ず運営に確認。一人で抱え込まないこと。

まとめ：1 案件の最短フロー（5 ステップ）

1. ・営業 → 興味喚起（トーク作成のテンプレ使用）
2. ・ヒアリング 10 項目（持ち帰り OK、運営と相談 OK）
3. ・見積提示 → 契約 → 着手金入金
4. ・「トス案件」で運営に情報共有 → 制作開始
5. ・完成 → お客様確認 → 公開 → 残金請求 → 取引完了

平均 1 件 ¥100,000 × あなたの取り分 20% = ¥20,000 の報酬。 月 5 件決まれば 月 ¥100,000 の安定収益。 さらに保守プランを 10 件取れば 月 ¥10,000 のストック収益 が継続発生。

よし、まず 1 件目をやってみましょう！ 営業先のリストは「自分のリスト」から、トークは「トーク作成」から、案件のトスは「紹介商材」→「HP / LP 制作」のトスフォームから。 分からないことは何でも運営（加藤玲於）に聞いてください。