ホームページ制作の流れ｜依頼前準備から公開後改善まで7ステップで解説

結論：ホームページ制作の流れは7ステップ（先に要点整理）

ホームページ制作は「依頼前準備→依頼先選定→要件定義・設計→デザイン→実装→テスト・公開→公開後改善」の7手順で進めます。

結論から言えば、この7ステップの全体像を先に把握しておくことが、費用の読み違い・スケジュールの遅延・完成後の「思っていたものと違う」を防ぐ最も確実な方法です。それぞれの手順には固有の成果物があり、どこかのステップを省略したり順番を入れ替えたりすると、後のステップで大きな手戻りが生じます。たとえば要件定義を終える前にデザインを始めると、設計変更に伴い全ページのデザインをやり直すことになります。7ステップを順番に踏む理由は、そういった実務上の連鎖リスクを小さくするためです。

各ステップの概要を先に整理しておきます。**STEP1（依頼前準備）**では、制作の目的・ターゲット・必要機能・参考サイト・予算・希望公開日をまとめたRFP（提案依頼書）を作ります。RFPとは、複数の制作会社に同じ条件で見積もりを依頼するための文書で、相見積もりの比較精度を上げる重要なツールです。**STEP2（依頼先選定・相見積もり）**では、複数社に見積もりを依頼し、費用・提案内容・実績・コミュニケーション品質を比較して発注先を決めます。**STEP3（要件定義・設計）**では、発注先と一緒にサイト構成・機能・納品物・スケジュールを文書で確定させます。**STEP4（デザイン）**では、トンマナ・カラー・レイアウトをワイヤーフレームからビジュアルデザインへ発展させます。**STEP5（実装・コーディング）**では、原稿・写真素材を揃えながらHTMLやCMSへの実装を進めます。**STEP6（テスト・公開）**では、リンク切れ・表示崩れ・計測タグ設置を確認してから公開します。**STEP7（公開後改善）**では、GA4で行動データを計測し、改善施策を継続的に回していきます。

費用と期間の定義は依頼先によって大きく異なります。フリーランスへの依頼では10〜40万円・1〜3ヶ月、中小制作会社では40〜150万円・2〜4ヶ月、大手制作会社では150万円〜・4〜6ヶ月以上が目安です（2026年時点の目安・最新は見積で要確認）。これらの早見表と詳しい比較は後の費用セクションで回答します。

この記事は、ホームページ制作の中でも「どの順番で何を決めるか」に絞って解説します。費用、依頼先の選び方、CMS、SEO設計、リニューアルまで含めて全体像を整理したい場合は、先に制作の総合ガイドを確認してください。この記事では、その総合ガイドの中でも発注前から公開後改善までの進行手順を、初めての発注者がそのまま使える形に落とし込みます。

検索意図別の読み分け早見表

STEP1 依頼前準備｜目的・ターゲット・RFPを整理する

依頼前準備でRFPを用意することが、相見積もりを比較可能にし、発注後のミスマッチを防ぐ最重要ステップです。

多くの事業者が「とりあえず制作会社に問い合わせてみよう」とSTEP1を曖昧なまま進めてしまいます。しかし、目的・ターゲット・必要ページ数・必要機能・参考サイト・予算感・希望公開日が明文化されていないまま複数社に問い合わせると、それぞれの会社が異なる前提で見積もりを出してくることになり、金額の違いが「前提の違い」なのか「価格設定の違い」なのかを判断できなくなります。RFPとはこの「前提を揃える文書」であり、これを作成することが相見積もり比較の精度を大きく左右します。

RFPに記載すべき内容は大きく6つあります。第一に「制作の目的と課題」、たとえば「新規顧客への問い合わせを月◯件増やしたい」「既存顧客への信頼訴求を強化したい」といった具体的なゴールです。第二に「ターゲット像」、年齢・職業・悩み・行動パターンなど、誰に向けてどういう印象を与えたいサイトにするかです。第三に「必要なページ・機能一覧」、トップ・会社概要・サービス紹介・事例・問い合わせフォームといったページ構成と、予約システム・EC機能・ブログCMSなどの機能要件です。第四に「参考サイト3〜5件」、「このサイトのデザイントンマナに近いものが好ましい」と伝えると、見積もり前提が大きく揃います。第五に「予算の概算レンジ」、伝えることへの抵抗感はありますが、予算レンジを明示することで制作会社が現実的な提案を作れます。第六に「希望公開日と制作スケジュール」、逆算してどのタイミングで発注を完了させるべきかが見えてきます。

