hp制作とは?費用相場・依頼先の選び方・失敗しないコツを解説

Check!

  • hp制作の費用相場と、料金が変わる5つの要因がわかる
  • 制作会社・フリーランス・パッケージ型・自社構築の違いと選び方がわかる
  • 見積もり比較のコツとよくある失敗パターン、公開後の改善の考え方がわかる

hp制作(ホームページ制作)を検討するとき、多くの担当者が最初につまずくのは「いくらかかるのか分からない」「どこに頼めばよいか分からない」という2点です。見積もりを取ってみると金額に数倍の開きがあり、何を基準に比べればよいのか迷ってしまうことも珍しくありません。

この記事では、hp制作の費用相場と料金が変わる要因、制作会社・フリーランス・パッケージ型サービス・自社構築ツールという依頼先ごとの違い、発注前に整理しておきたい要望と見積もり比較のコツ、よくある失敗パターンまでを整理します。あわせて、競合記事ではあまり扱われていない「制作会社に頼まずCMSで自社構築する選択肢」と「公開後のデータ活用で成果を伸ばす視点」も解説します。

自社に合うhp制作の進め方を診断

Q1. hp制作でいちばん不安なことは?

目次

開く

閉じる

  1. hp制作の依頼先比較|制作会社と自社構築ツール、公開後のデータ活用
  2. hp制作の費用相場|規模別の目安と料金が変わる5つの要因
  3. hp制作の依頼先の選び方|制作会社・フリーランス・パッケージ型・自社構築
  4. 業種・目的別に見るhp制作の方針の違い
  5. hp制作で失敗しないための注意点|要望整理と見積もり比較
  6. hp制作でよくある失敗パターン
  7. hp制作の進め方|発注から公開・運用までの6ステップ
  8. hp制作費用を数値で確認する|初期費用と運用費の簡易シミュレーター
  9. よくある質問(FAQ)
  10. まとめ|hp制作で押さえたい4つのこと
  11. 参考文献

hp制作の依頼先比較|制作会社と自社構築ツール、公開後のデータ活用

hp制作の依頼先は「制作会社に任せる」か「ツールで自社構築する」かの二択ではなく、公開後に誰がどう運用し、どう成果を測るかまで含めて選ぶと失敗しにくくなります。ここでは、ノーコードで更新できる国産CMSのClipkitと、サイト公開後の顧客データ活用を支援するb→dashを比較の一例として紹介します。両者は役割が異なり、どちらか一方が常に優れているわけではありません。

比較項目 b→dash Clipkit
提供会社 株式会社データX 株式会社ベクトル
hp制作での役割 公開後のデータの取り込み・加工・統合・抽出・活用をまとめて行い、サイトの成果改善に役立てる サイトを構築し、コンテンツをノーコードで作成・更新する国産CMS
向いているケース 問い合わせや資料請求の数を増やしたいなど、サイトを成果につなげる仕組みを整えたい デザインの自由度を保ちながら、公開後の更新は社内で行いたい
主な強み(GOOD) データの加工・統合をテンプレートで簡潔にでき、直感的な操作で扱える。導入から運用までのサポートで運用体制を構築できる HTML/CSS/JavaScriptを編集でき、デザインの制限がない。コンテンツ更新はノーコード。SaaS/SaaS占有プランなら運用保守の手間やコストがかからない
留意点(MORE) 料金を確認するには問い合わせが必要 支払い方法は銀行振込のみ

選び分けの目安は、サイトの課題が「作る・更新する」側にあるか、「成果を測って改善する」側にあるかです。制作会社に毎回更新を依頼していて費用と時間がかかっている、あるいはこれから自社でサイトを持ちたいという段階なら、Clipkitのようなノーコード更新ができるCMSが候補になります。すでにサイトはあるものの問い合わせが増えない、どのページが成果につながっているか分からないという段階なら、b→dashのようにデータを統合して活用する仕組みが役立ちます。

公開後のデータ活用は、制作の見積もりに含まれないことが多い領域です。作ったサイトを営業やマーケティングの成果につなげたい企業は、制作の段階からデータをどう集めて活用するかを決めておくと、後からの手戻りを防げます。

