秘密の地図の写真左
本当は知られたくないWebサイト制作の秘密のタイトル画像(02 SECRETS)
 

3. Web制作費用と業者の請求方法

 
 
 
コーディング・ロゴ コーディング・ロゴ コーディング・ロゴ コーディング・ロゴ
 
 
 
  Web制作費用は、依頼先によって大きく変動します。「個人事業主・フリーランサー」「中堅制作会社」「大手制作会社」では、料金体系や対応できる業務内容が大きく異なります。個人事業主・フリーランサーに依頼すれば最も費用を抑えられますが、対応範囲は比較的シンプルなサイトに限られることが多い傾向があります。

一方、SEO・Web解析・マーケティング施策を含めた制作や、大規模なECサイトの構築・運用といった高度な案件については、中堅企業や大手制作会社の方が納期の安定性や品質面で優位ですが、その分費用は高くなります。Web制作費用は大きく「固定費」と「変動費」に分類されます。事前にそれぞれの内訳を理解し、初期費用とランニングコストの見積もり方式(業者ごとの請求パターン)を把握しておくことが、全体コストの最適化に欠かせません。また、自分で対応できること/できないこと、用意できるもの/できないものを見極めることも重要です。

現在は、AIやノーコード技術の普及により制作効率が大幅に向上し、アイデア出し・文章作成・コーディングの自動化によって、コスト削減や納期短縮が進んでいます。一方で、独自デザインや高度なシステム連携を伴う制作には専門的な技術が必要なため、費用は増加する傾向があります。また、モバイルファーストや直感的な操作性を重視したUX設計の重要性が高まり、アニメーションや動画活用、Web解析に基づくパーソナライズなど、より高品質なユーザー体験が求められています。

ノーコードツールを利用することで低コストで一定品質のサイトを構築しやすくなった一方、プラットフォーム依存によって自由にコードを修正できず、将来的に別のプラットフォームやCMS、従来型のWeb制作方式への移行が難しくなるケースがあります。そのため、拡張性や追加機能の見込みを踏まえた初期設計が重要です。

目的地が明確でなければ、最適な手段(ツール)を選ぶことはできません。したがって、まずWebサイト制作の目的を明確にすることが出発点となります。目的が定まれば、依頼先の選定、必要機能の有無、初期費用とランニングコストの概算シミュレーションが可能になります。Webサイトの目的は大きく4つに分類できますが、用途同士が重なる場合もあるため、重要度や優先順位を明確にしておきましょう。Webサイトの見た目や機能が異なっても、「目的」は次の4種類に集約できます。また、1→2→3→4の順に、企業のデジタル活用の成熟度も推し量ることができます。

1. 認知してもらう(企業や商品・サービスを知ってもらうための企業サイト、商品・サービス紹介サイト)
2. 行動してもらう(購入・応募など行動を促すためのLP / ランディングページ・採用サイト・キャンペーンページ)
3. 継続的な関係を築く(定期的に情報提供したり、集客するためのオウンドメディアやブログなど)
4. 業務を効率化する(サイト上での取引・サービス提供を効率化するためのECサイト・会員制サービス)
 
     
     
     
   
     
     
     
 

Web制作費用一覧(相場 | 2025年度 | 最新版)

 
 

 