発注ナビやアイミツ等の公開されている発注ノウハウコンテンツ（2026年時点で要確認）では、RFP作成を含む事前準備の有無が見積もりの精度に直結すると一致して解説されています。複数社への相見積もりを比較すると、金額よりも要件定義の粒度で総額が動く傾向が確認できます。たとえば「問い合わせフォーム付き」という曖昧な記載と「reCAPTCHA付き・メール転送2件・自動返信メール付きのフォームを既存CMS上に実装」という詳細な記載では、見積もり金額が数十万円単位で変わることがあります。これは判断材料として非常に重要です。

目的の定義がなぜ重要かをもう少し掘り下げます。「ホームページを作りたい」という要望だけでは、制作会社は「どんなサイトが正解か」の判断ができません。「問い合わせ数を増やしたい」なら問い合わせに最適化したCVR重視のレイアウトになり、「採用強化」なら社風・働く環境を伝えるコンテンツ設計になり、「既存顧客向けポータル」ならログイン機能やマイページが必要になります。制作の目的は一種のKPIであり、これがブレると工程が進んだ後に「このデザインでは目的を達成できない」という根本的な問題が表面化します。STEP1での目的の定義は、後のすべてのステップの品質に影響します。

ターゲット像の整理も同様に重要です。「誰に読んでもらいたいか」が明確でないと、コピーライティングのトーン・写真の雰囲気・情報の詳しさの加減がバラバラになります。たとえば40代の中小企業の経営者に向けるサイトと、20代のフリーランサーに向けるサイトでは、フォントの選択・余白の量・言葉の難易度すべてが変わります。ペルソナ（典型的なターゲット像）を1〜2人具体化しておくと、デザインレビューの際に「このデザインはターゲットに刺さるか」という判断基準として使えます。依頼前準備の詳しい進め方は依頼前準備の詳しい手順で、RFPのテンプレートはRFPと相見積もりのテンプレでそれぞれ詳しく解説しています。

STEP2 制作会社の選定と相見積もりで発注先を決める

依頼先は費用・実績・コミュニケーション力の3軸で比較し、2〜3社の相見積もりを経て選定することが基本です。

STEP1でRFPを作成したら、次は依頼候補を絞り込んで相見積もりを依頼します。依頼先の選択肢は大きく分けて「フリーランス」「中小制作会社」「大手制作会社」「ノーコードで自作」の4種類です。それぞれの費用感・期間・向き不向きは後の費用セクションで詳述しますが、この段階では「候補をどこから探すか」が最初の課題になります。発注ナビ・Web幹事・アイミツといった発注支援メディアを使えば、業種・規模・予算でフィルタリングして複数社のリストを短時間で作れます（各サービスの詳細は比較セクションで解説します）。

相見積もりの推奨社数は2〜3社が現実的な目安です（2026年時点・状況により変動）。1社だけでは価格・提案内容の相場観が掴めません。4社以上になると、各社への対応コスト（同じ質問への回答・資料送付・打ち合わせ）が発注者側の負担になります。2〜3社に絞って深い対話をするほうが、提案の質・担当者との相性・コミュニケーション速度を正確に評価できます。ここで重要なのは、最安値の会社を選ぶことが「良い選択」とは限らない点です。見積もり金額だけでなく、「提案書の具体度」「過去の実績サイトの品質」「担当者の質問への回答速度と回答の詳しさ」を合わせて評価してください。

提案書を比較する際に確認すべきポイントがいくつかあります。まず「見積もりの内訳が明示されているか」。制作費・ディレクション費・デザイン費・コーディング費・テスト費・保守費が項目別に分かれているか確認します。一括の金額だけ提示する会社は、変更が発生した際の追加費用の根拠が見えにくく、トラブルになりやすい傾向があります。次に「保守・更新の範囲と費用」。公開後に文章を修正したい・写真を差し替えたいときの手続きと費用を確認します。CMSを導入する場合と月額保守契約のある場合では、長期的なランニングコストが変わります。また「著作権の取り扱い」。制作物の著作権が最終的にどちらに帰属するかを契約前に確認しておかないと、後でデザインファイルの引き渡しを求めた際に追加費用を請求されるケースがあります。

制作会社を評価するうえで見落とされがちなのが「コミュニケーション品質」です。初回の問い合わせへの返答速度・返答の丁寧さ・質問の解像度は、その後の制作期間中のやり取りの品質を先行して示すシグナルです。2〜4ヶ月の制作期間中、週次や隔週でやり取りが続くため、「連絡が遅い」「確認事項が曖昧」という状態は制作全体のスケジュールに直接影響します。初回の問い合わせへの対応を「品質の先行指標」として意識的に評価することを勧めます。

