Yoshiki Web Studio

HP制作 1ヶ月伴走サポート|配布資料

受注までの全体像:リサーチ → 業種選定 → デモHP制作(AI) → 営業 → 受注
資料①でデモHP制作、資料②で営業の詳細を解説します。

📘 資料 ① ─ デモHP制作編
HP制作の進め方|Claude Design方式/画像生成方式

受注前の5フェーズ全体マップ・なぜデモHPを先に作るのか・2つのAI制作方法(Claude Design方式/画像生成方式)の手順・初心者が詰まる7選+対処法・Cloudflare Pages公開・価格3プラン(全16スライド)

📗 資料 ② ─ 営業実践編
営業の進め方と管理|リサーチ × デモHP × 営業文

★4.9・HPなし・ローカル業種の3条件で営業先を絞る/デモHP URLを「証拠」に組み込んだ営業文の5パート構成/NG表現リスト/送付タイミング戦略/経路別ベストプラクティス/30分Zoom商談台本(全16スライド)

📋 配布物 ① ─ リサーチ用プロンプト
営業先候補の会社を AI が対話形式で網羅調査

対話型ヒアリング → 8カテゴリで網羅調査(企業基本情報・経営理念・SNS・競合・ターゲット・HP制作示唆)+初回商談用質問リスト10項目。

📋 配布物 ② ─ 営業文用プロンプト
温度感ある営業文を AI が対話形式で作成

対話型ヒアリング → 3パターン(丁寧/カジュアル/短文)同時生成。デモHP URL を活かす設計。

🛠 ツール ─ 営業管理ツール(無料・自分用に設置)
営業先・進捗・保守を1画面で管理

下門が実際に使っている営業管理ツールのテンプレート。優先度A/B/C・ステータス(未着手〜受注)・接触履歴・月額保守料(MRR)管理・CSV取込まで。「Use this template」で自分の GitHub にコピー → 自分の Cloudflare に設置して使えます(手順は README に同梱)。※顧客情報を扱うため、公開前に Cloudflare Access の設定を必ず行ってください。

💬 困ったとき・質問したいとき

資料を読んで分からない点・実際に手を動かして詰まった点があれば、お気軽にどうぞ。