デザイナー

2025.10.28

Webサイト制作の料金相場を依頼先で比較｜外注に失敗しないコツも解説

Contents

Webサイト制作を外注する際に、料金相場が分からず不安を感じる方も多いことでしょう。

依頼先によってはデザインや機能性だけでなく、費用や仕上がりにも大きな差が生まれます。

そこで重要となるのが、自社の目的に合ったパートナーを選ぶことです。

この記事では、Webサイト制作の料金相場を依頼先別に比較し、外注を成功に導くコツを解説しますので、ぜひ参考にしてください。

Webサイト制作の料金相場

Webサイト制作の料金相場はなぜ違うのか

Webサイト制作の料金は、要件の難易度と制作範囲の広さで大きく変わります。

複雑な機能や高いデザイン性、長期の運用を伴う案件ほど費用は上がります。一方、情報設計がシンプルでCMSの導入規模が小さい場合は抑えめです。

以下の表は、相場の目安を「初期費用」と「月額・追加費用」で整理したものです。実際は要件を具体化して複数社の見積もりを比較することが重要です。

区分	初期費用の目安	追加費用がかかる主な要因
制作会社	50万円〜300万円以上	ブランド力・デザイン性・CMS導入の有無・要件の複雑さ
フリーランス	40万円〜200万円	スキルセット・納期・製作範囲
クラウドソーシング	10万円〜80万円程度	要件の明確さ・短納期向きかどうか

目的別に見る料金の目安

以下は目的別の大まかな費用の目安です。なお、機能の複雑さや運用期間で費用が上下します。

コーポレートサイト

初期費用目安: 50万円〜200万円
特徴：ブランディング、情報設計、CMS運用を前提とした総合案件

ECサイト

初期費用目安: 100万円〜500万円以上
特徴：商品カタログ、決済連携、在庫・受注管理、セキュリティが重要

採用サイト

初期費用目安: 50万円〜150万円
特徴：求人検索・応募機能、ブランディング・更新頻度の高さ

LP／プロダクト紹介

初期費用目安: 20万円〜100万円
特徴：コンバージョン重視、A/Bテスト連携の有無で差

個人（フリーランス）・制作会社・フリーランスエージェントそれぞれの長所と短所を比較

以下では、個人（フリーランス）・制作会社・フリーランスエージェントそれぞれの長所と短所を比較します。

	長所	短所
個人（フリーランス）	コストを抑えやすく柔軟な対応が可能	大規模・長期保守には不安定さが残る
制作会社	品質保証・チーム体制・長期運用の安定性が魅力	コストが高く、意思決定に時間がかかる
フリーランス仲介サービス（エージェント等）	複数候補の比較が容易でマッチングの精度が高く効率的	手数料が発生、直接契約より連携が複雑になる場合もある

▼下記の資料では、実際にWorkshipを活用したデザイナーの採用事例をまとめています。無料でダウンロードできますので、ぜひ参考にしてください。

依頼先別の特徴と費用の比較

制作会社に依頼する場合の相場とメリット

制作会社に依頼する場合、組織的な開発プロセスと品質保証が強みです。

相場はコーポレートサイトで50万〜200万円、ECサイトは100万〜500万円以上、採用サイトは50万〜150万円程度が目安です。

メリットは、要件定義から設計・開発・テスト・納品後の保守まで一貫して任せられる点、長期運用の安定性、セキュリティや法務対応の信頼性が高い点が挙げられます。一方、デメリットは費用が高めになりやすく、意思決定や調整に時間がかかる場合がある点です。

制作会社は、大規模なプロジェクトや長期保守を前提とする場合に特に適しています。

区分	相場の目安	主なメリット・デメリット	ポイント/補足
コーポレートサイト	50万円〜200万円	メリット：要件定義〜納品後の保守まで一貫、品質安定、ブランド設計に強い	デメリット：費用が高め、意思決定に時間がかかる場合がある
ECサイト	100万円〜500万円以上	メリット：商品管理・決済・物流連携など総合対応、セキュリティ・法務対応が安定	デメリット：要件が複雑で費用がさらに上昇する可能性あり
採用サイト	50万円〜150万円	メリット：採用ブランディング、応募機能、運用設計が得意	デメリット：長期運用のコストが発生するケースがある

フリーランスに依頼する場合の相場と対応範囲

フリーランスへ依頼する場合、コストは制作範囲とスキルに直結します。目安はコーポレートサイト40万〜150万円、ECサイト80万〜400万円、採用サイト40万〜120万円程度です。

対応範囲はデザイン・コーディング・CMS設定を一部または全体を担当します。

フリーランスの長所は、費用対効果と柔軟性、納期の調整が比較的しやすい点です。短所としては、離職リスクや保守体制の不安定さ、スケールの大きい案件でのリソース不足になり得る点があります。