発注先を決定したら、口頭ではなく書面（契約書・発注書）でスコープ・費用・納期・変更の際の取り決めを明文化します。「言った言わない」のトラブルのほとんどは、書面化を省略したことで発生します。特に「ページ数の上限」「修正回数の上限」「追加機能の単価感」を契約時点で合意しておくことが重要です。制作会社の選び方の詳細は制作会社の選び方で解説しています。

STEP3 要件定義とサイト設計で完成イメージをそろえる

要件定義は制作会社と発注者が「完成イメージを同じにする」ための合意形成プロセスで、後の手戻りを最小化する要です。

STEP2で発注先が決まったら、制作スタートの前に「何を作るか」を細部まで文書化するステップが要件定義です。この段階で作成する成果物はサイトマップ・ワイヤーフレーム・機能仕様書の3点が基本です。サイトマップはサイト全体のページ構成を階層図で表したもので、「どのページが存在し、それぞれがどう繋がっているか」を視覚化します。ワイヤーフレームは各ページのコンテンツ配置・情報の優先順位をグレーのモックアップで示したもので、デザインの前段階として「何をどこに置くか」だけを決めます。機能仕様書は問い合わせフォームの項目・バリデーションルール・メール送信先・CMSの編集権限など、実装要件を仕様として記述したものです。

サイトマップの検討段階で特に重要なのは、「コンテンツの責任分担の明確化」です。各ページのテキスト原稿・使用写真・掲載する数値データについて、制作会社が作成するのか発注者側が提供するのかをページ単位で決めておく必要があります。この分担が曖昧なまま進むと、STEP4・STEP5の段階で「原稿待ち」「写真待ち」という状態が続き、スケジュール全体が数週間〜1ヶ月単位で後ろ倒しになります。原稿・写真の準備遅れはホームページ制作における最も典型的な遅延要因です。

要件定義の合意内容は必ず文書化し、双方が署名（またはメール確認）した形で保存します。口頭での「了解しました」だけでは、後の「そんなことは言っていない」を防げません。また、要件定義を終えた後に変更が発生した際の「変更管理プロセス」も合意しておくと良いです。変更ゼロで制作が進むことはほぼなく、変更の都度「いくら追加費用がかかるか・スケジュールへの影響は何日か」を双方が確認する手続きを事前に決めておくことで、トラブルを未然に防げます。

ページ構成の設計では、ユーザーの行動導線を意識することが成果に直結します。「訪問者がどのページから入り、どう回遊し、どこでCTA（問い合わせ・予約ボタン）に到達するか」というシナリオを要件定義段階で描いておきます。たとえばSEOからの流入を想定する場合、「サービス説明ページ→実績・事例ページ→問い合わせフォーム」という導線が典型的ですが、「比較検討している読者」向けには料金比較ページを間に挟んだほうが離脱率を下げられる場合もあります。ページ構成の作り方の詳細はページ構成の作り方で詳しく解説しています。

要件定義と設計を丁寧に行うことは「時間がかかる」という印象があるかもしれませんが、実際には後のステップの作業速度を大幅に高めます。デザイナーはワイヤーフレームがあれば「何をデザインすべきか」を迷わず進められます。エンジニアは機能仕様書があれば「何を実装すべきか」の確認コストが減ります。発注者もワイヤーフレームを見て「こういうイメージで正しい」と確認できるため、デザイン完成後の根本的な構成変更を防げます。要件定義への投資は、制作全体の品質と速度を上げる最良の先行投資です。

STEP4 デザイン制作と原稿・写真の準備を並行する

デザイン制作と原稿・写真の準備を並行して進めることで、制作期間を短縮し素材待ちの手戻りを防げます。

STEP3でワイヤーフレームが固まると、制作会社のデザイナーはビジュアルデザインの制作を開始します。このタイミングで発注者側が動かなければならない重要な作業が「原稿と写真の準備」です。多くの発注者がデザイン完成を待ってから原稿作成を始めますが、実際にはワイヤーフレームが固まった段階で原稿を書き始めることができます。ページの情報構造（見出し・本文・CTA）はワイヤーフレームの時点で確定しているため、デザインが完成する前に原稿を仕上げておくことで、STEP5のコーディング段階でデザインへの流し込みが速くなります。

