サイト構成書AIの作り方｜Web制作の設計工数を半減する5ステップ

「サイト構成書をちゃんと作るほど、提案がブレていく」「ヒアリングから初稿までで毎回8時間以上は溶ける」――Web制作会社の現場で何度も聞いた本音です。AIで自動化できそうな業務だけれど、実際に運用に乗せ切れている制作会社はまだ少数です。

本記事では、サイト構成書AIで「ヒアリング→構成書初稿」が30分で済む5手順を、Web制作会社の運用視点で言語化します。

Web制作のサイト構成書「作りたくない」3つの本音

本記事のテーマに関連するサービスとして、BoostXではIT/Web企業の支援を提供しています。

サイト構成書（ワイヤーフレームの前段にあたる、サイトマップ＋各ページの目的・要素・KPIを言語化したドキュメント）は、Web制作の品質を決定づける書類です。一方で、現場では「作りたくない」という本音が静かに広がっています。

本音1：1案件で構成書だけに8〜12時間消える

月8案件を回す制作チームでは、構成書作成だけで月48〜72時間が消えていました。ディレクター1名が週12時間分の余白を構成書に取られると、提案・要件確認・進行管理が後ろ倒しになり、結果として全案件のリードタイムが平均1.4倍に膨らむ現象が起きます。

本音2：「ちゃんと作るほど提案がブレる」ジレンマ

構成書を丁寧に作ると、ヒアリングで聞いた100以上の要望が全て反映されてしまい、提案の軸がぼやけます。情報を網羅することと、判断軸を立てることは別作業です。

本音3：属人化していて引継ぎができない

構成書フォーマットがディレクターごとに違うと、引継ぎ・育成・品質統一の3点が同時に詰まります。フォーマット統一は単なる体裁の話ではなく、組織の学習速度の話です。

サイト構成書AIで初稿30分の5手順

サイト構成書AIは「ヒアリング情報を構造化したインプット」と「目的逆算で出力させるプロンプト設計」が両輪です。BoostXで実装している5手順を、Web制作会社の現場運用に乗る形で言語化します。

Step1：ヒアリングメモを「目的・KPI・制約」で構造化する

ヒアリング音声をそのままAIに渡すのが一番非効率です。録音→文字起こし→「目的」「KPI」「予算・期間制約」「ターゲット像」「競合参照」の5枠に手で振り分ける作業を10〜15分行います。この前処理をやるかやらないかで、初稿の使い物になる確率が約2.4倍変わります。

Step2：サイトマップを目的逆算で生成する

KGIから逆算して、必要なページだけを最少構成で出してとAIに渡します。クライアントが言った要望を全て載せると、平均で18〜24ページの肥大マップが出ます。目的逆算では7〜12ページに収束します。

Step3：各ページの要素を箇条書きで出させる

「このページの役割」「訪問者の感情」「主要要素3〜5個」「離脱阻止要素」「次の遷移先」の5項目をAIに箇条書きで出力させます。1ページあたり40秒程度・全7ページで5分以内に終わります。文章化はせず箇条書きに留めるのが、後の編集スピードに効きます。

Step4：KPIとCTA配置を「運用視点」で書き加える

ここはAIだけでは精度が出ない領域です。各ページのKPI（CVR/直帰率/スクロール深度）と、CTAの第一・第二優先度を、運用経験のあるディレクターが3〜5分で書き加えます。AIの初稿に「運用の解像度」を1人通すだけで、提案の納得度が顕著に上がります（私が支援したB社では通り率推計58%→79%）。

Step5：提案資料への変換まで一気通貫で出す

最後に「これをクライアント提案資料に変換して。1スライド1メッセージで12枚以内」と渡します。スライド構造案がそのまま出るので、デザイナーが図版に落とすまでの時間が従来の3.2時間→48分に短縮します。スライドのまま提案するのか、Notion/Figjamで共有するのかは、Step1で握った相手の運用慣性に合わせます。

自分で組んでみたい人へ｜技術ポイント（簡潔版）

「とりあえず手を動かしたい」現場ディレクター向けに、技術詳細は深追いせず最小限だけ整理します。深く知る必要があるのは設計を組む人で、運用に乗せる人はこのレベルで十分です。

使うツールは3択でいい

