ホームページ制作の見積書、この項目は何？費用の内訳をぜんぶ解説

見積書が読めないと、そもそも比較ができない

見積書を読む目的は、金額の安さを見つけることではありません。「同じ条件で比べられる状態にすること」です。

たとえばA社が80万円、B社が120万円だったとします。この2つを並べて「A社が安い」と判断するのは危険です。A社の見積もりには原稿作成が含まれておらず、B社には含まれている。A社はページ数が5ページ想定で、B社は10ページ想定。こうした前提の違いは、項目を読まない限り見えてきません。

発注後に「それは別料金です」と言われて追加費用が発生するのは、多くの場合、見積書に何が含まれていて何が含まれていないのかを、発注側が把握しきれていなかったことによるものです。項目を理解することは、価格交渉のためというより、あとから想定外の出費を出さないための作業だと考えてください。

制作費の内訳は、大きく4つのグループに分けられる

細かい項目名は会社ごとに違いますが、役割で整理すると、ほとんどの見積書は次の4つのグループに分類できます。カッコ内は項目名の一例です。呼び方も、独立した項目として立てるかどうかも、会社によって変わります。

1. 企画・進行にかかる費用（ディレクション費、企画・設計費など）
2. 制作にかかる費用（デザイン費、コーディング費、原稿作成費、撮影費など）
3. システムにかかる費用（CMS構築費、システム開発費など）
4. 公開と、その後にかかる費用（サーバー・ドメイン費、公開作業費、保守運用費など）

見積書を受け取ったら、まず各項目がこの4つのどれに当たるかを振り分けてみてください。それだけで「制作にしかお金をかけていない見積もり」「公開後まで見ている見積もり」といった性格の違いが浮かび上がってきます。

【項目別】見積書によく出てくる費用の意味

ここからは、項目ごとに「何の費用か」「見るときのポイント」を解説します。

ディレクション費（進行管理費・プロジェクト管理費）

制作の進行全体を管理する担当者の人件費です。要件の整理、スケジュール管理、デザイナーやエンジニアへの指示出し、発注側との窓口対応、公開前の品質チェックまでが含まれます。

「実際に手を動かしていないのに費用が発生するのか」と感じる方もいるかもしれません。ただ、この役割が抜けて困るのは発注側です。要望を制作向けの指示に翻訳する、複数の担当者のスケジュールを調整する、上がってきたものが要件どおりか確認する——こうした作業が、そのまま発注側の仕事になります。

なかでも負担が大きいのは品質のチェックです。デザインの意図が伝わっているか、実装に抜けがないかを判断するには、ある程度の経験が必要になります。Web制作が初めての担当者が、デザイナーやコーダーに直接指示を出しながら品質まで見るというのは、現実的にはかなり難しい話です。

見るときのポイントは、この費用が計上されていない見積もりを見つけたら、誰が進行を管理するのかを確認することです。他の項目に含めている会社もあるため、項目として見当たらないこと自体が問題なわけではありません。確認したいのは、担当者が立つ体制になっているかどうかです。

企画・設計費（サイト設計費／情報設計費）

どんなページを、どういう順番と導線で並べるかを設計する費用です。サイトマップの作成、ワイヤーフレーム（ページの骨組み図）の作成などが該当します。

この費用は、制作を経験したことがない方にとって、もっとも実感の湧きにくい項目かもしれません。「どんなページが必要で、どういう順番で並べ、読者をどこへ導くか」という設計は、完成したサイトを見ても表には出てこないためです。ツールやAIを使えばページの形は作れますが、そこでは「何をどの順番で伝えるか」という発想がそもそも抜けたまま進みがちです。見た目は整っているのに、読んでいて何が言いたいのか伝わってこないサイトになるのは、多くの場合この設計が抜けているためです。

筆者自身も、日々の制作でAIを活用しています。ただそのときも、「誰に何を伝え、どう動いてほしいか」というゴールが先にあり、それに向けてAIの出力を精査していく形です。AIを使わずに手を動かしてきた経験があるぶん、完成形が頭の中でおおよそ見えていて、出てきたものが狙いに合っているかを判断できます。AIが設計を考えてくれるわけではなく、設計があるからAIを使える、という順番です。