デザインの方向性を確定させる「ファーストビュー（FV）デザインの確認」は、制作全体の分岐点になります。通常、制作会社はまずトップページのFVデザインを1〜2案提示します。ここでの確認ポイントは「カラーパレット・フォント・写真の雰囲気・余白感が自社のブランドイメージと合っているか」です。この段階で方向性を明確に確定させると、以降のページデザインはFVのトンマナに沿って展開されるため、修正ループが少なく済みます。「なんとなく違和感がある」という感覚的な反応ではなく、「ターゲット像がこのデザインを見たときに期待する印象を持つか」という視点でフィードバックすると、制作会社との認識合わせがスムーズになります。

写真・画像素材の準備は特に時間がかかる作業です。素材の選択肢は大きく「自社で撮影する」「ストックフォトを購入する」「制作会社に撮影を依頼する」の3つです。自社撮影はコストを抑えられる反面、プロクオリティの写真を得るには機材と技術が必要です。ストックフォトは即時入手できますが、「どこかで見たことがある画像」になりやすく、自社の独自性を出しにくい面があります。制作会社に撮影を依頼する場合は別途撮影費がかかりますが（費用は撮影規模・日数・カメラマンの手配方法によって異なるため、最新は制作会社への見積もりで要確認）、完成サイトとの統一感が高くなります。いずれの方法でも、「どのページに何の写真が必要か」をページ別の素材リストとして管理し、制作会社と共有することが重要です。

原稿の作成では「SEOを意識したテキスト」と「読者に刺さる言葉」のバランスが課題になります。検索エンジンに認識させたいキーワードを盛り込みながら、訪問者が「自分に向けたメッセージだ」と感じる具体性のある文章を書く必要があります。特に「サービス紹介ページ」の原稿は、機能説明だけでなく「顧客が感じていた課題と、自社サービスを使うことでどう解決されたか」というストーリー構造にすると、問い合わせへのコンバージョン率が上がりやすくなります。原稿の執筆に不慣れな場合、制作会社のコピーライターに依頼する選択肢もありますが、その分費用が追加されるため事前に確認してください。

この段階でページ構成の作り方を再確認し、各ページの役割と情報の優先度をデザインに反映させることをお勧めします。デザインは「見た目」だけでなく「情報設計の視覚化」であるため、ページ構成の設計意図をデザイナーと共有しておくことで、美しいだけでなく「ユーザーが迷わない」サイトに仕上がります。デザインの確認が完了したら、次のコーディングステップへ移行します。

STEP5 実装・コーディングとCMS構築を進める

実装・コーディングはデザインをブラウザ上で動く状態に変換する工程で、CMS導入の有無が長期運用コストを大きく左右します。

デザインが確定したら、制作会社のエンジニアがHTML・CSS・JavaScriptを使って実際に動くウェブページへ変換する作業（コーディング）を始めます。この工程は発注者側が直接関与する機会は少ないですが、「CMSの選択」だけは発注者が意思決定すべき重要な判断ポイントです。CMSとはContent Management Systemの略で、専門知識がなくてもブラウザ上でテキストや画像を更新できる管理画面付きのシステムです。WordPressが最も広く使われており、多くの中小制作会社が標準的に採用しています。CMSを導入するかどうかによって、公開後の「テキストを変えたい・ニュースを追加したい」といった作業を自社で行えるか、制作会社に有償で依頼するしかないかが決まります。

CMSを導入する場合の注意点として、「CMSの操作トレーニングと引き渡し資料を契約に含めてもらう」ことが重要です。CMSが構築されても使い方を教えてもらえないと、「管理画面はあるが怖くて触れない」という状態になり、更新が止まります。また「CMSのバージョンアップ・セキュリティパッチ適用は誰が担当するか」も確認が必要です。WordPressはプラグインやコアのバージョンが古いとセキュリティリスクが高まります。保守契約の範囲にこれが含まれているかを確認し、含まれていない場合はどう対処するかを決めておいてください。

フォームやEC機能の実装は、コーディングの中で工数が大きくなりやすい部分です。問い合わせフォームの場合、項目数・バリデーション（入力形式チェック）・スパム対策（reCAPTCHA等）・メール転送先の設定・自動返信メールの文面まで仕様を決めないと、実装が開始できません。これらの詳細をSTEP3の要件定義段階で決めておいた場合は、このステップで制作会社に確認するだけで済みます。STEP3で「フォームはなんとなく」とした場合は、ここで仕様確認が発生し、スケジュールへの影響が出ます。