フリーランスとの契約時は、保守の有無と対応範囲を明確にしましょう。

区分	相場の目安	対応範囲・特徴	注意点・リスク
コーポレートサイト	40万円〜150万円	デザイン・コーディング・CMS設定を一部または全体で担当	保守体制・長期対応の安定性に不安が出やすい場合あり
ECサイト	80万円〜400万円	商品ページ作成・決済連携・運用設計などを担当可能	大規模案件ではリソース不足・離職リスクの影響が大きい
採用サイト	40万円〜120万円	採用フォーム・ブランディング要素の実装を中心に担当	保守・更新の継続性を事前に確認が必要

クラウドソーシング利用の注意点とコスト感

クラウドソーシングは、低コストでの初期制作が可能な反面、品質のばらつきが大きい点に注意が必要です。

相場は小規模LPで10万〜50万円程度から、中・大規模案件で100万円以上に及ぶこともあり、幅が広いのが特徴です。

注意点としては、要件の曖昧さが品質に直結しやすいこと、納期管理が難しくなること、納品物の権利移転・再利用条件を契約で明確化する必要があることなどが挙げられます。

対策として、具体的な仕様書・ワイヤーフレームを提出してもらい、成果物の品質基準を事前に取り決め、中間レビューを設定するなどの進行管理が重要です。

区分	相場の目安	主な注意点	効果的な対策
小規模LP・簡易サイト	10万円〜50万円程度	品質のばらつき、要件定義不足、納期の遅れ	仕様書とワイヤーフレームを共有、成果物の品質基準を明確、途中経過を定期確認
中〜大規模案件	100万円以上	著作権・権利移転、再利用条件の不明確さ	成果物の権利仕様を契約で明確化、途中レビューを設け適宜修正

なお、上記の各表の金額は目安です。地域差・業界・案件難易度で変動します。

▼以下では、デザイナー人材採用の進め方のコツやヒントをまとめた資料を無料でダウンロードできます。ぜひ貴社の採用活動にお役立てください。

制作予算を抑えるためのポイント

相見積もりを取るときの比較基準

Webサイト制作のコストを適正化するためには、必ず複数の制作会社やフリーランスから見積もりを取り、条件を比較することが重要です。

その際に、金額の安さだけで判断するのではなく、「提案内容の具体性」「実績の質」「納期と対応体制」などを基準に評価しましょう。同じ条件でも、工数の見積もり方や成果物の範囲が異なる場合があります。見積もり内容を並列比較すると、費用の妥当性やパートナーの信頼度を見極めやすくなります。

最終的には、コストではなく成果への投資として捉える視点が重要です。

仕様書・ワイヤーフレームを明確にする重要性

制作予算を抑える上で、プロジェクト開始前に仕様書やワイヤーフレームを明確にすることは欠かせません。

要件定義が曖昧なまま進行すると、途中で認識のズレや追加修正が発生し、結果的にコストが膨らみます。構成・機能・ページ数・制作範囲を明示することで、見積もりの精度が上がり、無駄な工数を減らせます。

Workshipなどのエージェント経由でフリーランスに依頼する際も、目的と要件を明確に共有すれば、スムーズな制作と予算管理が可能です。最初の設計段階こそ、コストコントロールの要といえます。

修正回数や納期によるコスト変動を理解する

制作費用は、修正回数や納期設定によって大きく変動します。短納期での依頼や複数回の大幅な修正が発生すると、その分追加工数がかかり、見積もり金額が上がるのが一般的です。あらかじめ修正の範囲や回数を契約時に明文化しておくと、トラブルや想定外のコスト増を防げます。

また、余裕を持ったスケジュール設定は、品質向上とコスト削減の両立にもつながります。フリーランスとの契約においても、納期・修正ルールの明確化が円滑な進行のポイントです。

▼以下では、採用コスト見直しガイドを無料でダウンロードできます。ぜひ貴社の採用コストの削減にお役立てください。

Webサイト制作を外注する前に決めておくべきこと

目的とターゲット設計を具体化する

Webサイト制作を外注する際の第一歩は、サイトの目的と想定顧客を具体化することです。

目的は「新規顧客獲得」「ブランド認知向上」「資料請求の促進」など、測定可能なKPIと結び付けます。ターゲットは年齢層・職業・課題・行動パターンを細分化し、ペルソナとしてまとめると設計がブレません。

これを基にサイト構成、コンテンツの優先順位、デザインの方向性を決定します。曖昧さを排し、依頼時の要件定義を明確にする土台です。

デザイン・機能の要件定義を整理する

デザインと機能の要件を事前に整理すると、制作途中の大きな食い違いを避けられます。

デザインはブランドガイドライン、カラー、フォント、UIの雰囲気を具体化。機能面は必須機能（お問い合わせ、検索、会員登録など）と望ましい機能をリスト化し、優先度を付けます。