株式会社データX

b→dash

b→dash
出典:bdash-marketing.com

株式会社データX

b→dash

All in oneでデータの取込・加工・統合・抽出・活用を実現!CMS・WEB制作に役立てたい企業におすすめ

GOOD

ここがおすすめ!

  • 加工/統合もテンプレートで作業を簡潔にできる
  • 直感的な操作で誰でも簡単に制作が可能
  • 導入〜運用までのサポートにより、確実に運用できる体制を構築できる
MORE

ここが少し気になる…

  • 料金を確認するには問い合わせが必要

一方、制作会社に全面依頼するか自社構築するかを迷っている場合は、まず更新のしやすさとデザインの自由度を両立できるCMSかどうかを確認しましょう。CMS全体を広く比べたい方はCMSのおすすめ徹底比較17選も参考になります。

株式会社ベクトル

Clipkit

Clipkit
出典:clipkit.co

株式会社ベクトル

Clipkit

自由度の高いWEBデザインを実現する国産CMS!コンテンツの更新しやすさをお求めの方におすすめ

基本情報

GOOD

ここがおすすめ!

  • HTML/CSS/JavaScriptを編集でき、デザインの制限がなく自由度が高い
  • コンテンツの作成/更新はノーコードでできるため、SEO対策などに集中しやすい
  • SaaS/SaaS占有プランなら、運用保守に手間やコストがかからない
MORE

ここが少し気になる…

  • 支払い方法は銀行振込のみ

hp制作の費用相場|規模別の目安と料金が変わる5つの要因

hp制作の費用は、ページ数・デザインの作り込み・CMS導入の有無・外部システム連携・セキュリティ要件の5つで大きく変わります。同じ「10ページのコーポレートサイト」でも、テンプレートを使うかオリジナルでデザインするかで金額に数倍の差が出るため、相場は幅で捉え、内訳で比べることが大切です。

規模別に見た費用の目安

制作会社や比較メディアが公開している相場情報を整理すると、おおむね次のような傾向があります。金額は依頼先・地域・時期によって変動するため、あくまで考え方の目安として捉え、実際の金額は必ず見積もりで確認してください。

規模・タイプ 主な中身 費用感の傾向
小規模・テンプレート型 数ページ程度。既存テンプレートに文章と写真を当てはめる 最も安価な価格帯。パッケージ型サービスでは月額料金に制作費が含まれる場合もある
中規模・オリジナルデザイン型 20ページ前後。企業のコーポレートサイトや集客用サイト。CMSで更新可能にする 数十万円から百万円台が中心とされることが多い
大規模・システム連携型 多言語対応、会員機能、基幹システムや顧客管理システムとの連携を含む 要件次第で数百万円以上になることもある

見積もりを見るときは、総額よりも内訳に注目します。一般的な内訳は、ディレクション費(進行管理)、企画・設計費、デザイン費、コーディング費、CMS構築費、撮影・原稿作成費、サーバー・ドメイン費、公開後の保守運用費です。このうち撮影・原稿作成と保守運用は、見積もりに含まれているかどうかが会社によって異なるため、総額だけを並べると正しく比較できません。

料金を左右する5つの要因

  1. ページ数:ページごとにデザインとコーディングの工数が発生するため、最も分かりやすい変動要因です。同じレイアウトを使い回せるページは単価が下がる傾向があります。
  2. デザインの作り込み:テンプレート利用か、完全オリジナルか。アニメーションやイラスト制作を含むと工数が増えます。
  3. CMS導入の有無:公開後に社内で更新するならCMSが必要です。構築費はかかりますが、更新のたびに外注する費用を減らせます。
  4. 外部システム連携・多言語対応:予約システム、顧客管理システム、決済などとの連携や、英語など多言語ページの追加は、設計と検証の工数が大きく増えます。
  5. セキュリティ要件:問い合わせフォームで個人情報を受け取る場合や、会員機能を持つ場合は、脆弱性対策や通信の暗号化などの要件が加わります。独立行政法人情報処理推進機構(IPA)の「安全なウェブサイトの作り方」は、発注者が要件を考える際の参考になります。