スマートフォン対応（レスポンシブデザイン）の確認もこのステップで行います。現在ほぼすべての制作会社がレスポンシブ対応を標準で行いますが、「どの画面幅まで対応するか」「タブレットサイズの表示確認を行うか」を要件として明確にしておくと、テスト時の見落としを防げます。スマートフォンからの閲覧割合はサイトの種類によって異なりますが、多くの中小企業サイトではスマートフォン経由の訪問が過半数を占めるケースが増えており、PC表示だけで確認を終えることは適切ではありません。

また、このステップでGA4の計測タグを実装してもらうことを必ず依頼してください。GA4（Googleアナリティクス4）の計測タグは、公開と同時に動作している状態が理想です。公開後に「タグの設置を忘れていた」「最初の1ヶ月のデータが取れていなかった」という状況を防ぐため、コーディング段階での実装と、テスト環境での動作確認を仕様に含めておくことが重要です。GA4のコンバージョン設定（問い合わせ完了ページへの到達など）も合わせて設定しておくと、STEP7での改善が早く始められます。

STEP6 テスト・検収から公開までを安全に進める

テスト・検収では表示・リンク・フォーム・計測タグをすべて確認してから公開することが、公開後トラブルを防ぐ唯一の手段です。

制作会社がコーディングを完了すると、本番公開前の「テスト環境」（ステージング環境とも言います）での確認が始まります。テスト環境とは、本番とは別のURLで制作物を確認できる環境で、「ここで起きた変更は本番に影響しない」状態で確認作業を行えます。このステップでは制作会社側のテストと、発注者側の検収（完成物の受け入れ確認）の両方が必要です。

制作会社が行うテストの主な内容は次のとおりです。ブラウザ互換性テスト（Chrome・Safari・Firefox・Edgeで表示が崩れていないか）、デバイステスト（スマートフォン・タブレット・PCでレイアウトが正常か）、リンクテスト（全リンクが正しいページへ繋がっているか・404エラーがないか）、フォームテスト（送信が成功するか・自動返信メールが届くか・転送先に届くか）、ページ速度の確認（画像ファイルが圧縮されているか・表示速度が適切か）です。

発注者側が行うべき検収の確認項目は、「要件定義書・ワイヤーフレームと実際の完成物が一致しているか」の全ページ確認です。テキストの誤字脱字・価格情報の正確性・写真の差し替え必要の有無・CTAボタンの文言と動作・著作権表記（コピーライト表記・年号）の正確性を確認します。また計測タグ（GA4）が正しく動作しているかを、GA4のリアルタイムレポートまたはGTMのプレビューモードで確認することを強くお勧めします。公開後に「データが入っていなかった」と気づいても、その期間のデータは取り戻せません。

サイトを本番へ反映する工程そのものは、ドメイン・DNSの設定変更とサーバーへのファイル移行が主な内容です。既存サイトのリニューアルの場合、旧サイトから新サイトへのURL変更があると、検索エンジンに蓄積されていた評価が引き継げなくなるリスクがあります。URLを変更する場合は301リダイレクトの設定が必要になるため、事前に「どのURLをどのURLに転送するか」のリダイレクトマップを作成し、制作会社と共有してください。

公開後の最初の1〜2日間は、本番環境でも動作確認を改めて行うことをお勧めします。テスト環境では問題なかった部分が本番環境では異なる動作をするケースが稀にあります。また、Google Search Consoleにサイトを登録し、XML サイトマップを送信しておくと、検索エンジンへの認識が早まります。これらはすべて発注者側で行う作業として認識しておくか、制作会社にスコープとして含めてもらうかを事前に確認しておいてください。

STEP7 公開後の運用改善｜GA4で受け皿を磨く

公開後はGA4でユーザーの行動データを計測し、改善施策を継続的に実行することが成果につながる唯一の道です。

ホームページを公開した時点は「ゴール」ではなく「スタート」です。公開直後のサイトは、実際の訪問者の行動データがない状態で設計されたものです。GA4（Google アナリティクス4）の公式ドキュメント（一次情報・2026年時点で要確認）によれば、GA4では「どのページから入り」「どのページで離脱したか」「どの流入チャネルからの訪問者がコンバージョンに繋がったか」を詳細に計測できます。この実データを積み上げることで、仮説ベースで設計したサイトを、実際のユーザー行動に基づいて改善できるようになります。

