「スマホ対応で追加料金がかかると言われたが、これって普通なの？」そんな疑問を抱えていませんか。結論から言えば、スマホ対応にはPCサイトとは別の設計・開発工数がかかるため追加費用は発生しますが、その内訳を知らないと損をする可能性があります。本記事では、後悔しないための適正相場と、コストを抑える秘訣をプロの視点で紐解きます。
スマホ対応サイト制作の追加料金はいくら？相場をパターン別に解説
- 新規制作時のスマホ対応は、PCのみの制作費の1.5倍〜2倍が目安
- 既存サイトの後付けスマホ化は、ページ数や構造により数万円〜数十万円と幅がある
- 「レスポンシブデザイン」が現在の主流であり、管理コストまで含めると最もコスパが良い
制作会社から出てきた見積もりを見て、「PCサイトを作るついでにスマホでも見られるようにするだけなのに、なぜこんなに高いのか」と感じたことはありませんか？ その感覚は、経営者として非常にまっとうなものです。しかし、制作の現場では「ついで」では済まない作業が発生しています。
Web制作のマッチングサイト『Web幹事』などのデータに基づくと、新規でホームページを制作する際、スマホ対応（レスポンシブデザイン）を含めると、PCサイトのみの制作費用の 1.5倍〜2倍前後 が相場と言われています。
例えば、PCサイトの制作費が30万円なら、スマホ対応込みで45万〜60万円になるイメージです。
一方で、すでにあるPC専用サイトを後からスマホ対応させる場合（別途スマホ専用サイトを作る、あるいはレスポンシブ化する）は、ページ単価で計算されることが多く、トップページで3〜5万円、下層ページで1ページあたり1〜2万円程度の追加費用が一般的です。
この金額差を知っておくだけでも、「高すぎる見積もり」を提示された際に、「相場より高いようですが、特別な仕様が含まれていますか？」と切り返すことができます。まずはこの「1.5〜2倍」という数字を判断基準のベースに置いてください。
なぜ追加費用が発生するのか？デザインと開発の裏側にある工数
- スマホ対応は「画面を縮小する」作業ではなく「情報の再構築」である
- 指での操作（タップ）を考慮したボタン配置やサイズ調整が必要になる
- PCとは異なる「縦長」の視線誘導を設計し直すデザイン工数がかかる
多くの発注者様が誤解されているのが、「スマホ対応＝PCサイトをただ小さく表示すること」という点です。もしそうであれば、自動変換ツールで一瞬で終わりますし、追加費用もかかりません。しかし、実際に求められているのは「スマホで使いやすいサイト」です。
なぜPCサイト制作費の1.5〜2倍もかかるのか。その構造的な理由は、「もう一つの店舗を設計・建築している」 に近いからです。
PCは横長の画面で、マウスを使って操作します。一方、スマホは縦長の画面で、指を使って操作します。この違いは決定的です。
- レイアウトの再構築：横並びだったメニューや画像を、縦並びに組み直す必要があります。これには「どの情報を先に読ませるか」という構成の再設計が含まれます。
- 操作性の最適化（UI/UX）：マウスならクリックできる小さな文字リンクも、指ではタップできません。ボタンを大きくし、余白を広げる調整が必要です。
- 画像データの調整：PC用の大きな画像をそのままスマホで読み込むと、通信速度が遅くなり離脱の原因になります。スマホ用に適切なサイズへ調整する処理が必要です。
つまり、制作会社は「PC用」と「スマホ用」の2つの視点でデザインとコーディング（プログラム記述）を行っています。単純な作業量が2倍になるわけではありませんが、検証や微調整を含めると、どうしても1.5倍以上の工数が必要になるのです。
既存のPCサイトを後からスマホ化（レスポンシブ化）する場合の費用目安
- 古いPCサイトの構造によっては、作り直した方が安いケースがある
- 「現在の見た目のままスマホ対応」は技術的に難易度が高い場合が多い
- 部分的なスマホ化（トップページと問い合わせのみ）でコストを抑える選択肢も
「今あるPCサイトのデザインは気に入っているから、これをそのままスマホで見やすくしてほしい」。そう相談されることも多いですが、実はこれが最も技術者を悩ませ、かつ費用が膨らみやすいパターンです。
数年前に作られたPC専用サイトは、スマホ対応を前提としないプログラム構造（HTML/CSS）で作られています。これを無理やり現在のスマホ対応規格（レスポンシブデザイン）に書き換えるのは、「完成した一軒家を、住んだままマンションにリフォームする」 ような難工事になりがちです。
既存のコードを解析し、崩れないように調整する手間を考えると、ゼロから新規で作り直した方が結果的に安く、かつSEO（検索エンジン対策）的にも有利なきれいなコードになるケースが大半です。
それでも予算の都合で既存サイトを活かしたい場合は、全ページをスマホ化するのではなく、「トップページ」 と 「アクセス情報・問い合わせページ」 だけをスマホ化するという手もあります。これなら工数を大幅に削減でき、ユーザーが最もスマホで見たい情報だけを最適化できます。
見積もり書でチェックすべき「隠れた追加料金」の項目リスト
- 「実機検証費」が含まれているか確認しないと、納品後にトラブルになる
- PC用画像の使い回しか、スマホ専用画像の作成かでクオリティと費用が変わる
- ハンバーガーメニュー（三本線メニュー）の実装費が別項目の場合がある
見積もりの総額だけを見て判断するのは危険です。特にIT知識が乏しいと足元を見られがちなのが、詳細項目の「抜け漏れ」や「不明瞭な加算」です。制作会社と対等に交渉するために、以下のポイントが内訳に含まれているか、あるいは追加料金の対象になるかを確認してください。
- 実機検証費用（デバッグ費）
「スマホ対応しました」と言っても、画面上のシミュレーターだけで確認しているのか、実際のiPhoneやAndroid端末で確認しているのかで工数は段違いです。ここが削られていると、特定の機種でレイアウトが崩れるリスクがあります。 - 画像の最適化（レティナ対応など）
最近のスマホは高画質（Retinaディスプレイ等）です。PC用の画像をただ縮小表示すると、スマホではぼやけて見えることがあります。スマホ用に高解像度画像を別途用意する作業が含まれているか確認しましょう。 - ナビゲーションの実装費
スマホ特有の「三本線のメニューボタン（ハンバーガーメニュー）」をタップした時の動きや、電話ボタンを画面下部に固定する（フッター固定バナー）などの仕様は、標準工事に含まれるのかオプションなのかを聞いておきましょう。
これらを事前に「この項目は見積もりに含まれていますか？」と質問するだけで、制作会社側は「この発注者は詳しいな、適当な仕事はできないな」と背筋を伸ばします。
スマホ対応のコストを最小限に抑えるための賢い発注方法
- 完全オリジナルデザインにこだわらず、テンプレート（テーマ）を活用する
- 「PCサイトと全く同じ情報量」を求めず、スマホ版は情報を削ぎ落とす
- 補助金や助成金を活用し、実質負担額を下げる
ここまで「なぜ高いか」を解説してきましたが、もちろん安く抑える方法はあります。経営者視点で最もROI（投資対効果）が高いのは、「100点満点のオリジナルを求めない」 ことです。
WordPressなどのCMS（更新システム）を使用する場合、すでにスマホ対応が完了している優秀な「テンプレート（テーマ）」が存在します。これを使えば、デザインやレイアウトの設計工数を大幅にカットでき、費用を相場の半分以下に抑えることも可能です。「他社と被りたくない」という懸念があるかもしれませんが、画像や配色を変えれば十分に独自性は出せます。
また、スマホユーザーは長い文章を読みません。スマホ版では思い切ってコンテンツを削減し、「商品の魅力」「価格」「申し込みボタン」だけに絞り込むことで、制作ページ数を減らし、結果としてコンバージョン（成約）率を高めることも可能です。
さらに、IT導入補助金や小規模事業者持続化補助金など、Webサイトの改修やスマホ対応に使える制度は多くあります。これらを活用すれば、費用の2/3程度が戻ってくる場合もあります。発注前に必ず確認しましょう。
まとめ：納得感のある価格でスマホ対応を実現するために
- スマホ対応費用は「コスト」ではなく、機会損失を防ぐ「投資」である
- 「1.5倍」の相場感を持ちつつ、テンプレート活用などで賢くコストダウンを
- 見積もりの不明瞭な点は放置せず、検証範囲や画像処理について質問する
スマホ対応にかかる追加費用は、決して安い金額ではありません。しかし、今やWebアクセスの7割以上がスマホからという業種も珍しくありません。スマホ対応していないサイトは、Googleの検索順位が下がるだけでなく、訪れたユーザーが見づらさにストレスを感じ、その瞬間に競合他社へと流れてしまいます。
提示された見積もりが「高い」と感じたら、まずはその内訳を聞いてみてください。そして、この記事で紹介した「テンプレート活用」や「部分対応」などの選択肢を提示し、予算内で最大の効果が出せる着地点を制作会社と一緒に探ってください。
単に安く済ませることではなく、「集客という成果を生むための適正な投資」 ができたと思えるかどうかが重要です。あなたのビジネスが、スマホ画面の向こう側にいるお客様に正しく届くことを応援しています。
