Web blog WEBブログ

CSS外注の料金相場|3つの見積もり方式と費用を左右する要素

2026.08.15

※この記事は2026年08月15日時点の情報をもとに作成されました。

「CSSだけ直してほしい」「コーディングだけ外に出したい」——制作会社やフリーランスの方から多いご相談です。ただ、CSS単体の外注は料金の基準が見えにくく、見積もりを取っても比較しづらいのが実情です。ここでは費用の考え方を、方式・変動要因・確認事項に分けて整理します。

CSS外注の料金は3つの方式に分かれる

まず、見積もりの出し方そのものが3種類あります。どの方式で見積もられているかを把握しないと、金額の比較ができません。

ページ単価

デザインカンプ1ページあたりで見積もる方式です。新規制作で最も一般的です。

  • トップページ:15,000〜40,000円
  • 下層ページ:8,000〜20,000円

レスポンシブ対応の有無、アニメーションの量で上下します。同じ「1ページ」でも、要素の少ない会社概要ページと、複数のセクションが積み重なるトップページでは工数が数倍違うため、この幅が生まれます。

時間単価

既存サイトの修正や、範囲が読めない作業で使われます。1時間あたり4,000〜10,000円が目安です。

「ここが崩れているので直してほしい」といった依頼はこの方式が向いています。調査に時間がかかるか、すぐ原因が分かるかを事前に判断できないためです。逆に、範囲が明確な新規制作を時間単価で受けると、発注側は総額が読めません。

月額(準委任)

継続的に依頼する場合の方式です。月20時間で8〜15万円程度から。毎月一定量の依頼が見込めるなら、単発で頼むより単価が下がります。

案件ごとの見積もり作業が不要になるため、細かい修正を頻繁に依頼したい場合に向いています。

金額を左右する要素

同じページ数でも、条件によって見積もりは倍近く変わります。主な要因は次の5つです。

レスポンシブの対応幅

PC・タブレット・スマホの3段階か、PC・スマホの2段階かで工数が変わります。タブレット向けの調整は、実機確認も含めると想像以上に手間がかかります。

対応ブラウザの範囲

古いブラウザを含めるほど、確認と調整が増えます。「主要ブラウザの最新版のみ」と「特定バージョン以降すべて」では、検証工数が大きく変わります。

デザインデータの精度

最も影響が大きい要素です。余白、フォントサイズ、色が整理されたデータか、指定が曖昧かで見積もりは倍近く変わります。

「ここは何pxですか」という確認が10往復すれば、それだけで数時間が消えます。しかもその時間は、発注側にとって何も生みません。デザインデータを整理してから渡すだけで、費用も納期も改善します。

CSS設計の指定

命名規則やコンポーネント設計の指定があるかどうかです。指定があれば、それに合わせる手間が加わります。指定がなければ自由に書けますが、後から別の人が触るときのコストが上がります。

既存コードへの追加か、新規か

既存サイトの改修は、まず現状のコードを読み解く時間が加わります。特に、複数の人が継ぎ足してきたCSSは構造が把握しづらく、見積もりが上がる要因になります。

安く見える見積もりで確認すべき5点

  1. レスポンシブは含まれるか(別料金のことがあります)
  2. ブラウザ確認の範囲(どの環境まで検証するか)
  3. 修正対応の回数(何回まで無償か)
  4. 納品形式(HTML/CSS一式か、WordPressへの組み込みまでか)
  5. ソースの権利(納品後に自由に改変できるか)

1〜2が抜けている見積もりは、後から加算されて結局高くつくことがあります。特にレスポンシブは「当然含まれる」と思い込みやすい項目なので、明記されているか確認してください。

3番目も揉めやすい部分です。「修正1回まで」と「軽微な修正は無制限」では、実質的な金額が変わります。

費用を抑えるコツ

発注側の準備で、見積もりは確実に下がります。

  • デザインデータの余白・文字サイズ・色を整理してから渡す
  • 対応ブラウザと画面幅の基準を最初に伝える
  • 「ここは既存の流用でよい」箇所を明示する
  • 納期に余裕を持たせる(短納期は割増になります)
  • 判断できる担当者を決めておく

最後の項目は見落とされがちです。確認のたびに社内調整で数日待つ状態だと、外注先の稼働も止まり、結果的に納期が延びます。納期が延びれば、その分の管理コストも発生します。

1ページだけ試すという方法

金額だけで判断せず、まず1ページ依頼して書き方と精度を確認するのが確実です。納品されたコードを見れば、命名規則、可読性、レスポンシブの作り込みが分かります。

相性が確認できてから残りをまとめて依頼すれば、大量に発注してから「書き方が合わない」と気づく事態を避けられます。継続するなら月額の枠に切り替える、という進め方が無理がありません。

まとめ

  • 見積もり方式はページ単価・時間単価・月額の3種類
  • 金額を最も左右するのはデザインデータの精度
  • レスポンシブと修正回数の扱いを必ず確認する
  • 発注側の準備で費用は下がる
  • まず1ページで相性を確かめるのが確実

まとめ

当社では制作会社様からのコーディング・CSS改修を承っています。デザインデータをお送りいただければ、範囲と概算をお返しします。1ページからのお試しにも対応しています。

ご相談・カスタマイズご依頼

弊社では上記ブログ内容にある修正・カスタマイズのご依頼も承っております。
ご自身で行ってみて上手くいかない場合などこちらよりお気軽にご相談ください。

この記事を書いた人 株式会社 RunLand 管理者

無料相談窓口