GA4で公開後に最初に確認すべきレポートは「エンゲージメント」と「コンバージョン」の2つです。エンゲージメントレポートでは、ページ別の滞在時間・スクロール深度・離脱率を確認できます。滞在時間が短い・離脱率が高いページは「読者が期待した情報が見つからない」か「ページの読みやすさに問題がある」可能性があり、コンテンツ改善の優先候補になります。コンバージョンレポートでは、「問い合わせフォームの完了」「電話番号クリック」「資料ダウンロード」などのゴールに至った訪問者数と、その流入経路が確認できます。

改善サイクルは「計測→分析→仮説立案→実施→再計測」の繰り返しです。たとえば「トップページからのサービス詳細ページへの遷移が少ない」というデータがあれば、「CTAボタンの文言が弱い」「ボタンの位置がスクロールしないと見えない」「サービス説明がわかりにくい」のいずれかに原因があると仮説を立て、ひとつずつ変更して再計測します。一度に複数の変更を加えると「どの変更が効いたか」がわからなくなるため、1回の改善サイクルでは変更を1〜2点に絞ることが基本です。

公開後モニタリングは、少なくとも月1回のGA4データ確認から始めることをお勧めします。特に公開直後の3ヶ月間は週次での確認が有効です。「どの流入チャネルからの訪問が多いか」を把握することで、SEO・SNS・口コミなどの施策の優先度を決められます。たとえば「ほとんどがダイレクト流入（ブックマークや直接URL入力）で、検索からの流入がほぼない」という状態であれば、SEO改善（コンテンツ追加・タイトル最適化）が次の施策優先度トップになります。逆に「検索流入は多いがコンバージョン率が低い」という場合は、訪問者の期待とページ内容のズレを修正することが先決です。

GA4の計測設計（イベント設定・コンバージョン設定）が不適切だと、データが意思決定に使えません。「フォーム送信完了」をコンバージョンとして設定していなければ、問い合わせ数をGA4から確認できません。このコンバージョン設定はSTEP5の実装段階またはSTEP6のテスト段階で行っておくべき作業ですが、見落とした場合は公開後でも設定できます。GA4の設定変更はリアルタイムには反映されないため（データが貯まるには数日〜数週間かかります）、早めの設定が望ましいです。

公開後の集客改善のより詳しい手順は公開後の集客改善で解説しています。また、すでに公開済みのサイトを改善する「リニューアル」を検討している場合はリニューアルの進め方も合わせて確認してください。

制作の流れでかかる費用と期間の目安

依頼先によって費用と期間に大きな差があるため、予算と希望公開日から逆算して依頼先を選ぶことが重要です。

以下は依頼先別の費用と制作期間の目安です。すべて2026年時点の目安であり、ページ数・機能・デザイン要件・保守範囲によって大きく変動します。必ず相見積もりで実額を確認してください。

費用が依頼先によって10倍以上変わる背景には、制作に携わる人数・専門性・コミュニケーションコストの差があります。フリーランスは1人で設計からコーディングまでをこなすため、中間マージンがなく費用が抑えられますが、デザイナー・エンジニア・ディレクターが分業される大手制作会社と比べると、スペシャリストの深い専門性は得にくい場合があります。中小制作会社はその中間に位置し、チームの分業体制を持ちながらもフレキシブルな対応ができる点が特徴です。どれが「正解」ではなく、自社の規模・予算・要件に合った依頼先を選ぶことが重要です。

制作期間の目安として、依頼先を決定してから公開まで概ね2〜6ヶ月が多いとされています（Web幹事・アイミツ等の公開比較情報や複数社提案書に基づく目安・2026年時点・要確認）。ただしこの期間は「原稿と写真の準備が完了している」前提での目安です。原稿準備に時間がかかる場合はさらに1〜2ヶ月伸びるケースが多く見られます。「◯月◯日に必ず公開したい」という希望がある場合、その日から逆算して「いつまでに制作会社と契約を締結し、いつまでに原稿を準備するか」のスケジュールをSTEP1の時点で計画しておくことが重要です。

費用を抑える選択肢として、小規模事業者持続化補助金の活用があります。小規模事業者持続化補助金の公募要領（一次情報・2026年時点で最新の公募回要領を公式で要確認）では、ウェブサイト関連費が補助対象経費として認められる場合があります。補助率や上限額は公募回ごとに変わるため、最新の公募回の要領と商工会・商工会議所への確認が必要です。採択保証はなく、申請から採択・入金まで一定の時間がかかるため、補助金利用を前提にスケジュールを組む場合は余裕を持った計画が必要です。費用の詳細な比較は費用相場の詳細で、補助金の活用は補助金の活用で解説しています。