会社によってはディレクション費に含めているため、独立した項目として出てこないこともあります。両方の項目が立っている見積書を見たときは、作業内容が重複していないかを一度確認しておくと安心です。

デザイン費

見た目のデザインを作る費用です。トップページと下層ページで単価が分かれているケースが一般的で、トップページのほうが高く設定されることが多くなります。これは情報量の差ではありません。トップページでサイト全体のデザインの方向性を固め、それをもとに下層ページを展開していくため、最初の1ページに作業が集まるからです。

確認しておきたいのは次の2点です。

スマートフォン用のデザインを起こすかどうか

スマートフォン対応そのものは今や前提なので、「対応しない」という選択肢は基本的にありません。分かれるのは、スマートフォン用のデザインを別途作るかどうかです。デザインを起こせばその分の費用が乗るため、予算を抑えたい場合は、パソコン用のデザインをもとにコーディングの段階で制作側が調整する形をとることがあります。この進め方だと、スマートフォンでの見え方は実装されるまで固まらず、細かい判断は制作側に委ねられます。どちらの前提で組まれた金額なのかは、確認しておきましょう。

なお、閲覧の大半がスマートフォンになるサイトでは、パソコン用のデザインを作らず、スマートフォン向けのデザインだけを作る進め方もあります。作るデザインの枚数が変わるため、金額にも影響します。

どこまでが「修正」に含まれるのか

修正の範囲は、回数では測りにくい部分です。文言を差し替えるのと、デザインの方向性そのものを作り直すのとでは、必要な作業量がまったく違います。とくに全体の雰囲気やテイストに関わる作り直しは、何度も繰り返せる性質のものではありません。回数の確認よりも、どこまでが調整で、どこからが作り直しになるのかを着手前に共有しておくほうが、お互いに動きやすくなります。

コーディング費（フロントエンド実装費・マークアップ費）

デザインを、ブラウザで実際に表示・動作する形にする費用です。HTMLやCSSといった言語で組み立てる作業を指します。

ページ単価×ページ数で計算されることが多い項目です。スマートフォンで表示が崩れないようにする調整（レスポンシブ対応）は、基本的にこの費用に含まれます。一方でタブレットは、要件に入っているかどうかで扱いが変わります。タブレットからの閲覧が多い、あるいは社内で使う端末がタブレットだといった事情があるなら、早めに伝えておきましょう。

確認しておきたいのは、どこまで動きをつけるかです。スクロールに合わせて要素が現れる、画像が自動で切り替わるといった表現は、実装の工数がかかる分だけ費用に反映されます。

ただし、これは金額だけの話ではありません。デザインは動きを前提に組み立てるため、どんな動きをつけるかはデザインに着手する前に決めておく必要があります。あとから動きを足したくなると、コーディングの作業が増えるだけでなく、デザインからやり直しになることもあります。参考にしているサイトなど、イメージしている動きがあるなら、見積もりを相談する段階で共有しておきましょう。

なお、デザイン費とコーディング費をまとめて計上する会社もありますが、分けていないこと自体が問題というわけではありません。理由は後ほど「一式」の項で触れます。

CMS構築費

公開後に自社でページを更新できるようにするための費用です。WordPressやMovable Type、あるいはmicroCMSのようなヘッドレスCMSといったシステムを導入し、更新したい箇所を管理画面から編集できる状態に組み上げます。

金額を左右するのは「どこまで自社で更新したいか」です。お知らせだけ更新できればいいのか、実績紹介やスタッフ紹介も追加・編集したいのか。更新したい範囲が広いほど費用は上がります。

ここで気をつけたいのが、「とりあえず全部更新できるようにしておきたい」と広げすぎないことです。更新範囲を広げるほど構築費は上がりますが、公開後に実際に手を入れるページは、思っているより限られていることが少なくありません。筆者が携わってきた案件でも、更新できるように作った箇所が結局使われないままになっている例は何度もありました。この1年で自社のどの情報が変わったかを振り返ってみると、本当に更新が必要な範囲が見えてきます。

あわせて、操作マニュアルや使い方のレクチャーが含まれるかも確認しておきましょう。構築だけして渡されると、結局使いこなせないまま更新が止まってしまいます。