費用を抑えたい場合、ページ数を絞る、写真や原稿を自社で用意する、テンプレートを活用する、といった方法が一般的です。さらに見落とされがちなのが公開後の費用です。制作費が安くても、更新のたびに外注費がかかる契約では、数年単位で見ると総額が逆転することがあります。制作費と運用費を合わせた数年分の総額で比べる視点を持ちましょう。

なお、中小企業や小規模事業者がITツールを導入する際には、国の補助制度が用意されています。従来IT導入補助金として知られてきた制度は、2026年度は「デジタル化・AI導入補助金」として案内されています。ホームページ制作そのものが対象になるかどうかは、制度や枠ごとの要件によって異なり、対象外となるケースもあります。検討する場合は、公式サイトで最新の公募要領を必ず確認してください。

hp制作の依頼先の選び方|制作会社・フリーランス・パッケージ型・自社構築

hp制作の依頼先は、制作会社、フリーランス、パッケージ型サービス、CMSを使った自社構築の4つに大きく分けられ、費用・品質・運用のしやすさのバランスがそれぞれ異なります。自社の予算だけでなく、社内にサイトを更新できる人がいるか、公開後にどこまで伴走してほしいかで選ぶのがポイントです。

依頼先 長所 短所 向いている企業
制作会社 企画から設計・デザイン・開発まで一貫して任せられる。チーム体制で品質が安定しやすい 費用は高めになりやすい。公開後の更新も依頼すると継続費用がかかる 集客や採用など目的が明確で、戦略設計から任せたい企業
フリーランス 費用を抑えやすく、やり取りが直接で柔軟 スキルの幅や対応範囲は個人差が大きい。病気などで作業が止まるリスクがある 小規模なサイトを低コストで作りたい企業、要件を自社で固められる企業
パッケージ型サービス テンプレートと月額料金で初期費用を大きく抑えられる デザインや機能の自由度に制約がある。解約時にサイトを持ち出せない契約もある とにかく早く安くサイトを持ちたい店舗や小規模事業者
CMSで自社構築 公開後の更新を社内で素早く行える。必要な部分だけ外注する組み合わせも可能 社内に運用担当者が必要。設計やデザインの品質は担当者のスキルに左右される お知らせや事例、ブログを頻繁に更新したい企業

競合比較で見落とされがちな「自社構築+部分外注」という選択肢

hp制作の依頼先は「制作会社かフリーランスか」で語られることが多いのですが、実務では、CMSで土台を用意し、トップページのデザインや撮影など専門性の高い部分だけをプロに依頼する進め方も広く取られています。この方法なら、初期費用を抑えつつ、日々の更新は社内で完結できます。

ただし、自社構築を選ぶ場合は、担当者が異動・退職しても運用が止まらない体制を作ることが前提です。更新手順をマニュアル化する、複数人が管理画面を扱えるようにする、デザインのルールを文書にしておく、といった準備をしておきましょう。サーバーを自社で契約する場合はおすすめのレンタルサーバー8選も参考になります。

フリーランスに発注するときの確認事項

2024年11月に施行された特定受託事業者に係る取引の適正化等に関する法律(フリーランス法)により、事業者がフリーランスに業務を委託する際には、業務内容・報酬額・支払期日などの取引条件を書面や電子メール等で明示することが求められています。個人のWebデザイナーやエンジニアに発注する場合は、口約束で進めず、条件を文書で残しましょう。詳細は公正取引委員会の特設サイトで確認できます。本記事は法的助言を目的としたものではないため、個別の判断は専門家に相談してください。

業種・目的別に見るhp制作の方針の違い

同じhp制作でも、BtoB企業のリード獲得サイトと、小規模店舗のブランディングサイトでは、重視すべき機能と予算の配分がまったく異なります。自社がどちらに近いかを先に決めておくと、依頼先への要望も具体的になります。

