ホームページ制作費用の内訳｜見積書の読み方と比較の判断軸【2026年】

この記事の対象: Web制作会社への発注を検討している企業のWeb担当者・経営者
読了時間: 約12分

制作会社から見積書が届いた。でも「ディレクション費 20万円」「デザイン費 35万円」と並んでいても、それが高いのか安いのか判断できない——。こうした声は、はじめてWebサイトの制作を外注する企業担当者からよく聞こえてきます。

相場の金額だけを知っても、結局「ケースバイケースですよね？」で終わってしまうのが実情です。大事なのは、各費目が何の対価なのかを理解し、複数の見積書を同じ物差しで比較できるようになること。

この記事では、見積書に並ぶ主要な費目を一つずつ分解し、「この金額は何に対して払っているのか」「安い見積もりでは何が省かれているのか」「あとから追加請求されやすいのはどこか」を整理します。読み終わるころには、手元の見積書を自分の目でチェックできるようになっているはずです。

見積書に並ぶ費目の全体像

制作会社によってフォーマットは異なりますが、一般的なホームページ制作の見積書には以下のような費目が並びます。

この比率はあくまで目安ですが、見積書を見たときに「デザイン費が全体の50%を超えている」「ディレクション費が一切計上されていない」といった偏りに気づけるだけでも、比較の精度は上がります。

まず押さえておきたいのは、Web制作は「一つの作業に一つの値段」ではなく、複数の工程が順番に積み重なってできているということです。ここを理解せずに合計金額だけ見て安い方を選ぶと、あとから「この作業は含まれていません」と言われるリスクが生まれます。

費目ごとに「何の対価か」を理解する

ディレクション費——プロジェクトの交通整理にかかるコスト

ディレクション費は、一言でいえば「プロジェクトが迷走しないようにするための費用」です。

具体的には次のような作業が含まれます。

• 要件定義: どんなサイトを作るか、目的・ターゲット・必要な機能を整理する
• 進行管理: スケジュールの策定と調整、社内外の関係者への連絡
• 打ち合わせ対応: ヒアリング・中間確認・フィードバックの取りまとめ
• 仕様書・サイトマップ作成: 制作チームが動くための設計図づくり

「打ち合わせの費用を別途請求するの？」と感じるかもしれません。しかし制作の現場では、要件がふわっとしたまま進んだプロジェクトほど手戻りが増え、結果的にコストが膨らみます。ディレクション費は、その手戻りを事前に防ぐための投資です。

サイトを作る前に事業の整理から始めることが、結果として制作コスト全体を抑えることにもつながります。

チェックポイント: ディレクション費が見積もりに入っていない場合、その作業が不要なわけではなく、他の費目に紛れ込んでいるか、そもそも工程として省略されている可能性があります。後者だとプロジェクトの途中で認識のズレが噴出しやすくなります。

デザイン費——「見た目」だけでなく「設計」の対価

デザイン費と聞くと「見た目をきれいにする費用」と思われがちですが、実際にはもっと広い作業を含みます。

• ワイヤーフレーム作成: ページ内の情報配置を決める設計図
• ビジュアルデザイン: 配色・フォント・写真配置などの視覚的な仕上げ
• UIデザイン: ボタンの配置やフォームの使いやすさの設計
• デザインカンプ制作: 実際の画面と同じ見た目の完成イメージ

金額の幅が生まれる最大の要因は、テンプレートベースか、オリジナルデザインかの違いです。

トップページのデザインに加え、下層ページが何パターン必要かによっても金額は変動します。「全10ページ」と書いてあっても、下層ページのデザインパターンが2種類なのか5種類なのかで工数はまったく違います。見積書にページ数しか書かれていなければ、「デザインパターン数はいくつですか？」と確認する価値があります。

コーディング費——デザインをブラウザで動かす作業

デザインカンプ（画像）を、実際にブラウザで表示・操作できるHTML/CSS/JavaScriptに変換する工程です。

金額差が出るポイントは主に3つあります。

• レスポンシブ対応の精度: スマートフォン・タブレット・PCそれぞれで最適な表示に調整するか、ざっくり対応するかで工数が変わる
• アニメーション・インタラクション: スクロール連動のアニメーションやホバーエフェクトなどの実装は追加工数になる
• ブラウザ対応範囲: 対応ブラウザを最新2バージョンに絞るか、古いブラウザまで含めるかで検証工数が変わる