現在のサイトを無料で診断し、改善の優先度を把握したい場合は以下の無料診断ツールをご活用ください。

主要な選択肢を比較する（制作会社・比較メディア・自作ツール）

ホームページ制作を進める際に情報収集や依頼先探索で使える主要な選択肢を比較し、それぞれの強みと限界・向いている読者を整理します。

これら5つの選択肢はそれぞれ異なる判断材料を提供しており、どれが「最善」かは読者の状況によって変わります。比較対象として整理すると、発注ナビ・Web幹事・アイミツの3サービスはいずれも「制作会社を探す・比較する」ための情報源・発注支援サービスであり、ペライチ・Wixは「自分でサイトを作る」ためのツールです。この根本的な違いを把握しておくことが、情報収集の出発点として重要です。

発注ナビの強みは「要件を一度入力するだけで複数社から提案が届く」という仕組みにあります。初めての発注で「どこに声をかければいいかわからない」という読者に向いています。一方で、発注ナビの比較対象は掲載会社に限定されるため、地域密着型の優良フリーランスや非掲載の専門制作会社は候補に入りません。この限界を補うために、この記事のように「どう依頼先を評価するか」の判断基準を持った状態で使うことが重要です。一次情報として各社の公式サービス説明ページ（2026年時点で要確認）を直接確認することも欠かせません。

Web幹事は比較情報と相談サービスを組み合わせた形態です。コンテンツの解説記事が充実しており、「制作の流れを概念として理解する」段階の読者にとって有用な情報源です。ただし、解説記事は一般論の合成になりやすく、自社特有の要件（特殊な業種・珍しい機能要件）に対する具体的な回答には限界があります。この記事が補う点は、7ステップを「何を成果物として進めるか」という観点で実務的に落とし込んでいること、および補助金や費用変動要因をより詳しく提示している点です。

アイミツの強みは一括見積もりの効率性です。時間のない発注者が複数社の費用感を短期間で把握したい場合に向いています。注意点として、相見積もりを取った後に「どの見積もりが安当か・高いか」を判断する根拠がないと、最安値を選んで品質トラブルになるリスクがあります。発注ナビとアイミツは「見積もりを集める」ための強みがあり、この記事は「集めた見積もりをどう評価するか」という次のステップの判断材料を提供します。

ペライチは日本市場に特化したノーコード自作ツールで、料金体系・テンプレート・操作感の日本語最適化が強みです（ペライチ公式料金ページ・2026年時点で最新プランを要確認）。向いている読者は「まず公開することを最優先」「予算を最小化したい」「自分で更新し続ける前提」の個人や小規模事業者です。向いていない読者は「競合サイトと差別化されたデザイン」「複雑な機能（予約・EC等）」「SEO本格対応」を求める事業者です。この記事が補う点は、ペライチで作ったサイトを公開した後のGA4による改善サイクルをSTEP7で詳しく解説していることです。

Wixはデザインの自由度と機能の拡張性においてペライチより高いスペックを持ちます（Wix公式プラン・料金・2026年時点で要確認）。違いとして、Wixはグローバルな利用者基盤を持ち、英語のサポートドキュメントが充実しています。限界として、テンプレートを一度選択すると後から変更する際に再編集が必要になる点は、初心者にとって手戻りが大きくなる場合があります。また、高度なカスタマイズはWixのエコシステム内に限られるため、将来のシステム連携に制約が生じることがあります。根拠として各社の公式ページを直接確認することを読者にお勧めします。

制作の流れでつまずきやすい注意点チェックリスト

制作を始める前と各ステップの節目でこのチェックリストを確認することで、よくある失敗の多くを未然に防げます。以下の確認項目をチェックリストとして活用してください。

• 目的・ターゲット・KPIをRFPに文書化した（口頭だけで伝えていないか）
• 相見積もりを2〜3社以上に依頼した（1社だけで進めていないか、2026年時点の目安）
• 見積もり内訳（ディレクション・デザイン・コーディング・保守）が項目別になっている（一括金額だけでないか）
• 原稿・写真の担当ページと提供期限を制作会社と合意した（「あとで」にしていないか）
• 要件定義書・ワイヤーフレームを書面で双方確認・合意した（口頭承認だけで進めていないか）
• GA4の計測タグとコンバージョン設定を実装スコープに含めた（公開後にデータがゼロの状態を防ぐ）
• 保守・更新の範囲と費用を契約前に確認した（公開後の修正費用が不明確でないか）
• 著作権（制作物・写真・フォント）の帰属を契約書で確認した（後の引き渡しトラブルを防ぐ）
• テスト環境での検収を全ページ・全デバイスで実施した（公開直前の確認を省略していないか）
• 小規模事業者持続化補助金など活用できる補助金の最新要件を商工会・商工会議所で確認した（締切・対象要件は公募回ごとに変わる）