観点 BtoB企業のリード獲得サイト 小規模店舗のブランディングサイト
主な目的 問い合わせ・資料請求・セミナー申込の獲得 店舗やブランドの認知、来店・予約
重要なページ サービス紹介、導入事例、資料ダウンロード、問い合わせフォーム トップ、メニュー・商品、アクセス、予約導線
予算をかけたい部分 導線設計、フォーム、公開後の効果測定とデータ分析 写真・デザインの世界観、スマホでの見やすさ
更新頻度 事例やコラムを継続的に追加 季節メニューやキャンペーンなど短いサイクル
成果指標の例 問い合わせ件数、問い合わせ率、商談化の割合 予約件数、地図・電話ボタンのクリック数

BtoB企業のサイトは、公開した時点がスタートです。どの経路から来た訪問者が、どのページを見て、どこで離脱しているかを把握し、フォームの項目数や資料請求への導線を改善していくことで問い合わせ率が変わります。こうした改善には、アクセス解析だけでなく、問い合わせ後の商談状況など社内のデータと組み合わせて見る仕組みが必要です。アクセス解析の基本は無料で使えるアクセス解析ツールおすすめ2選、ページ単位の改善はおすすめのLPOツール4選も参考になります。

小規模店舗のサイトは、写真の質とスマホでの見やすさが印象を大きく左右します。ページ数は少なくてよい一方、営業時間やメニューの変更をすぐに反映できないと、来店客とのトラブルにつながります。デザインは最初にプロの力を借り、日々の更新は自分たちで行える仕組みにしておくと、費用と鮮度のバランスが取りやすくなります。

中小企業庁の中小企業白書でも、中小企業のデジタル化の取り組み状況や課題が継続的に取り上げられています。自社の規模や業種で何から始めるべきかを考える際の参考にするとよいでしょう。

hp制作で失敗しないための注意点|要望整理と見積もり比較

hp制作の失敗の多くは、発注前に目的と要望を整理しないまま見積もりを取り、条件のそろわない金額を比べてしまうことから起こります。次の3つの準備をしておくと、見積もりの精度が上がり、契約後の追加費用も防ぎやすくなります。

要望を1枚の資料にまとめる

依頼先に伝える要望は、口頭ではなく簡単な資料(提案依頼書)にまとめるのがおすすめです。最低限、次の項目を書いておきましょう。

  • サイトの目的と、公開後に追いかける成果指標(問い合わせ件数、予約件数など)
  • 想定する読者(業種・役職・年代など)
  • 必要なページの一覧とおおよそのページ数
  • 必要な機能(問い合わせフォーム、ブログ、予約、多言語など)
  • 公開後に社内で更新したい範囲と、更新する担当者
  • 予算の上限と公開希望時期
  • 参考にしたい他社サイトと、その理由

同じ条件で複数社の見積もりを比べる

見積もりは2社から3社程度に同じ資料を渡して依頼し、内訳の項目をそろえて比べます。特に確認したいのは、原稿作成や撮影を誰が行うか、修正は何回まで無料か、公開後の保守運用に何が含まれるか、サーバー・ドメインの契約名義は誰になるかの4点です。金額が安い見積もりは、これらが含まれていない可能性があります。

契約前に権利と追加費用の条件を確認する

制作物の著作権がどちらに帰属するか、デザインデータやソースコードを納品してもらえるか、写真やイラストの利用範囲はどこまでか、といった点は契約書で明確にしておきます。著作権の基本的な考え方は文化庁のページで確認できます。また、問い合わせフォームで個人情報を取得する場合は、個人情報保護法に沿ったプライバシーポリシーの掲載や安全管理措置が必要になります。追加費用が発生する条件(仕様変更、ページ追加、公開日の延期など)も、事前に書面で確認しましょう。

hp制作でよくある失敗パターン

hp制作でよく見られる失敗は、「安さだけで選んだ」「公開後に更新できない」「作ったが成果を測っていない」の3つです。スイッチを切り替えると、それぞれの回避策を確認できます。

よくある失敗 回避策

