ホームページ制作
2026.10.02

WEB Marketing Journal
ホームページ制作
2026.10.02
Webサイト制作の成功を左右するページ構成案の作成料金がわからず、見積もりの妥当性に悩んでいませんか?本記事では、制作会社やフリーランスに依頼した場合の費用相場から、サイトマップ設計やワイヤーフレーム作成といった具体的な作業内容の内訳までを徹底解説します。プロに企画構成を任せることで、SEO対策やユーザー導線を考慮した「集客できるサイト」が実現可能です。さらに、費用を安く抑える発注のコツも紹介します。適正価格を把握し、コストパフォーマンスの高いWebサイト作りを目指す方はぜひ参考にしてください。
Webサイト制作における「ページ構成案」とは、サイト全体の設計図にあたる重要な資料です。一般的に、サイトマップ(全ページの一覧)やディレクトリマップ、各ページのレイアウトを示すワイヤーフレームなどがこれに含まれます。
この工程にかかる費用は、依頼する相手が「制作会社」か「フリーランス」かによって大きく変動するほか、サイトの規模や求められる戦略の深さによっても変わります。ここでは、それぞれの依頼先ごとの料金相場と、構成案のみを単発で依頼する場合の費用感について詳しく解説します。
Web制作会社に依頼する場合、ページ構成案の作成費用は、見積書の中で「ディレクション費」や「企画構成費」という項目に含まれることが一般的です。
制作会社は、単にページを並べるだけでなく、競合調査やSEO(検索エンジン最適化)戦略に基づいたキーワード選定を行い、成果の出るサイト構造を設計します。そのため、個人の作業者に比べて費用は高くなる傾向にありますが、その分、集客やコンバージョン(成果)に直結する品質の高い構成案が期待できます。
料金の目安としては、Webサイト制作費総額の20%〜30%程度が相場と言われています。具体的な金額感は以下の通りです。
| サイト規模 | 制作費総額の目安 | 構成案作成(ディレクション)費用の目安 |
|---|---|---|
| 小規模サイト(LPや5ページ程度) | 30万円 〜 80万円 | 5万円 〜 15万円 |
| 中規模サイト(コーポレートサイト等) | 80万円 〜 200万円 | 15万円 〜 50万円 |
| 大規模サイト(メディア・EC等) | 200万円以上 | 50万円以上 |
制作会社の場合、プロジェクトマネージャーやWebディレクターが進行管理を行いながら構成を作成するため、手戻りが少なくスムーズに進行できる点も費用に含まれる価値と言えます。
フリーランスのWebディレクターやデザイナー、またはクラウドソーシングサービスを通じて個人に依頼する場合、制作会社と比較して大幅に費用を抑えられる可能性が高いです。
フリーランスは事務所の維持費や人件費などの固定費が少ないため、純粋な作業費のみで請け負ってくれるケースが多いからです。ただし、提案力やSEOの知識レベルには個人差が大きいため、過去の実績(ポートフォリオ)をしっかり確認する必要があります。
個人の相場としては、時間単価やページ単価で計算されることが多く、以下のような価格帯が一般的です。
費用が安い反面、構成案に基づいた後のデザインやコーディングまで一貫して対応できるか、あるいは万が一のトラブル時に対応してもらえるかといったリスク管理も発注者側で考慮する必要があります。
「デザインや開発は自社で行う、または別の会社に依頼するが、重要な設計部分である構成案だけはプロに頼みたい」というケースもあります。このように工程を切り出して単発(スポット)で依頼する場合、作業工数に応じた明確な料金設定になることが一般的です。
構成案のみを依頼する場合、納品物として「サイトマップ(ディレクトリマップ)」と「ワイヤーフレーム(画面設計図)」が含まれることがほとんどです。それぞれの作業単価の相場は以下の表のようになります。
| 作業項目 | 内容 | 料金相場(単発) |
|---|---|---|
| サイトマップ・ディレクトリマップ作成 | サイト全体の階層構造やURL設計の定義 | 3万円 〜 10万円(一式) |
| トップページ構成案(ワイヤーフレーム) | サイトの顔となるトップページのレイアウト設計 | 3万円 〜 10万円(1ページ) |
| 下層ページ構成案(ワイヤーフレーム) | 会社概要やサービス紹介などの個別ページ設計 | 1万円 〜 5万円(1ページ) |
| SEOキーワード選定・競合調査 | 検索意図を分析し、構成に落とし込むための調査 | 5万円 〜 20万円(規模による) |
単発依頼の場合、後工程を担当するデザイナーやエンジニアに意図が正しく伝わるよう、指示書や仕様のメモ書きを詳細に入れてもらうと、トータルコストの削減につながります。安さだけで選ぶのではなく、実装可能な設計になっているかを見極めることが重要です。
Webサイト制作におけるページ構成案の作成費用には、単にページのラフ画を描くだけでなく、サイト全体の設計図を作り上げるための専門的な工程が含まれています。プロに依頼した場合、表面的なレイアウトだけでなく、検索エンジンやユーザーにとって最適な構造を設計するための調査・分析作業も費用に含まれるのが一般的です。
ここでは、見積もりに計上される主な作業内容について、具体的にどのような業務が行われるのかを詳しく解説します。
Webサイト全体の骨組みを決める最も重要な工程です。どのようなページが必要で、それらがどのように繋がっているかを整理し、ユーザーと検索エンジンのクローラーが巡回しやすい構造を設計します。
サイトマップ作成は、トップページを頂点として、サービス紹介、会社概要、採用情報などの各ページをツリー状に展開し、サイトの全体像を可視化する作業です。ユーザーが迷わずに目的のページへ到達できる論理的な階層構造を構築することが求められます。この段階で不要なページを削ぎ落とし、必要なコンテンツを網羅することで、サイト制作の無駄を省きます。
サイトマップが「図」であるのに対し、ディレクトリマップは全ページの仕様をまとめた「一覧表」です。ページ構成案の作成費用には、このディレクトリマップの作成も含まれることが多く、SEO管理の基礎資料となります。
| 項目 | サイトマップ(構成図) | ディレクトリマップ(仕様書) |
|---|---|---|
| 主な役割 | サイト全体の構造やページ遷移を視覚的に把握する | 各ページのURLや設定項目を詳細に管理する |
| 記載内容 | ページ名、階層構造(親・子・孫ページの関係) | URL、タイトルタグ、meta description、h1タグなど |
| 利用シーン | 企画段階での全体像共有、ユーザー導線の確認 | 制作進行管理、SEO設定の実装、公開後の運用管理 |
ワイヤーフレーム(WF)とは、デザイン制作に入る前に作成する画面の設計図のことです。どこに画像、テキスト、ボタンを配置するかという情報の優先順位を決定します。
ワイヤーフレーム作成では、単に要素を並べるだけでなく、コンバージョン(お問い合わせや購入)に至るまでのユーザー導線を設計します。視線の動きやクリックしやすいボタン配置など、UI(ユーザーインターフェース)を考慮したレイアウトを作成する作業が含まれます。ヘッダーやフッターなどの共通パーツの定義もこの段階で行います。
現代のWeb制作では、スマートフォンでの閲覧を前提としたモバイルファーストの設計が不可欠です。そのため、構成案の作成費用には、PC版のレイアウトだけでなく、スマートフォン表示時にどのように要素を並べ替えるかというスマホ版ワイヤーフレームの検討作業も含まれる場合があります。
集客できるWebサイトを作るためには、設計段階からのSEO対策が欠かせません。ページ構成案の作成費用には、どのようなキーワードで検索上位を狙うかという戦略立案が含まれます。
Googleなどの検索エンジンでユーザーが検索するキーワードの月間検索ボリュームや、競合サイトの状況を調査します。その上で、自社サイトが上位表示を狙いやすく、かつ成約に繋がりやすいキーワードを選定するマーケティング作業を行います。この調査結果に基づいて、必要なページ数やコンテンツの内容が決定されます。
選定したキーワードに対して、ユーザーが求めている情報(検索意図)を網羅するための見出し構成(h1、h2、h3タグなど)を作成します。ライティングの前段階として、どのような順序で何を伝えるべきかという記事の骨子を作り込むことで、コンテンツの質を高めます。
| 検討項目 | 作業内容の詳細 |
|---|---|
| メインキーワード | ページごとに狙う軸となるキーワード(例:「Web制作 料金」) |
| サジェスト・共起語 | メインキーワードと一緒に検索されやすい関連語句の抽出 |
| ペルソナ設定 | そのページを読むターゲットユーザーの属性や悩みの明確化 |
| インサイト分析 | ユーザーが顕在的に求めている情報だけでなく、潜在的なニーズの分析 |
Webサイト制作において、ページ構成案(サイト構成図やディレクトリマップ)の作成には専門的な知識と経験が求められます。費用を抑えるために自社で作成しようと考える方も多いですが、プロに依頼することで将来的な集客効果や運用コストに大きな差が生まれます。ここでは、料金を支払ってでもプロのディレクターやプランナーに構成案を依頼すべき具体的なメリットを解説します。
Webサイトへの集客において最も重要な要素の一つがSEO(検索エンジン最適化)です。プロによるページ構成案は、単にページを羅列するのではなく、Googleなどの検索エンジンがサイトの内容を理解しやすい論理的な構造で設計されます。
具体的には、ビッグキーワードをトップページや主要カテゴリページに配置し、それに関連するロングテールキーワードを下層ページに配置するといった「トピッククラスター」のような戦略的な階層構造を作ります。これにより、サイト全体の専門性が高まり検索順位の上昇が期待できるようになります。
また、プロは以下のようなSEO視点での比較を行いながら構成を練り上げます。
| 比較項目 | 自社(初心者)で作成した場合 | プロに依頼した場合 |
|---|---|---|
| キーワード選定 | 社内の思い込みや感覚で名称を決めがち | 検索ボリュームや競合調査に基づき選定 |
| ディレクトリ構造 | 階層が深く複雑になり、クローラーが巡回しにくい | 論理的で浅い階層を保ち、インデックスされやすい |
| 内部リンク設計 | ページ同士の繋がりが希薄で孤立ページが発生する | 関連ページ同士を繋ぎ、回遊性と評価を高める |
このように、初期段階でSEOを考慮した設計を行うことで、公開後のアクセス数に大きな差がつきます。後からSEO対策を行おうとすると大幅なサイト改修が必要になることも多いため、最初の構成段階で検索に強い土台を作っておくことが重要です。
Webサイトの目的はアクセスを集めることだけではなく、訪問したユーザーに「問い合わせ」や「購入」といったアクション(コンバージョン)を起こしてもらうことです。プロはUI/UX(ユーザーインターフェース/ユーザーエクスペリエンス)の知見に基づき、ユーザーが迷わずに目的を達成できる導線を設計します。
例えば、ユーザーが求めている情報へ「3クリック以内」で到達できるような階層設計や、関連するコンテンツへの自然な誘導など、心理的なハードルを下げる工夫が施されます。使いにくいサイトは「直帰率」や「離脱率」を高めてしまう原因となりますが、ユーザー視点の構成にすることで滞在時間が延び、コンバージョン率の向上が見込めます。
さらに、現在はスマートフォンからの閲覧が主流であるため、モバイル環境でもストレスなく閲覧できるメニュー構成やページ遷移を考慮する必要があります。プロに依頼すれば、デバイスを問わず快適に利用できる普遍的な使いやすさを担保した構成案が手に入ります。
「ページ構成案の作成料金」は一見すると追加コストのように思えますが、プロジェクト全体で見ればコスト削減につながるケースがほとんどです。なぜなら、Web制作におけるトラブルの多くは、制作途中での「やっぱりこのページも欲しい」「この機能が足りない」といった仕様変更(手戻り)に起因するからです。
デザインやコーディングが進んだ段階でページの追加や構造の変更が発生すると、修正作業に多額の追加費用と時間がかかります。建築で言えば、基礎工事が終わった後に間取りを変更するようなものです。プロが作成する詳細な構成案は、制作に入る前の「詳細な設計図」としての役割を果たします。
必要なページ数、各ページの役割、機能要件などを構成案の段階で完全に可視化し、合意形成を図ることで、制作フェーズでの手戻りを防ぎ、結果としてトータルコストと納期を最適化できます。
| 工程 | 構成案が不十分な場合のリスク | プロが構成案を作成した場合 |
|---|---|---|
| 要件定義 | 必要なページや機能の漏れが発生しやすい | 要件を網羅し、仕様を明確化できる |
| デザイン・実装 | 途中で仕様変更が起き、修正費用が膨らむ | 設計図通りに進むため、追加費用が発生しにくい |
| 公開後 | 使い勝手が悪く、早期リニューアルが必要になる | 長期間運用に耐えうる設計で資産価値が続く |
目先の作成料金だけを見るのではなく、プロジェクト全体のリスクヘッジとして捉えることが大切です。しっかりとした構成案があれば、その後のデザイン制作やコンテンツ制作もスムーズに進行し、無駄な修正コストを払うことなく高品質なWebサイトを完成させることができます。
Webサイトのページ構成案作成をプロに依頼する場合、制作会社やフリーランスの作業工数を減らすことがコストダウンへの近道です。すべてを丸投げするのではなく、自社でできる準備を整えたり、制作の要件を工夫したりすることで、クオリティを維持したまま見積もり金額を大幅に抑えることが可能になります。ここでは、具体的なコスト削減のポイントを解説します。
ページ構成案の作成費用において、大きな割合を占めるのが「ヒアリング」や「企画・情報整理」にかかるディレクション費です。どのようなページが必要で、そこに何を掲載するかという基本情報を自社で整理しておくことで、制作側の負担が減り、費用を安く抑えられます。
まずは、サイト全体の地図となる「サイトマップ(ページ一覧)」と、各ページに掲載したい文章や画像などの「原稿・素材」を用意しましょう。これらが揃っていれば、制作会社はゼロから企画を練る必要がなくなり、情報の配置や見せ方の設計のみに集中できます。結果として、企画構成費やディレクション費用などの工数をカットできるため、トータルコストの削減につながります。
専門的なワイヤーフレーム作成ツールを使わなくても、パワーポイントや手書きのメモで「どの位置に何を置きたいか」というラフ案(構成イメージ)を作成して渡すのも有効です。また、イメージに近い参考サイト(ベンチマークサイト)のURLを共有することも重要です。完成イメージが具体的であればあるほど、制作会社との認識のズレが減り、修正回数や手戻りによる追加費用の発生を防ぐことができます。
| 依頼のスタンス | 制作側の作業内容 | 費用への影響 |
|---|---|---|
| すべて丸投げ | ヒアリング、企画立案、原稿作成、構成作成 | 企画費やディレクション費が高くなる |
| 原稿・素材あり | 情報の優先順位付け、レイアウト調整、構成作成 | 標準的な構成作成費用で済む |
| ラフ案・原稿あり | プロ視点でのブラッシュアップ、清書 | 作業工数が最小限になり費用が最も安くなる |
完全オリジナルのレイアウトでページ構成を作成しようとすると、設計の自由度が高い反面、検証すべき事項が増えて費用が高額になります。予算を抑えたい場合は、WordPressなどのCMSテーマや、既存のテンプレートを活用した構成作成を依頼するのがおすすめです。
「ヘッダーの下にメインビジュアル、その下に3カラムのバナー」といった、Webサイトでよく見られる標準的なレイアウトパターンや、使用予定のテンプレートの仕様に沿って構成を作成してもらいます。独自性の高い複雑なレイアウトを避けることで、ワイヤーフレーム作成の時間が短縮されるだけでなく、その後のデザインやコーディング工程の費用も連動して下がります。テンプレートの枠組みを活かすことで、低価格かつ短納期でのページ構成案作成が実現します。
テンプレートを活用した構成はコストパフォーマンスに優れていますが、デザインの自由度には一定の制約が生まれます。しかし、近年のテンプレートはSEO対策やユーザビリティが考慮された優秀なものが多いため、無理にオリジナルにこだわるよりも成果が出やすいケースも少なくありません。
| 構成の手法 | 費用の目安 | メリット | デメリット |
|---|---|---|---|
| オリジナル構成 | 高め | ブランドの世界観を細部まで表現できる | 設計と実装に時間と費用がかかる |
| テンプレート活用 | 安め | 検証済みのレイアウトで失敗が少なく安価 | 他社と似た構成になりやすく独自性は出しにくい |
Webサイトのページ構成案作成にかかる料金は、制作会社かフリーランスか、あるいは依頼範囲によって数万円から数十万円と幅があります。プロに依頼する最大のメリットは、SEO対策やユーザー導線を考慮した設計により、集客力と使いやすさを両立できる点です。
また、明確な設計図があることで制作工程の手戻りを防ぎ、トータルコストの削減にもつながります。費用を抑えたい場合は、原稿やラフ案を自社で準備するなどの工夫が有効です。予算と目的に合わせて最適な依頼先を選び、成果につながるWebサイト構築を目指しましょう。
Atsushi
集客についておなやみの方、
ホームページ制作をお考えの方、
ご要件が定まっていない状態からでも、
お気軽にお問い合わせください!