- デザイン
Studio制作代行の相場を解説!

Studioでの制作代行を検討する際に、最も気になるのが「相場」ではないでしょうか。
本記事では、価格の全体像から費目ごとの内訳、さらに依頼するときのコツまでを整理しました。制作を依頼する前に知っておくことで、無駄なコストを避け、安心して外注先を選べるようになります。
目次
Studioとは?
基本概要
Studioは日本発のノーコードWeb制作プラットフォーム。ドラッグ&ドロップでレイアウトを構築し、テンプレートやコンポーネントを活用して短期間でサイトを公開できます。直感的なUIとデザイン自由度の高さが評価されています。
詳しい詳細は、弊社のスタッフブログ「ノーコードツール「STUDIO」とは?」を是非ご覧ください!
制作代行の流れ
こちらに関する記事も、弊社のスタッフブログがございますので、Studio制作代行の流れを解説【発注〜公開・運用】をご覧ください!
まずは相場感
Studio制作代行の費用感は、サイトの規模や目的によって大きく異なります。たとえば、最もシンプルなランディングページ(1〜3セクション程度)であれば 15万〜60万円前後 が一般的な相場ではないでしょうか。
一方で、小規模なコーポレートサイト(5〜10ページ規模)では 50万〜200万円程度。採用サイトのように10〜20ページ規模かつCMS導入を伴う場合は、80万〜300万円前後 が目安になります。さらに、記事テンプレートやカテゴリ設計を含むオウンドメディア構築になると、120万〜400万円 といったケースも珍しくありません。
追加要素としては、多言語対応、モーションやリッチインタラクションを加える場合はさらに追加の見積として上乗せされるのが一般的です。
下限〜一般的な価格帯(テンプレ活用+素材提供ありの場合)
費用を抑えやすい条件として「テンプレート活用」や「写真・テキストなど素材を依頼者側で提供」するケースがあります。その場合の相場感は以下の通りです。
- ランディングページであれば 10万〜30万円程度
- 小規模コーポレートサイト(5ページ前後)で 30万〜80万円
- 10ページを超える多機能型のコーポレートサイトでは 80万〜200万円以上
また、制作を急ぐ場合は納期短縮の追加費用が発生することが多く、2〜4週間程度の短納期ではさらに追加費用を見込んでおくと安心です。
発注先別による全体像
| 発注先 | 価格帯 | 向いている案件 | 留意点 |
| フリーランス | 低 | LP/小規模サイト。スピード重視。 | 品質・リスクは個人差大。保守体制を確認。 |
| 小規模制作会社 | 低〜中 | コーポレート/採用/メディア初期。 | 体制の安定感。要件定義〜運用まで一気通貫。 |
| 中〜大規模プロダクション | 中〜高 | 広告連動、ブランディング、複数言語。 | 品質は高いがコスト増。意思決定とリードタイムも増。 |
| コンサル+制作混成 | 高 | 戦略/UX設計重視、CVKPI明確。 | 要件精度は上がるが、工数増により相場も上振れ。 |
Studio制作代行を検討する際には、いくつかの判断軸を整理しておくことが重要です。まず大前提として、ビジネス目標とKPIを明確にすること。成果指標が「問い合わせ件数の増加」なのか「採用応募の獲得」なのかによって、必要なサイト構成や機能は大きく変わります。
次に、運用体制をどうするか も重要なポイントです。社内で内製する部分と外注する部分を切り分けられるかどうかで、依頼範囲や費用感が変動します。加えて、更新頻度 をどの程度見込むのかによっても、CMS導入の要否や運用コストが変わってきます。
また、スケジュール感 も大きな判断材料です。公開までに余裕があるのか、それとも短納期で進める必要があるのかで、制作フローや見積もりは大きく変わるでしょう。
最後に、必要な専門性 にも注目が必要です。写真撮影やコピーライティング、SEO対策、アクセス解析などを含めるかどうかで、制作体制や依頼先の選び方が変わってきます。
こうした判断軸を整理してから相談することで、無駄のない発注ができ、相場感とも比較しやすくなります。
料金の内訳や見積もり
Studio制作代行の費用を理解するためには、見積もりの内訳を知っておくことが大切です。主な費目は大きく次のように分けられます。
まず、要件定義や情報設計(IA) です。ここではサイト構成の検討、ワイヤーフレームの作成、画面遷移やコンポーネントの定義などを行い、全体の設計図を固めます。
次に、デザイン。ブランドに合ったトンマナの設定、UIデザイン、必要なアセット制作に加え、アニメーションやモーションの指示まで含まれることがあります。Studio実装 の工程では、レイアウトの組み込み、レスポンシブ調整、アニメーションやフォームの設定など、実際にサイトとして機能する形に仕上げていきます。さらに、CMSを活用する場合は CMS設計 が発生します。コレクション設計やスキーマ定義、カテゴリ・タグの方針決め、スラッグ(URL)の命名規則など、運用性を左右する要素が含まれます。
そのほか、SEOや計測設定 も重要です。メタ情報(titleやdescription、OGP)の設定、見出し(hタグ)の階層設計、内部リンクやサイトマップの最適化、さらにGTMやGA4を使った計測環境の構築が挙げられます。また、サイトに掲載する情報を整えるための コンテンツ制作 も費目のひとつです。コピーライティング、写真や動画撮影、図版制作、原稿編集などが含まれます。完成後には テストや品質保証(QA) が欠かせません。主要なブラウザやデバイスでの動作検証、アクセシビリティ対応、表示速度の最適化などを行い、公開に耐えうる品質を確保します。
最後に、公開後の 運用や保守 です。月次改修や軽微な修正、障害対応、コンテンツ更新のサポートなど、長期的な伴走を想定した費用が計上されることも多いです。このように見積もりは多岐にわたる項目から構成されており、必要な範囲を整理することで無駄のない発注につながります。
価格を左右する7つの要因
Studio制作代行の見積もりは、依頼する内容や条件によって大きく変わります。大きく分けると、以下の7つの要因が価格を左右します。
- ページ数やセクション数:テンプレートをどの程度活用できるか、再利用率が高いかどうかによって工数は変動します。
- デザインの独自性や再現度:既存テンプレートを流用するのか、それともゼロからオリジナルを作り込むのかで、必要な時間とコストは大きく異なります。
- アニメーションやモーション表現:表現も重要な要素です。リッチで動きのある表現を加えれば加えるほど、制作工数は増えていきます。
- コンテンツの有無:こちらも費用に直結します。コピーライティングや写真撮影を依頼者側で用意できるかどうかによって、外注範囲は変わります。
- CMSの複雑さ:カテゴリー、記事による条件分岐をはじめCMSの仕様が複雑になればなるほど価格に影響します。コレクション数や参照関係、ユーザー権限の設計など、構造が複雑になるほどコストは上がります。
- 外部ツールとの連携や計測設定:GTMやGA4、CRMとの連携や問い合わせ種別ごとのCV(コンバージョン)定義などが必要かどうかで変動します。
- 納期と体制:最後に、短納期や夜間・休日対応が求められる場合は、追加コストが発生するのが一般的です。
見積もりが変動する代表的なパターン
制作費用は、いくつかの典型的な要素によって上下しやすい傾向があります。
例えば、デザインがシンプルでテンプレートを活用できる場合は費用を抑えやすく、逆にアニメーションやモーションを多用したリッチなデザインになるほど高額になりがちです。
機能面では、CMSやSEO対策、解析環境といった標準的な仕組みだけであれば比較的安定した範囲に収まりますが、会員機能や決済機能、API連携など高度な機能を追加する場合は費用が大きく膨らむことがあります。また、制作期間によっても差が出ます。短納期で仕上げる必要がある場合はコストが増え、逆に余裕をもったスケジュールで進められる場合はコストを抑えやすくなります。
さらに、発注先の規模も影響します。フリーランスに依頼する場合は比較的安価に、制作会社に依頼する場合は標準的な価格帯に、大手代理店経由ではより高額になる傾向があります。
相場の見極め:赤旗チェックと交渉ポイント
赤旗チェック(見積書・進行管理で注意すべき点)
見積もりや進行の段階で、注意すべき「赤旗」がいくつかあります。
- 費目が合算のみで内訳がないケース
- CMS構築や計測設定、品質保証(QA)が見積もりに含まれていないケース
- 異常に短い納期と最低価格の同時提示
- 契約前に著作権やソースコードの共有、管理権限についての取り決めがない
まず、費目が合算のみで内訳がないケース。時間単価や修正回数の記載がなく、どこにどれだけの工数がかかっているのかが不透明な見積もりは要注意です。次に、CMS構築や計測設定、品質保証(QA)が見積もりに含まれていないケース。最初は安く見えても、後日追加費用として膨らむ典型的なパターンです。また、異常に短い納期と最低価格の同時提示もリスク要因です。品質が犠牲になる可能性や、スコープが勝手に縮小される危険があります。さらに、契約前に著作権やソースコードの共有、管理権限についての取り決めがない場合も要注意です。公開後の運用や改修がスムーズにできなくなるリスクにつながります。
交渉ポイント(値下げ以外の選択肢)
予算に制約がある場合、単純に「値下げ交渉」するのではなく、工夫によってコストを調整する方法があります。たとえば、スコープ調整。撮影やコピーライティングを自社で対応したり、アニメーションを段階的に導入したりすることで、制作費を抑えられます。また、段階公開という方法もあります。まず必要最低限のページ数で公開し、その後月次改修でページを追加していくスタイルです。これによりキャッシュフローを平準化しつつ、公開スピードも確保できます。さらに、再利用設計を意識して依頼するのも有効です。コンポーネント化を進めておけば、将来のページ追加や改修を低コストで行えるようになります。
投資回収の考え方(LP/採用サイト)
「投資回収」は単発の“費用対効果”で白黒をつける話ではなく、事業の成長装置としてサイトを育てる視点で捉えるのが肝心です。Studioで作るLPや採用サイトは、公開した瞬間から“学習する媒体”になります。小さく始め、計測とフィードバックを通じて磨き続けるほど、成果は着実に積み上がっていきます。
LP(リード・売上に直結する面)
LPは、広告やSNSで生まれた期待とファーストビューが約束する価値が噛み合っているかどうかが出発点です。そのうえで、訴求の順番や証拠となる情報の見せ方を整え、フォーム到達までの迷いを最小限に抑えると、読み進める力が自然に高まります。公開後は見出しやCTAの言い回し、セクション構成の組み替えなどを段階的に試し、良かった要素をテンプレート化して横展開していきます。仮説→検証→定着のサイクルが回り始めると、集客から成約までの歩留まりが滑らかになり、回収への道筋が明確になります。
採用サイト(人材獲得・定着に効く面)
採用サイトは、自社のカルチャーや評価の基準、成長の道筋を率直に言語化し、候補者が働くイメージを持てる状態にすることがスタートです。職種ごとに必要な情報を整理し、応募までの導線と面談までの期待値を丁寧にそろえることで、歩留まりが安定していきます。さらに、インタビュー記事や制度の更新を社内で回せる体制を整えておくと、魅力の“鮮度”が保たれ、常に選ばれる状態に近づきます。採用は一度の応募で終わらず、継続的に質の高い母集団を作る活動であるため、運用のしやすさがそのまま投資回収力に直結します。
価値が“複利”で効く仕組み
一度当たった訴求や有効なコンポーネントは、他ページや別施策へ再利用でき、改善の成果が横にも縦にも広がります。計測は結果を評価するためだけでなく、学習の速度を上げるための羅針盤であり、次の打ち手の確度を高めます。最初から完璧を目指すよりも必要十分な範囲で公開し、学びを得ながら優先度の高い箇所から強化していく段階公開のアプローチは、無理のないキャッシュフローと着実な成長の両立に役立ちます。
要するに、制作費は“終わりのないコスト”ではなく“成長のための初期投資”です。正しい順番で仮説を立て、運用で学びを回収し、成果に寄与する要素へ配分を集中させる――このサイクルが回り始めれば、投資の手応えは前向きに積み上がっていきます。
まとめ:相場に振り回されないために
結局のところ、相場に振り回されない最短ルートは“価格表を比べること”ではなく、目的→要件→工数の順で意思決定を固めることです。まず「誰に・何を・どの指標で成功とみなすか」を明確化し、次に必要なページ数やテンプレート、モーション表現、CMSの範囲、計測要件までを具体化する。ここまで定義できれば、見積もりは感覚値ではなく工数×単価で説明可能になり、Studio制作代行 相場のブレは自然と収束します。
さらに、制作費だけで判断せず、「何にいくら使うか」を工程別の内訳で合意し、公開後の月額運用費・改修費・将来発生しうる費用(撮影・多言語・追加テンプレート)まで含めた総コスト(TCO)で比較しましょう。成果への寄与が薄い要素はスコープから外し、優先度の高い要素は段階導入する――この順番を守れば、限られた予算でも事業目標に沿った合理的な配分ができます。
本記事のチェック項目とケーススタディを手元に、依頼先とは「内訳の透明性」と「運用までの見通し」にフォーカスして合意形成を進めてください。相場はあくまで“幅”。意思決定の解像度を上げるほど、あなたのプロジェクトにとっての最適価格が見えてきます。
最後にそんなStudioのWebサイト制作のご依頼・相談はぜひお気軽にドコドアまでお問い合わせください。
経験豊富なスタッフが、Studioの制作から運用まで丁寧にサポートいたします。
◎ホームページはこちら
◎お問い合わせ・ご相談はこちら
ドコドア エンジニア部
このブログでは、アプリ開発の現場で培ったフロントエンド、バックエンド、インフラ構築の知識から生成AI活用のノウハウまで、実践的な情報をアプリ開発に悩む皆様へ向けて発信しています!
【主な技術スタック】 Flutter / Firebase / Svelte / AWS / GCP / OpenAI API