レスポンシブ対応の平均費用と料金相場【2024年最新版】

HTMLファイルをCSS（スタイルシート）によって制御することで、スマートフォンやタブレットの画面サイズに合わせて表示を最適化するレスポンシブデザイン。

ネットユーザーの80％以上がスマートフォンを利用する今、自社ホームページを持つ多くの企業がレスポンシブ対応（レスポンシブ化）に取り組んでいます。
1つのHTMLファイルで複数の端末に表示できるため、修正・更新作業の手間が省けるうえ、Googleも推奨しており、スマホからの検索順位アップが見込めるなど、運用面のメリットも少なくありません。

そこでこの記事では、レスポンシブ対応にかかる費用の相場や依頼先を選ぶ際のポイントについて詳しくご紹介していきます。自社ホームページのレスポンシブ対応がまだの方、これからスマホ対応のホームページを制作したい方はぜひ参考にしてみてください。

□関連記事：レスポンシブデザインにおすすめなホームページ制作会社

レスポンシブ対応にかかる費用のメインとなるのはプログラマーの人件費。基本的に対応するページの数に応じて料金も増していきます。
また、レスポンシブ仕様のホームページを新規制作する場合は、企画・ディレクション費、デザイン費なども加わります。

ちなみに、前述のとおり多くの利点をもたらすレスポンシブデザインですが、少なからずデメリットもあるので注意しましょう。

その1つがホームページの表示スピード。レスポンシブデザインは単一のHTMLファイルで管理できる反面、ワンソースにPC・スマートフォン・タブレット用のスクリプト（記述）を盛り込むため、読み込みに時間がかかり、ページの表示が遅れることがあります。

また、もともとPC用に作成されたwebサイトに容量の大きい画像が含まれていると、やはりスマートフォンなどで表示が遅くなることがあるようです。

ネットユーザーの8割以上がスマートフォンを利用するといわれる今、こうしたデメリットを考慮してレスポンシブ仕様を避け、スマートフォン専用のwebサイトを制作する企業も増えてきました。レスポンシブ対応を依頼する際は運用にも目を向け、慎重に検討しましょう。

ここからはより具体的に、費目、作業内容別の費用相場についてご紹介していきます。

既存のホームページにレスポンシブ対応を施す場合、ソースコードに「viewport（ビューポート）」というmetaタグを記述し、さらに対応させたい端末それぞれのCSSを用意します。

これによってユーザーの端末ディスプレイの横幅サイズを読み込んで表示サイズを一致させ、端末によって画像・テキストの表示方法を変えたり、表示/非表示を指定したりすることが可能になります。

費用の相場としては、下層ページのレスポンシブ対応が1ページあたり1万円～1万5,000円前後、トップページが2万円～3万5,000円前後。近年はレスポンシブデザインが一般化して、以前よりは相場が下がりつつあるようです。
ただし、ブレイクポイント（※）を増やすと料金が増すこともあります。

レスポンシブ対応をしても、スマートフォンの小さなディスプレイで横幅が極端に大きい画像を表示すると、画像が画面から飛び出したり、縦横のバランスが崩れて歪んでしまったりすることがあります。

これを防ぐためにはCSSの記述を変更して調整する、もしくは画像自体のサイズを変更する必要があり、画像調整の場合、制作会社によって追加費用がかかります。

一般的な費用の目安としては、トップページのメイン画像などの大サイズが1点あたり4,000円～6,000円前後、商品画像などの小サイズが1点あたり2,000円～3,000円前後。

画像の点数が多いホームページだと思わぬ高額になることもあるので、レスポンシブ対応の費用と別に画像調整の費用が発生するのか、事前にきちんと詰めておきましょう。

レスポンシブ仕様のwebサイトを新規制作する場合も、基本的な工程は通常のホームページと変わりません。
料金については1ページあたりの単価を設定している制作会社は少なく、コーディング費に加算されるのが一般的です。

目安としては、PC単体用（あるいはスマホ単体用）のサイトのコーディング費用×1.5倍～2倍前後。

たとえば、全10ページのホームページでコーディング費用が1ページ1万円なら、レスポンシブ対応の費用としてトータル15万円～20万円前後がかかります。そうした一方、最近ではレスポンシブデザインを標準仕様とし、対応費を個別に設定していない制作会社も増えてきました。