このチェックリストは依頼前・制作中・公開前の三段階で繰り返し確認することを想定しています。特に「原稿・写真の準備」と「計測タグの設置」は後回しにされやすく、最終的なスケジュール遅延と公開後のデータ欠損の主因になります。相見積もりの比較では、金額そのものよりも要件定義の粒度によって総額が動きやすく、STEP1での準備の丁寧さが全体品質を左右する判断材料になります。

あわせて読みたい関連記事と読み分け

この記事は「ホームページ制作の全体の流れ」を入口とした解説です。関連記事は、この記事で触れた各テーマを深掘りする判断材料として用意しています。向いている読者と向いていない読者を明示するので、次に読む記事の選定に活用してください。

制作の総合ガイド：ホームページ制作のあらゆる観点を網羅するハブ記事です。「制作の流れ以外の観点（CMS選択・SEO設計・リニューアル判断）も一通り把握したい」という読者に向いています。詳しく読み込む時間がある段階での通読を推奨します。あわせて読む記事として最初に確認する価値があります。

依頼前準備の詳しい手順：STEP1で触れたRFP作成・目的整理を深掘りしたい読者に向いています。「何を準備すれば制作会社に正確に伝えられるか」を知りたい検索意図に対応します。向いていない読者は「すでに発注先が決まっていてSTEP3以降にいる」人です。

RFPと相見積もりのテンプレ：実際にRFPを書くためのテンプレートを求めている読者に向いています。この記事の判断材料をもとに「具体的に書き始めたい」タイミングで次に読む記事として活用してください。

費用相場の詳細：費用と期間の目安セクションよりも詳しい費用の内訳・交渉ポイントを知りたい読者に向いています。「見積もりが高すぎるか安すぎるか判断できない」という検索意図に対応します。

制作会社の選び方：STEP2を読んだうえで「もっと具体的な評価基準・面談での確認事項を知りたい」読者に向いています。発注先を複数社に絞り込んだ段階で詳しく読むことをお勧めします。

補助金の活用：費用を抑えたい・補助金を活用したい読者に向いています。申請要件・手順・注意点を詳しく知りたい場合に次に読む記事として最適です。向いていない読者は補助金を使わない予定の読者です。

ページ構成の作り方：STEP3の要件定義・設計フェーズでサイトのページ構成をどう決めるかを深掘りしたい読者に向いています。検索意図は「サイトマップをどう作るか・何ページ必要か」です。

自分で作る方法：外注せず自分でホームページを作りたい読者に向いています。ペライチやWixを使った自作の手順を詳しく解説します。「外注か自作か」を判断する材料としてもあわせて読む価値があります。向いていない読者はすでに外注を決めている人です。

リニューアルの進め方：既存サイトを持っており、リニューアルを検討している読者に向いています。新規制作との違いや注意点を詳しく知りたい場合に役立つ関連記事です。

公開後の集客改善：STEP7で触れたGA4による改善を詳しく知りたい・公開後に集客・問い合わせが増えないという悩みを持つ読者に向いています。公開後の運用フェーズに入った段階で次に読む記事として最も有効です。

費用・期間の最新情報を確認するときの注意点

ホームページ制作の費用・期間・補助金は、依頼先の体制や公募回によって変わります。この記事の費用レンジは2026年時点の目安として使い、発注前には必ず制作会社の見積もり、各サービスの公式料金ページ、補助金の最新公募要領を確認してください。特に補助金は「対象になる可能性がある」ことと「採択される」ことが別なので、商工会・商工会議所への確認も含めてスケジュールに余裕を持たせる必要があります。

制作会社から見積もりを取るときは、総額だけでなく、ディレクション費・デザイン費・コーディング費・CMS構築費・保守費・追加修正費の内訳を確認してください。同じ「30万円のホームページ制作」でも、テンプレートを使う簡易制作なのか、オリジナルデザインとCMS構築を含むのかで成果物は大きく変わります。この記事の7ステップを見積もり内訳と照らし合わせると、どの工程が含まれていて、どこが別費用になりそうかを判断しやすくなります。

最終更新：2026年7月。費用相場、補助金要件、各サービスの料金は変わるため、発注直前に一次情報を確認してください。

よくある質問