システム開発費

問い合わせフォーム、予約機能、会員機能、外部サービスとの連携など、個別の機能を開発する費用です。

問い合わせフォームのように多くのサイトで使われている機能は、すでにある仕組みを利用して構築するのが一般的です。この場合、項目の内容や自動返信の有無によって金額が大きく動くことは、あまりありません。

金額が変わるのは、フォームの延長では対応できない仕組みが必要になったときです。送信内容を管理画面に保存して一覧で確認する、予約の空き状況を管理する、外部のサービスとデータを連携させる——こうしたものは問い合わせフォームとは別の機能であり、個別に開発することになります。

相談するときは、機能の名前ではなく「何をしたいか」を伝えるのがおすすめです。たとえば「予約を受け付けたい」と一口に言っても、フォームで受けて社内で日程を調整するのか、空き状況まで管理して自動で確定させるのかで、必要な仕組みはまったく変わります。やりたいことが具体的に伝わっていれば、見積もりもそれに沿った内容になります。

原稿作成費・撮影費・素材費

原稿の執筆、写真撮影、イラストや図版の作成にかかる費用です。見積書では「ライティング費」「取材・撮影費」「写真素材費」のように、個別の項目として並ぶことが多い部分です。

ここは見積書のなかでも特に前提条件が分かれるところで、いずれも見積もり前のヒアリングで確認されるのが一般的です。

原稿は発注側から支給する前提で組まれていることが多いため、自社で書くのか、制作会社に依頼するのかを早い段階で決めておきましょう。自社で書く場合は、文章を作る作業に想定以上の時間がかかることも見込んでおくと安心です。

写真は、手持ちのものを使うこともできますが、あらためて撮影したほうが仕上がりは良くなります。撮影を希望するなら、こちらも早い段階で伝えておきましょう。

撮影費は、カット数ではなく半日・1日といった撮影時間を単位に計上されるのが一般的です。見積書に撮影費が入っている場合は、半日なのか1日なのか、何日分を想定した金額なのかを確認しておきましょう。撮りたい場所やカットが多ければ、その分の日数が必要になります。

テスト・検証費／公開作業費

主要なブラウザや端末で表示を確認し、崩れや不具合を修正する作業、そして実際にサイトを公開する作業の費用です。

独立した項目として計上する会社もあれば、制作工程のなかに含めている会社もあります。項目として見当たらない場合も、「テストをしていない」わけではなく、他の費用に含まれていると考えて問題ありません。

サーバー・ドメイン費用

ここは2種類の費用が混ざりやすい項目なので、分けて考えてください。

• 制作会社に支払う初期設定の作業費（サーバー契約の代行、独自ドメインの設定、SSLの設定など）
• サーバー会社やドメイン管理会社の利用料（月額または年額で継続的に発生）

そして、あわせて確認しておきたいのが契約の名義です。制作会社の名義で契約するケースは珍しくありません。サーバーの管理には専門的な知識が必要なため、発注側で契約して運用するより現実的なことも多いからです。

気をつけたいのは、名義そのものよりも契約の中身が分からないまま進んでしまうことです。どのサーバーのどのプランを使っているのか、将来ほかの会社に移りたくなったときに引き継いでもらえるのか。この2点がはっきりしていれば、名義がどちらであっても困ることはありません。逆に、契約の内容を教えてもらえない、移管の相談に応じてもらえないという状態だと、あとから動きが取りづらくなります。

ShareDanでは、サーバーやドメインを弊社名義で契約することを基本としています。お客様名義の場合、権限がないために弊社側で対応できない作業が出てきたり、権限をいただくまでに時間がかかって着手が遅れたりすることがあるためです。契約しているサーバーやドメインの情報は、必要に応じてお伝えしています。

制作会社の乗り換えを検討している方は、「「ホームページ制作 ×〈地域名〉」で検索したあなたへ」もあわせてどうぞ。

保守・運用費（月額）

公開後にサイトを安全に動かし続けるための費用です。サーバーの稼働監視、CMSやプラグインのアップデート、バックアップ、軽微なテキスト修正などが含まれます。