項目 内容 相場 web.180.co.jp
初期費用 ヒアリング・企画構成 要件整理・サイト構成作成 ¥30,000~¥150,000 見積無料
オリジナルデザイン・配色
(トップページ)
オリジナルデザインの場合 ¥50,000~¥200,000
オリジナルデザイン・配色
(下層ページ)
ページ数で変動 ¥10,000~¥50,000/ページ
コーディング
(トップページ)
PC+スマホ+タブレット
レスポンシブ対応
¥30,000~¥150,000
コーディング
(下層ページ)
デザイン難度、ページ数で変動 ¥10,000~¥60,000/ページ
簡易アニメーション CSSのみで実装
ホバー・スライドなど
¥5,000~¥20,000/ページ
複雑アニメーション CSS+JavaScriptで実装
スクロール・複数要素連動など
¥20,000~¥50,000/ページ
新規サイトのSSL化(https://) サイト全体をHTTPS化 ¥5,000~¥20,000
既存サイトのSSL化(https://) リダイレクト設定
サイトマップ更新
検索エンジン向け通知
内部リンク・静的ファイル修正
¥2,000~¥15,000/ページ
お問い合わせフォーム 簡易~複雑多機能で変動 ¥10,000~¥50,000
お見積もりフォーム
(自動計算付き)
簡易~複雑多機能で変動 ¥50,000~¥500,000
偽装メール防止設定
(SPF・DKIM・DMARC)
ドメイン・メールサーバー設定 ¥10,000~¥50,000
SEO対策 キーワード設計
HTMLコード修正
構造化データ
セマンティック構造
PHPでsitemap.xmlを自動生成
Google Search Console送信
¥50,000~¥500,000
CMS構築(WordPressなど) 基本設定+カスタム投稿機能
ニュース・スタッフ紹介など
¥30,000~¥200,000
保守/運用
費用
サーバー費用 レンタルサーバー ¥500~¥3,000/月 見積無料
ドメイン更新費 .com基準 ¥1,000~¥3,000/年
SSL証明書 無料Let’s Encrypt
有料SSL
無料
~¥10,000/年
更新作業
(レイアウト変更なし)
文言変更・画像差替えなど ¥5,000~¥20,000/月
更新作業
(レイアウト変更あり)
ページ数・デザイン性で変動 ¥10,000~¥100,000/月
CMS保守(WordPressなど) バージョン更新・バックアップ ¥10,000~¥30,000/月
サーバー・サイト管理・監視 障害対応・稼働チェック ¥5,000~¥30,000/月
機能別
追加費用
会員制サイト ログイン・会員管理 ¥100,000~¥500,000 見積無料
採用ページ・各種フォーム PHP・メール転送設定 ¥30,000~¥200,000
予約システム連携 外部サービス連携も含む ¥30,000~¥150,000
ECサイト構築・連携 商品登録・決済・発送管理
外部サービス連携も含む
¥200,000~¥1,000,000以上
多言語対応 静的ページ作成・JavaScript切り替え・CMS利用などで変動 ¥30,000~¥200,000/言語
API連携 Google Maps・SNS各種連携
チャットウィジェット各種連携
¥30,000~¥200,000
オプション
費用
ロゴ制作 ブランドデザイン ¥30,000~¥150,000 見積無料
画像制作 簡易~複雑まで変動
既存素材の利用で安価に
¥5,000~¥150,000
動画制作 各種動画作成(YouTube連携) ¥100,000~¥500,000
GIFアニメーション 簡易~複雑まで
フレーム数・長さで変動
¥5,000~¥100,000/枚
SVGアニメーション 簡易~複雑まで
CSS・JavaScript連動含む
¥5,000~¥150,000/SVG
写真撮影 人物・店舗など ¥30,000~¥150,000
ライティング SEO考慮の文章作成 ¥5,000~¥20,000/ページ
 
     
     
     
 

業者の請求方法とは?

 
  Web制作費用は「初期費用」「保守・運用費用」「機能別追加費用」「オプション費用」などに分類できますが、「フリーランサー・個人事業主」「中堅制作会社」「大手制作会社」のどこに依頼するかによって、相場は大きく異なります。また、「完成後はできるかぎり自分で更新したい」という要望に応えるために、無料CMS(WordPressなど)や、業者が独自に開発したCMSを利用することで費用を安く抑えられると謳われることがあります。しかし実際には、CMS保守・メンテナンス費用やシステム利用料などの名目で継続的なランニングコストが積み上がる結果になりかねません。

マウス操作のみで制作できる、コーディング不要のノーコード需要も高まっていますが、特定プラットフォームに依存するため、自由なコード編集や外部データ移行に制限があるのが現状です。また、コードが存在しないため外部業者へ依頼しづらい点も考慮する必要があります。さらに近年では、「無料CMS/ノーコード」と「有料ホスティングサービス」の一体化が進み、結果として継続的にランニングコストが発生する仕組みが増えている点にも注意が必要です。

業者側は、一度きりの費用発生で顧客との関係が完結することは稀で、AdobeのWeb制作ソフトのように、サブスクリプションや月額料金を設定し、長期的に料金を回収して利益を確保しようとする請求モデルが主流になっています。さらに、CMSを利用すればすべての作業が自分で完結できるわけではなく、無料CMSや独自CMSを顧客に利用させることで、継続的に必要となるであろうサポート費用を確保する仕組みになっていることこそ、業界の裏事情であり、知られたくない秘密の1つなのです。
 
     
     
     
   
     
 
 
コーディング・ロゴ コーディング・ロゴ コーディング・ロゴ コーディング・ロゴ
 
2. Web制作ソフト・CMS・ノーコード < BACK
 
宝箱の写真右