失敗パターン1:総額の安さだけで依頼先を決めた。原稿作成や修正が別料金で、最終的な支払いは他社の見積もりを上回った。

失敗パターン2:更新を想定せずに作った。お知らせ1件の追加にも制作会社への依頼が必要になり、情報が古いまま放置された。

失敗パターン3:公開して満足した。アクセス数も問い合わせ数も確認しておらず、リニューアルの効果を説明できなかった。

3つの失敗に共通するのは、hp制作を「サイトを納品してもらう買い物」として捉え、公開後の運用まで設計していないことです。ホームページは公開後に更新と改善を続けることで成果につながります。発注の段階で、誰が更新し、何の数字を見て、どのくらいの頻度で改善するかまで決めておくと、制作費をかけた意味が生まれます。

もう1つ見落とされやすいのが、サーバーやドメインの契約名義です。制作会社の名義で契約されていると、依頼先を変えるときにサイトやメールアドレスを移せないことがあります。自社名義で契約するか、移管の条件を契約書に明記しておきましょう。検索からの集客を狙う場合は、公開後のSEOの効果を確認する方法も検討しておくとよいでしょう。SEOツールおすすめ6選を比較も参考になります。

hp制作の進め方|発注から公開・運用までの6ステップ

hp制作は、目的の整理、依頼先の選定、設計、デザインと開発、公開前の確認、公開後の運用という6つのステップで進むのが一般的です。各ステップで発注者が決めるべきことを把握しておくと、制作会社に任せきりにならず、スケジュールの遅れや手戻りも防げます。

  1. 目的と要件を整理する:サイトの目的、成果指標、必要なページと機能、予算、公開時期を社内で決め、要望資料にまとめます。関係部署の意見はこの段階で集めておきます。
  2. 依頼先を選定する:候補の実績を確認し、同じ資料で見積もりと提案を依頼します。面談で担当者との相性や、公開後の対応範囲も確かめます。
  3. サイトの設計を固める:ページ構成(サイトマップ)と、各ページに載せる要素の配置(ワイヤーフレーム)を決めます。ここで合意しておくと、後の大きな修正を防げます。
  4. デザインと開発を進める:デザイン案の確認、原稿と写真の提供、CMSの構築を行います。発注者側の原稿準備が遅れると全体が遅れるため、担当者と期限を決めておきます。
  5. 公開前に確認する:スマホとパソコンでの表示、リンク切れ、問い合わせフォームの送信テスト、誤字脱字、プライバシーポリシーの掲載、アクセス解析の設定を確認します。
  6. 公開後に運用・改善する:定期的に情報を更新し、成果指標を確認してページや導線を改善します。保守契約の範囲と、社内で行う作業の分担も明確にします。

このうち、発注者の負担が最も大きいのはステップ1と4です。特に原稿作成は想像以上に時間がかかり、公開延期の原因になりやすい工程です。自社で書くのが難しい場合は、原稿作成を見積もりに含めてもらうか、既存の会社案内や営業資料を素材として渡すなど、早い段階で方針を決めておきましょう。

また、ステップ5の公開前確認は、制作会社任せにせず発注者も必ず参加してください。問い合わせフォームのテスト送信が社内の担当者に正しく届くか、会社情報や価格表記に誤りがないかは、自社でなければ判断できません。ステップ6に向けては、公開前の時点で計測の仕組みを整えておくことが重要です。公開後に設定を始めると、リニューアル直後のデータが残らず、改善の効果を比べられなくなります。

hp制作費用を数値で確認する|初期費用と運用費の簡易シミュレーター

hp制作の費用は、制作時の初期費用だけでなく、公開後の運用費を含めた数年分の総額で比べると判断を誤りにくくなります。見積もりの数字や自社の想定を入れて、総額の感覚をつかんでみましょう。初期値は操作のための仮の数字で、相場を示すものではありません。

hp制作の総額シミュレーター

初期費用の目安:800,000円

運用費の合計:720,000円

期間内の総額の目安:1,520,000円