見積書に「コーディング一式 ○万円」とだけ書かれている場合は、上記のどこまでが含まれているのか確認が必要です。「レスポンシブ対応」と一言で書いてあっても、実際にスマートフォンで丁寧にデザインを組み直すのか、単に画面幅に応じて縮小するだけなのかで仕上がりは大きく違います。

CMS構築費——更新の仕組みを作る対価

CMS（コンテンツ管理システム）は、サイト公開後に自社でページの追加や修正ができるようにする仕組みです。WordPressが代表的ですが、導入の深さによって費用は大きく異なります。

「WordPress導入」とだけ書かれた見積書では、基本導入なのかカスタム投稿込みなのか判断できません。公開後にどのページを自社で更新したいかを事前にリストアップし、その更新作業がCMS構築費に含まれているか照らし合わせてください。

極端に安い見積もりで削られているもの

相見積もりを取ると、同じ要件でも会社によって2〜3倍の差が出ることがあります。安い見積もりが必ずしも悪いわけではありませんが、安さの理由を把握しておかないとあとで困ります。

低価格の見積もりで省かれやすい工程を挙げます。

テスト・検証工程

複数のブラウザ・デバイスで表示を確認する工程です。見積書に「テスト費」や「検証費」が計上されていない場合、デザイナーやコーダーが自分の環境で簡易チェックするだけで終わっている可能性があります。公開後に「iPhoneで見たらレイアウトが崩れている」と気づくのは、このテスト工程が不十分なときです。

SEOの基本設定

titleタグ・meta description・見出し構造・alt属性などの基本的なSEO設定です。これらは「やって当然」と思われがちですが、安い見積もりでは省略されるか、全ページ同じ内容がコピーされるだけのケースがあります。

コンテンツの移行作業

既存サイトからのテキスト・画像の移し替え作業です。リニューアル案件では見落とされやすく、「旧サイトのデータ移行はお客様にてお願いします」と小さく但し書きされていることがあります。ページ数が多いサイトでは、この作業だけで数十時間かかることも珍しくありません。リニューアルの進め方を事前に把握しておくと、こうした抜け漏れに気づきやすくなります。

レスポンシブ対応の「精度」

レスポンシブ対応は「する/しない」の二択ではなく精度にグラデーションがあります。安い見積もりでは、スマートフォン表示を最低限の調整で済ませていることがあります。自社サイトのアクセスがスマートフォン中心であれば、ここは重点的に確認すべきポイントです。

費用・相場 Web制作の相見積もりの取り方と比較テンプレート｜正しい比較方法 Web制作の相見積もりは、適正価格を把握し、自社に合った制作会社を見つけるための重要なステップです。しかし「ただ安い会社を探す」だけでは、良い結果につながり…

あとから追加費用になりやすい項目

見積書に書かれていない作業が、制作途中で「別途費用がかかります」と通知されるケースがあります。よくあるものを整理します。

• 原稿・写真素材の用意: 制作会社はデザインとコーディングを担当し、テキスト原稿や写真は発注側が用意する前提になっていることが多い。ライティングや撮影を依頼すると追加費用になる
• 修正回数の超過: 「デザイン修正は2回まで」のように上限が設定されていることがある。見積書の備考欄や契約書に記載されるため見落とさないこと
• 公開後の保守・運用費: サーバー管理・WordPress本体やプラグインのアップデート・セキュリティ対応は、月額の保守契約として別建てになるのが一般的
• SSL証明書・ドメイン費用: 制作費に含まれていないことが多い。年間の維持費が別途かかる
• アクセス解析の設定: Google AnalyticsやSearch Consoleの導入設定が別料金の場合がある

「追加費用が発生しない見積もりが良い見積もり」とは限りません。むしろ重要なのは、何が含まれていて何が含まれていないかが明記されていることです。曖昧な見積もりほど、あとからの追加費用リスクが高くなります。

制作費の全体感をつかむには、この記事の冒頭で紹介した費目別の比率表を基準に、手元の見積書の各費目が総額の何%を占めているかを計算してみてください。極端に比率が偏っている費目があれば、その理由を制作会社に確認する価値があります。

相見積もりを比較するときの5つのチェック軸

複数の見積書を並べて比較する際、合計金額だけを見るのではなく、次の5つの軸でチェックすると判断の精度が上がります。

1. 費目の粒度が揃っているか

A社は「Web制作一式 100万円」、B社は費目が15行に分かれている——この2社を金額だけで比較しても意味がありません。まず費目の粒度を揃える必要があります。「一式」で出してきた会社には、内訳の提出を依頼してください。内訳を出せない（出さない）会社は、制作途中での追加見積もりリスクが高いといえます。