同じ「月額保守」でも、含まれる作業範囲は会社によってかなり違います。確認すべきは次の点です。

• 月にどこまでの修正が含まれるか（時間や件数の上限）
• 上限を超えた場合の追加料金
• サイトが表示されなくなったときの連絡先と、対応してもらえる時間帯

初期費用が安くても保守費が高い、あるいはその逆、というケースもあります。初期費用と保守費を合わせて、数年単位でいくらかかるかで見ておくと、判断を誤りにくくなります。

諸経費・その他

打ち合わせにかかる交通費は、ディレクション費に含まれていることが多く、別途計上されるのは、遠方への出張が必要になる場合の交通費や宿泊費です。

有料のテーマやプラグイン、フォントを使う場合は、そのライセンス費用がかかります。年額で継続的に発生するものもあるため、見積もりに含まれているかどうかは見ておきましょう。

「一式」と書かれた項目は、どう読めばいいのか

見積書のなかに「デザイン・コーディング一式」のように、複数の作業をまとめた項目が出てくることがあります。中身が見えないと不安になるかもしれませんが、一式表記そのものが悪いわけではありません。判断すべきは、その一式に中身の説明があるかどうかです。

問題になりにくい一式は、まとめたほうが実態に合っているケースです。たとえばデザインとコーディングは、デザインが複雑になればコーディングの工数もそれに比例するため、合わせて計上しても金額の根拠は崩れません。項目を細かく分けすぎると、かえって全体像が見えにくくなる面もあります。この場合、聞けば「何が含まれ、何が含まれないか」が明確に返ってきます。

注意したい一式は、質問しても内訳の説明が返ってこないケースです。まとめている理由も、含まれる作業の範囲も答えられないとなると、必要な作業が抜けているのか、不要なものが入っているのかを判断できません。追加費用が発生する条件も見えないままになります。

つまり、見るべきは項目が細かいかどうかではなく、含まれる範囲を説明できるかどうかです。一式と書かれていたら、そこに何が含まれるかを一度聞いてみてください。その受け答えは、そのまま制作中のコミュニケーションの取りやすさにもつながります。

見積書を比較するときの4つのチェックポイント

複数社の見積もりが揃ったら、次の4点を確認してください。

1. 前提条件を揃えてから比べる

ページ数、原稿を誰が用意するか、撮影を行うかどうか、スマートフォン対応の範囲。これらが違えば、金額が違うのは当然です。まず条件を揃え、それから金額を見ます。

2. 「含まれていないもの」も確認する

書かれている項目に目が行きがちですが、書かれていない作業にも同じように注意が必要です。見積もりに含まれない作業が出てきた場合、いくらかかるのかもあわせて聞いておきましょう。

3. 保守費まで含めた総額で見る

初期費用だけでなく、月額費用を数年分足した金額で比較します。

4. 追加費用が発生する条件を確認する

どこまでが見積もりの範囲で、どこからが追加になるのか。デザインの修正や仕様の変更が出たときの扱いが曖昧なままだと、後々の認識のズレにつながります。

金額そのものが妥当なのか判断したい方は、「ホームページ制作の適正価格は？」で相場の考え方を解説しています。

予算が合わないときに、調整できるところ

見積もりが想定予算を超えていた場合、いきなり値引きを求める前に検討したい調整方法があります。代表的なものを2つ挙げます。

スケジュールに余裕を持たせる

短納期の案件は、体制を厚くしたり優先的に人員を割り当てたりする必要があるため、費用が上がりやすくなります。公開希望日に余裕があるなら、その旨を伝えることで調整の余地が生まれることがあります。

ページのレイアウトをそろえる

デザイン費もコーディング費もページ単位で積み上がりますが、すべてのページを個別に作らなければいけないわけではありません。似た役割のページを共通のレイアウトにまとめれば、1ページあたりの単価を下げられます。ページ数そのものを減らさなくても、総額を抑えられる余地があるということです。

なお、「まず主要なページだけ作り、残りは公開後に追加する」という段階的な進め方もあります。ただしこれは、二度に分けて動かす分だけトータルの費用は増えます。予算を抑えるためというより、ページ数が多く、とにかく公開を急ぎたいときに取る手段だと考えてください。