※ブレイクポイントとは
CSSの適用スタイルを区切る位置のこと。たとえば、ディスプレイの横幅720px以上/720px未満で適用スタイルを分けるなら、境目となる720pxがブレイクポイントです。ブレイクポイントが多いほど画面サイズに応じてより細かな出し分けができます。

前述のとおり、画像調整を行なう場合は、オプション料金が発生することがあるので注意しましょう。
また、レスポンシブ対応にともない、動的コンテンツ（スライドショーなど）を制御しているJavaScriptに編集を加えると、制作会社によっては別途料金がかかることもあるようです。

ホームページの種類や規模、制作方法によって、レスポンシブ対応の費用は具体的にどう変わってくるのでしょうか？

会社概要や事業内容が記載された一般的なコーポレートサイト（会社案内サイト）であれば、10ページ～15ページ前後に収まることがほとんど。既存ホームページのレスポンシブ化の費用はシンプルに単価×ページ数で決まるため、それほど費用がかさむことはありません。

たとえば全15ページのコーポレートサイトにレスポンシブ対応を施す場合、一般的な費用の相場は16万円～24万円前後（内訳：トップページ：2万円～3万5,000円、下層ページ：1万円～1万5,000円）前後となります。

さらにコストを下げたい場合は、トップページや会社概要など、アクセス数の多いページに限ってレスポンシブ化するのも1つの方法です。

レスポンシブ仕様のホームページを新規制作する場合、レスポンシブ対応の費用に加えて、企画・ディレクション費、コーディング費などがかかります。

仮に全20ページのサービスサイトをレスポンシブデザインでゼロから構築する場合、一般的な相場は60万円～75万円（内訳：企画・ディレクション費：15万円～20万円前後、コーディング・デザイン費：30万円前後、レスポンシブ対応費：15万円～24万円）前後です。

ここまで一般的な相場をお伝えしてきましたが、「いざ発注をしてみたら、思っていた費用感と違った」ということもあるでしょう。ここで、実際にアイミツで発注された事例を１つみてみましょう。

このように、やりたいことによって費用は変動するため、一般的な相場と実際の費用感は異なってしまいます。「自分が発注する場合、どれほどの金額になるのか」リアルな費用感を知ることができますので、ぜひ金額感が気になる方は、こちらからお問い合わせください！

ここからはアイミツで発注先を探すことの３つメリットについて説明します。

お客様の負担は0円。費用は一切かかりません。発注に至った際にも諸費用をご請求することはございません。

コンシェルジュがヒアリングを行った上で、最適な発注先をご紹介します。

ヒアリング内容を踏まえて、最新のAIシステムを活用して発注先の選定をするため、会社選びのミスをなくすことができます。

アイミツのメリットを簡単にご紹介しました。発注初心者の方でも安心して利用できるような体制を整えていますのでお気軽にお問い合わせください。

レスポンシブデザインが一般的になった今、制作会社ごとの料金差は小さくなってきているものの、一部の会社は「管理費」、「メンテナンス費」などの名目で費用を上乗せしようとするケースがあるようなので注意しましょう。

そもそもレスポンシブ仕様そのものに管理費やメンテナンス費はかかりません。次世代のスマートフォン端末に対応するためにCSSを追加したりすることはありますが、その際にかかるのは、あくまでプログラマーの作業費（＝人件費）です。

一概には言えないものの、管理費やメンテナンス費を設けている会社は何らかの思惑（「毎月顧客から一定の売上をあげたい」など）があると考えられるので、避けた方がいいでしょう。

予算が限られる場合、できるだけ費用を抑えたい場合は、アクセス数が多いページ（トップページなど）に限定してレスポンシブ対応するのがおすすめです。

あるいは、「shutto」などのスマホ変換サービスを利用するのも1つ。webサイトの構成などによって表示崩れとなる可能性はゼロではありませんが、安価なうえ、ドラッグ＆ドロップ操作で手軽にスマホ対応サイトを形にできます。

効果のでるホームページを制作するにはそれなりの費用がかかります。そこで、少しでも費用を抑えたいときに役立つのが国や地方自治体の補助金です。以下にホームページ制作に活用できる補助金を3つ厳選してご紹介します。原則、契約前に申請が必要なので、発注先選びと並行して補助金情報を調べるのがおすすめです。