入力値をもとにした簡易計算です。税金、撮影・原稿作成費、サーバー・ドメイン費などは入力内容に含めない限り反映されません。実際の金額は各社の見積もりで確認してください。

シミュレーターで確認すると、月額費用の小さな差が、数年単位では初期費用の差と同じくらいの金額になることが分かります。たとえば、制作会社に更新をすべて依頼する場合と、CMSを導入して社内で更新する場合では、初期費用は後者が高くても、期間全体の総額が逆転することがあります。複数の見積もりを比べるときは、それぞれの数字を入れて期間内の総額で並べてみましょう。

また、総額だけでなく、その費用で何が得られるかも比べてください。月額費用に効果測定や改善提案が含まれている場合と、保守だけの場合とでは、同じ金額でも価値が異なります。公開後に成果を伸ばしたい企業ほど、運用費の中身を確認することが重要です。

よくある質問(FAQ)

Q1. hp制作にはどのくらいの期間がかかりますか?

A. 規模や要件によって異なりますが、テンプレートを使う小規模なサイトなら比較的短期間で、オリジナルデザインの中規模サイトでは数か月程度かかるのが一般的です。原稿や写真の準備、社内確認に時間がかかることが多いため、公開希望日から逆算して早めに準備を始めましょう。

Q2. 制作会社とフリーランスはどちらに頼むべきですか?

A. 戦略設計から公開後の運用まで任せたい場合や、ページ数が多い場合は制作会社、小規模なサイトを低コストで作りたく要件を自社で固められる場合はフリーランスが向いています。フリーランスに発注する際は、フリーランス法に沿って取引条件を書面等で明示しましょう。

Q3. 自社でホームページを作ることはできますか?

A. ノーコードで更新できるCMSを使えば、専門知識がなくてもコンテンツの作成や更新は可能です。ただし、設計やデザインの品質は担当者のスキルに左右されるため、トップページのデザインなど専門性の高い部分だけを外注する組み合わせも検討するとよいでしょう。

Q4. 見積もりを比較するときのポイントは何ですか?

A. 同じ要望資料を渡して複数社に依頼し、内訳をそろえて比べることです。原稿作成や撮影の担当、無料で対応できる修正回数、公開後の保守の範囲、サーバー・ドメインの契約名義の4点は特に差が出やすいため、必ず確認しましょう。

Q5. hp制作に補助金は使えますか?

A. 中小企業や小規模事業者向けに、ITツールの導入などを支援する国の補助制度があります。ただし、ホームページ制作そのものが対象になるかどうかは制度や枠の要件によって異なり、対象外となる場合もあります。検討する場合は、公式サイトで最新の公募要領を確認してください。

Q6. 公開後に成果を上げるには何をすればよいですか?

A. 公開前に問い合わせ件数や予約件数などの成果指標と計測方法を決め、訪問者の行動データを定期的に確認して、導線やフォームを改善し続けることが基本です。情報を最新に保つため、社内で更新できる体制もあわせて整えましょう。

まとめ|hp制作で押さえたい4つのこと

hp制作は、金額の安さや見た目だけで決めると、公開後に更新できない、成果が分からないといった問題が起こりがちです。最後に、押さえておきたいポイントを4つにまとめます。

  1. 目的と成果指標を先に決める:リード獲得かブランディングかで、必要なページや予算の配分が変わります。
  2. 依頼先は運用体制とセットで選ぶ:制作会社・フリーランス・パッケージ型・CMSでの自社構築の長所と短所を比べ、社内で更新できるかも考慮します。
  3. 見積もりは内訳と数年分の総額で比べる:同じ要望資料で複数社に依頼し、原稿・修正・保守・契約名義の条件をそろえます。
  4. 公開後のデータ活用まで設計する:訪問者データを見て導線やフォームを改善し続ける仕組みを整えます。

ホームページは作って終わりではなく、公開後の運用で価値が決まります。自社の目的と体制に合った依頼先とツールを選び、成果につながるサイトを育てていきましょう。

参考文献

同じカテゴリの記事を探す

同じタグの記事を探す

同じタグの記事はありません

top