さらに、閲覧デバイスやアクセシビリティ対応、CMSの有無、SEO適用範囲も明記しましょう。要件を文書化しておくと、見積もり・開発範囲のすり合わせが円滑になります。

制作スケジュールと支払い条件の事前確認

外注は納期と費用が命綱です。制作スケジュールを立てる際は、大きなマイルストーンと各工程の期日を設定しましょう。また、遅延時の対応や進捗報告の頻度も取り決めておくと安心です。

支払い条件は、着手金・中間金・納品後支払いなど、段階を具体化します。変更時の追加費用の扱いも明確にしておきましょう。

契約書には成果物の権利範囲、納品物の受け取り基準、瑕疵対応を盛り込み、トラブルを未然に防ぐことが重要です。

▼以下では、採用計画をスムーズに立てるためのノウハウやテンプレートを紹介しています。ぜひ貴社の採用活動にお役立てください。

優秀なWeb制作者を見つける方法

ポートフォリオと実績の見極め方

Web制作の実力はポートフォリオでほぼ決まります。

まずはデザインの一貫性と完成度をチェックします。ブランドガイドラインに沿ったカラー・タイポグラフィ・UIの統一感があるかを確認しましょう。

次に実績の多様性を見ます。同じジャンルの案件を複数こなしているか、または業界特有の要件（アクセシビリティ対応、レスポンシブ対応、SEO実装など）をどう扱っているかがポイントです。

最後に成果を測る指標を確認します。ラストページの成果（CVR、離脱率、ページ滞在時間など）を具体的な数字で示しているか、クライアントの課題に対してどう解決したかのストーリーがあるかを重視しましょう。

実務の質を判断するのに役立つ「結果と根拠」がカギとなります。

コミュニケーション能力をチェックする

技術力だけでなく、連絡の取りやすさや意思疎通の円滑さは成功の大きな要因です。

まずは初回の問い合わせ時の返信速度と丁寧さを観察します。途中での要望変更や修正依頼にも柔軟に対応できるか、こちらの要件を正しく理解してくれるかを確認しましょう。

質問に対する回答の分かりやすさも重要です。専門用語を避け、工程の透明性や納期の根拠を具体的に説明してくれる人は信頼性が高いです。

また、リスク管理（代替案の提示、遅延時の対応策、進捗報告の頻度）を事前に共有してくれるかどうかもチェックポイントとなります。小さなやり取りから、長期的なパートナーとしての適性を見極めましょう。

エージェント経由での安心なマッチングとは

エージェントを利用するメリットは、条件に合う候補を絞り込み、契約・納品までのサポートを受けられる点です。

まず自分の要望を明確化し、エージェントに「成果物の用途」「予算」「納期」「必須スキル」「求めるコミュニケーション頻度」などを伝えましょう。

次に候補者の実績・ポートフォリオ・評価をエージェント経由で確認します。契約時には業務範囲（仕様書・納品物・修正回数・著作権の扱い）と報酬の取り決めを明確にしておくことが大切です。

また、トラブル発生時の窓口がエージェントになるため、直接交渉の難易度が下がりやすいのも利点です。ただし手数料が発生することを念頭に置き、費用対効果を見極めましょう。

▼以下では、採用ペルソナの構成要素や作成ステップ、フォーマットまでご紹介しています。ぜひ参考にしてください。

Webサイト制作の外注失敗を防ぐためのチェックリスト

契約内容と納品物の確認ポイント

外注では、契約内容が成否を分けます。まずは、納品物の内訳を明確化（デザインデータ、HTML/CSS、CMS設定、ソースコード、テスト報告書など）しましょう。

次に受け渡し形式とファイル形式、著作権の移転範囲、再利用の可否を契約書に記載します。納品前の検収基準（動作確認リスト、動作環境、ブラウザ互換性、セキュリティチェック）も必須です。

さらに、納品後の不具合対応期間と費用の取り決め、遅延時のペナルティや契約解除条件を事前に定めておくとトラブルを回避しやすくなります。

修正対応の範囲を事前に明確にする

修正範囲の認識齟齬は高額化の原因となります。契約時に「初期修正〇回まで」「追加修正は別料金」「機能変更は別見積り」「デザインの大幅変更は追加工数として扱う」など、上限と料金のルールを設定しましょう。修正の対象を「仕様に準じたバグ修正」「デザイン微調整」「機能の使い勝手改善」とカテゴライズし、各カテゴリの費用感を事前に共有しておくと安心です。

変更が発生した場合の承認プロセスとタイムラインも定めておくと、予算オーバーを防げます。

制作途中のフィードバック体制を整える

途中経過の適切なフィードバックは、品質と納期の両方に直結します。定例ミーティングの頻度、進捗報告の形式（チェックリスト、スクリーンショット、デモ動画）、問題点の報告ルールを事前に決めておきましょう。