「IT導入補助金」は、ITを活用した中小企業や小規模企業の業務効率化・売り上げの向上を目的とし、ホームページ作成、クラウドツール・業務用ソフトウェアの導入にかかる費用の一部を補助します。最大補助額は450万円・補助率1/2以内です。

出典：IT導入補助金2023　https://www.it-hojo.jp/　
IT導入補助金を活用！おすすめのホームページ制作会社15選はこちらから！ 

「持続化補助金」は、小規模事業者が制度変更に対応し、持続的な経営を実現するために必要な、ホームページ制作など販路拡大に関わる経費を一部補助するものです。通常枠または特別枠（賃金引上げ枠・卒業枠・後継者支援枠・創業枠など）の申請類型いずれか1つの枠のみ申請可能。最大補助額は200万円でウェブサイト関連費の補助率は1/4です。

出典：小規模事業者　持続化補助金（一般型）https://r3.jizokukahojokin.info/

「事業再構築補助金」は、ウィズコロナ・ポストコロナの経済社会の変化に対応するために、事業再構築に前向きな中小企業を支援し、日本経済の構造転換を促すことを目的としています。支援類型は、通常枠や大規模賃金引上枠など合計6つ。補助金額は枠によって異なりますが、最大補助金額は1億5,000万円で、その場合の補助率は2/3から1/2です。

 出典：事業再構築補助金　https://jigyou-saikouchiku.go.jp/  

補助金について、さらに詳しい情報を知りたい方は以下の記事をご覧ください。

補助金を利用する上で何より大切なのは、規定に沿ってきちんと申請を行うことです。事業計画書、経費明細書など、必要な書類は各補助金・助成金の公式ホームページに記載されているため、もれなく準備し、不備のないように記載しましょう。

しかし、補助金申請は揃える書類や申請項目も多く、業務が煩雑になりがちです。スケジュールをきちんと把握しておらず、「気がついたら申請期限を過ぎていた」なんてことが起こる場合も。

「アイミツ」は、申請をスムーズに進められる補助金に詳しいホームページ制作会社を厳選し、「無料」でご紹介可能です。ぜひお気軽にお問い合わせください。

※補助金については2023年5月時点の情報をもとにご説明しています。

最後にホームページ制作会社選びで失敗しないためのポイントについてご紹介します。
レスポンシブ対応の依頼先を決める際は、どんな点に気をつけるべきなのでしょうか？

レスポンシブ対応はCSSの知識さえあればできると思われがちですが、見やすく使いやすいwebサイトに仕上げるためには、デザインやレイアウトのノウハウが欠かせません。

そういった意味では通常のホームページ制作と同様、実績はとても大切な要素です。制作会社各社のホームページをしっかりチェックし、レスポンシブサイトの制作実績が豊富な会社、レスポンシブ対応のBefore/Afterの事例などを載せている会社を選びましょう。

ホームページで不自然な格安料金をうたっている会社はのちのちオプション料金がかさむことがあるので注意しましょう。
また前述のとおり、実体のない管理費やメンテナンス費を設けている会社も避けることをおすすめします。

レスポンシブ対応はすべての端末をカバーする万能の施策ではありません。端末の種類やwebサイトの構造によってはレスポンシブ化の過程でメニューやボタンの位置が変わったり、コンテンツのサイズが不自然に縮小されたりしまうこともあります。

そういった意味では、高望みしすぎない、完璧を求めないのも大事。「ここだけは必ず」という要件をきちんと伝えたうえで、制作会社側の説明・対応に特に不満がないのであれば、あとは予算との兼ね合いで決めるのも1つの手です。

今回はレスポンシブ対応の費用相場や内訳、依頼先を決める際の注意点などについてご紹介しました。
レスポンシブ対応を検討している方の参考になれば幸いです。

レスポンシブデザインに強いホームページ制作会社を知りたい方は、こちらをどうぞ！

なお、アイミツではレスポンシブ対応に関するご相談を無料で承っています。
web制作に精通したコンシェルジュがご予算にあわせて複数の制作会社をピックアップし、まとめて見積もりをとることも可能です。レスポンシブ対応やホームページ制作の依頼先を探している方はお気軽にご連絡ください。