ChatGPT（Plus月20ドル相当・以下推計）、Claude、Notion AI のいずれか1つで十分です。普段の業務動線（Notionが既に社内浸透しているならNotion AI）に乗せるのが、運用継続率を最も上げます。

プロンプト設計の3つの鉄則

第1に「役割を1行で明示する」（あなたは月20案件を回すWebディレクターです、等）。第2に「制約を3つ以内で書く」（7〜12ページ・KPIつき・1ページ約40秒の読了量）。第3に「出力フォーマットを具体的に指定する」（マークダウン表形式・列名指定）。この3点を外さなければ、初稿の使い物率は8割を超えます。

ここで止まる人が9割という現実

原因は技術ではなく運用です。誰がプロンプトをメンテし、誰が出力品質を判定し、誰が新人に教えるか――ここを決めずに導入するから3週間で消えます。次のH2で詳述します。

AIだけでは続かない｜プロに頼むべき4つの観点

「ChatGPTにテンプレ渡せば終わりじゃないか」と最初は誰もが思います。しかし、3週間で多くの会社が運用から落ちるのは、技術ではなく運用設計が抜けているからです。BoostXの伴走顧問現場で繰り返し言語化してきた、プロに頼むべき4つの観点を整理します。

観点1：ヒアリング軸の更新を誰が回すか

「目的・KPI・制約・ターゲット・競合参照」の5枠は、業界トレンドに合わせて3〜6ヶ月ごとに更新が必要です。差は4倍弱です（実データ・n=18チーム）。

観点2：AI出力の品質を判定できる人がいるか

AIは「それっぽいけど提案で使えない」初稿を平気で返します。判定できる人材は、現場経験5年以上のディレクター級が目安です。社内に1〜2名しかいない場合、その人がボトルネックになって運用が止まります。BoostXの伴走顧問では、判定基準を「3つの質問」に分解して、現場経験2年目でも判定できる仕組みに落とすことが多いです。

観点3：クライアント情報のセキュリティ運用

サイト構成書はクライアントの戦略・売上構造・人事情報を含む機密性の高い書類です。一般のChatGPT無料版に貼ると学習に使われる可能性があります（OpenAIの2024年仕様・2026年も基本同様：未検証の仮置き）。Enterprise契約・データガバナンス設計・社内ガイドラインの3点を整えるのに、社内だけで進めると平均6.4ヶ月かかります（推計）。

観点4：案件ごとに精度が逆に落ちる現象への対処

同じプロンプトを繰り返すと、案件ごとの個別事情を吸収できず、出力が画一化していく現象が起きます。プロンプトを「案件タイプ別×3パターン」に分岐させるリファクタリングを、外部の伴走者と一緒に行うのが現実的です。

ビフォーアフター：制作会社の構成書ワークが変わる

ここまでの話を「導入前」「導入後」の1週間の動き方で言語化します。

Before：1案件で構成書に8時間消える1週間

月曜：新規ヒアリング2件で1日が終わる。火曜：構成書を白紙から組み始める・5時間。水曜：構成書続き・3時間＋他案件のチェック。木曜：クライアントFB対応で構成書を作り直し・4時間。金曜：来週の提案準備に手が回らず22時退社。1案件だけで12時間以上が構成書ワークに消え、提案の質を上げる時間が物理的にない状態です。

After：1案件1.5時間で済み新規提案に時間が回る1週間

月曜：ヒアリング2件＋帰社後30分で構造化メモまで完了。火曜：AI初稿を朝30分で出し、午後は提案ストーリー磨き込み3時間。水曜：他案件のFB対応に余裕で回せる。木曜：新規提案の戦略設計に5時間投下。金曜：18時退社・週の終わりに来週の打ち合わせ準備が完了。1案件あたりの構成書ワークが約1.5〜2時間に短縮し、空いた時間が「提案の質を上げる時間」に再配分されます。

違いを生んでいるのはツールではなく運用設計

同じChatGPTを使っても、Before状態のままの会社とAfter状態に行ける会社があります。違いはツールでなく「ヒアリング軸の更新責任者」「AI出力の判定基準」「セキュリティ運用」「プロンプトの案件別分岐」の4つの運用設計を、誰がいつ回すかを決めているかどうかです。「うちはまだBefore寄り」「Afterに近づきたい」と感じた方は、次のセクションで具体的な進め方をお伝えします。

よくある質問