実務では、要件定義書・ワイヤーフレーム・デザイン案をベースに、段階ごとに受け入れ基準を設定します。フィードバックは具体的・建設的に行い、修正理由と期限を明記します。これにより認識のズレを減らし、納期厳守と品質の両立を図れるでしょう。

▼以下では、業務委託の労務管理に関する実践ガイドを無料で公開しています。労働法を遵守して業務委託を行うために、ぜひご活用ください。

フリーランス活用でコストと品質を両立するコツ

「Workship」で実績あるエンジニア・デザイナーを探す

Workshipのような専門性の高いフリーランスプラットフォームを活用すると、同業種・同規模の実績を持つ人材を絞り込みやすく、品質の安定性が高まります。

例えば、B2B向けのコーポレートサイトを手がけた経験があるデザイナー、ECサイトの決済連携を実務で扱ったエンジニアなど、要件と近い実績を優先的に比較します。プロフィールだけでなく、公開されている過去の成果物・評価・納品形態を確認し、要件定義書・ワイヤーフレームの整備状況も合わせて評価すると、ミスマッチを減らすことが可能です。

Workshipを活用する最大の利点は、候補者の信頼性とスピード感の両立です。

フリーランスとの最適な契約・進行管理方法

Web制作成功のポイントは、明確な契約と透明な進行管理です。具体的には、要件定義・納品物・納期・検収基準を契約書に盛り込み、保守・再依頼の範囲も別契約で分離します。

進行管理では、定例報告とミニマイルストーンを設定し、各段階で受け入れテストを実施します。チャットやタスク管理ツールの記録を残し、変更時には即時合意と追加費用の見積もりを取り付けましょう。

離職リスクを考慮して、バックアップ人材を用意しておくと安心です。

成功事例に学ぶWorkship活用のメリット

実際にフリーランスを活用した事例では、要件定義を丁寧に行い複数人材を比較した結果、短納期で高品質を両立できたケースが多く見られます。

コスト面では、固定費を抑えつつ必要な専門性を組み合わせられるため、予算内での最適化が可能です。

技術スタックの多様性に対応できる点も強みで、デザインと開発を同時に進めたい場合に特に有効です。Workship経由のマッチングは、信頼性の高い人材を短期間で確保できる点が大きなメリットです。

▼以下では、Workshipを実際に導入した企業の事例と共にサービスの特徴やお役立ち機能も紹介しています。ぜひ貴社の採用活動にお役立てください。

自社に最適なパートナー選びで制作を成功に導くなら「Workship」がおすすめ

Workshipは、Web制作のフリーランス人材を中心に、要件に合う専門家を効率的にマッチングできるプラットフォームです。

Workshipには多様なスキルセットを持つ候補者が集まっており、コーポレートサイトからECサイト、採用サイトまで、業種・機能・デザインの要件に応じて適切な人材を横断的に比較できます。

実績・評価が公開されているため、事前の品質判断がしやすく、候補者の過去の成果物やテスト実績を確認できるのが大きな安心材料です。

さらに専任のエージェントからの採用支援により、要件定義の整理や契約・進行管理の助言を得られる点も強みです。

短期間で高品質の人材を確保しつつ、コストを抑えたい企業に最適な選択肢となるでしょう。

Workshipには、現在ディレクターやエンジニア、マーケター、デザイナーなどおよそ59,500人以上の優秀な人材が登録されています。人材の質や、自社ツールを使った管理のしやすさが好評で、朝日新聞社やChatwork株式会社など、これまでに累計1,600社以上にご活用いただいています。

Workshipのサービスの特徴を簡単にお伝えします。

アカウント登録が無料！

Workshipはアカウント登録料無料で、次のさまざまな機能をご利用いただけます。
・ニーズに合わせたマッチ度の高い候補者を随時提案
・スカウト機能
・フリーランス検索
・求人掲載は無制限
・無制限のメッセージ機能で候補者と直接交渉が可能
・オンライン面談
・求人作成代行
・オンラインサポート
・印紙代不要の電子契約
・正社員転換契約
・賠償責任保険が自動で適用
・稼働管理

※自動で費用が発生することはありません。
※料金はユーザーとの成約が完了した時点で発生します。

また、ご利用いただく中でお困りのことがあれば、随時丁寧にサポートいたします。

三者間契約でインボイス制度の不安がない

フリーランスを活用する上で、採用担当者様の工数負担が大きいのが、契約書の取り交わしです。Workshipでは成約時に企業 ⇄ Workship ⇄ フリーランスの三者間契約を締結し、その契約手続きを代行します。クライアント企業となるお客様の契約先はWorkshipとの契約となるため、フリーランス活用でネックとなるインボイス制度への対応も問題ありません。また、毎月の請求処理も代行して行ないます。