2. 対応範囲の境界が明確か

見積書でもっとも確認すべきは「含まれないもの」の記載です。以下の項目について、含まれるのか含まれないのかが明確に読み取れるかチェックしてください。

• 原稿作成（テキストライティング）
• 写真撮影・素材購入
• レスポンシブ対応の範囲
• CMS導入後の操作マニュアル作成
• 公開後の修正対応（期間・回数）
• サーバー・ドメインの取得代行

3. ディレクション工程の有無と内容

ディレクション費が見積もりに含まれていない場合、2つの可能性があります。一つは他の費目に含まれているケース、もう一つはそもそもディレクション工程を省略しているケースです。後者の場合、要件定義が曖昧なまま制作が進み、完成間際に「思っていたのと違う」となるリスクがあります。

4. 修正対応の条件

デザインの修正回数、コーディング後の調整範囲、公開後の無償対応期間——これらは見積書本体ではなく備考欄や契約書に書かれることが多いため、意識して確認しないと見落とします。「修正無制限」と謳う会社もありますが、その場合は制作単価に修正コストが上乗せされていると考えるのが自然です。

5. 公開後のランニングコスト

制作費（イニシャルコスト）だけでなく、公開後に毎月かかる保守費用（ランニングコスト）も含めて比較してください。保守費が月額5,000円の会社と3万円の会社では、年間で30万円の差が出ます。その差額に見合うサポート内容の違いがあるのかを確認します。

他社のサイトを見て「こんなサイトにしたい」というイメージを持っておくと、見積もり依頼の精度も上がります。コーポレートサイトの参考事例をあらかじめチェックしておくのも有効です。

費用の目安を先に知りたい方へ
ページ数や必要な機能を選ぶだけで概算を確認できる費用シミュレーターを用意しています。見積書を読み解く前の物差しとしてお使いください。

よくある質問

見積書の「ディレクション費」は値引き交渉してもいい？

ディレクション費はプロジェクトの品質を左右する工程の対価です。ここを削ると要件定義や進行管理が手薄になり、結果として手戻りや追加費用で総額が増えるケースが少なくありません。値引き交渉をするなら、ディレクション費より先にページ数やデザインパターン数の調整で総額を抑えるほうが合理的です。

同じ要件なのに見積もり金額が2倍以上違うのはなぜ？

主な原因は3つあります。1つ目は対応範囲の違い（レスポンシブ対応の精度やテスト工程の有無）。2つ目は制作体制の違い（社内制作か外注かでコスト構造が変わる）。3つ目は会社規模による間接費の違い（大手はオフィス維持費や管理部門の人件費が上乗せされる）。金額だけでなく、含まれる作業の範囲を揃えたうえで比較してください。

「追加費用なし」と言っている会社は信用できる？

制作途中で要件が変わった場合にも追加費用が発生しないのか、それとも当初の要件どおりに進めた場合に限って追加費用がかからないのかを確認してください。前者を本気で約束している会社はほぼ存在しません。「追加費用なし」の前提条件が契約書に明記されているかが判断材料になります。

見積書を社内で比較するとき、最低限チェックすべき項目は？

費目の内訳が項目別に出ているか・対応範囲の境界が明記されているか・修正回数の上限が書かれているか——この3点を最低限確認してください。この3つが曖昧な見積書は、制作途中での追加見積もりリスクが高くなります。

見積もりを依頼する前に準備しておくべきことは？

サイトの目的（問い合わせ増・採用強化・ブランディングなど）、必要なページの一覧、参考にしたいサイトのURL、希望納期、予算の上限——最低限この5つを整理しておくと、見積もりの精度が上がり、会社間の比較もしやすくなります。発注前に整理すべきポイントも参考にしてみてください。

まとめ

見積書の読み方を整理すると、結局のところ重要なのは「合計金額がいくらか」ではなく、「何にいくら払い、何が含まれていないのか」を正確に把握することです。

• 各費目が何の対価かを理解し、費目の粒度を揃えて比較する
• 安い見積もりでは何の工程が省略されているかを確認する
• あとから追加費用になりやすい項目を事前にチェックしておく
• 合計金額だけでなく、公開後のランニングコストまで含めて判断する

見積書は、制作会社との最初のコミュニケーションツールです。「この見積もりのここが分からない」と質問したときに、丁寧に説明してくれるかどうか。その対応の姿勢自体が、その会社に制作を任せてよいかの判断材料にもなります。