ホームページ制作の流れを完全解説|依頼から公開まで何が起きるのか
「ホームページ制作って、何から始めればいいの?」
ホームページを作ろうと思ったとき、多くの人がこう感じます。
「制作会社に依頼したいけど、何を準備すればいいの?」
「どんな流れで進むの?」
「自分は何をすればいいの?」
実は、ホームページ制作の失敗の多くは『準備不足』が原因と言われています。
逆に言えば、流れを事前に理解しておくだけで、スムーズに進み、満足度も上がりやすくなります。
今回は、ホームページ制作の依頼から公開までの全工程を、時系列で解説します。
ホームページ制作の全体像
まず、全体の流れを把握しておきましょう。
フェーズ | 内容 | 目安期間 |
|---|---|---|
1. 準備 | 目的整理・情報収集 | 1〜2週間 |
2. 相談・見積もり | 制作会社への問い合わせ | 1〜2週間 |
3. 契約 | 発注・契約締結 | 数日〜1週間 |
4. 設計 | 構成・ワイヤーフレーム | 1〜2週間 |
5. デザイン | ビジュアル制作 | 2〜4週間 |
6. 構築 | コーディング・実装 | 2〜4週間 |
7. テスト | 動作確認・修正 | 1〜2週間 |
8. 公開 | 本番環境へ公開 | 1日〜数日 |
合計で2〜4ヶ月程度が一般的です。
ただし、規模や要件によって大きく変わります。
それぞれのフェーズを詳しく見ていきましょう。

フェーズ1:準備(依頼前にやること)
ここが最も重要なフェーズです。
多くの失敗は、この段階の準備不足から起きています。
整理しておくべきこと
① 目的を明確にする
「なぜホームページを作るのか」を言語化しておきましょう。
- 問い合わせを増やしたい
- 採用応募を増やしたい
- 信頼感を高めたい
- 新規顧客を獲得したい
目的が曖昧だと、制作会社も「何を作ればいいか」がわかりません。
② ターゲットを決める
誰に見てもらいたいのかを明確にしましょう。
- 法人?個人?
- 年齢層は?
- 地域は?
- どんな悩みを持っている人?
ターゲットが違えば、デザインも文章も変わります。
③ 予算を決める
ある程度の予算感を持っておくことが重要です。
「いくらでもいい」ではなく、「◯万円〜◯万円くらい」と範囲を決めておくと、制作会社も提案しやすくなります。
④ 参考サイトを集める
「こんな雰囲気がいい」というサイトを3〜5つ集めておくと、イメージ共有がスムーズになります。
同業他社のサイトだけでなく、異業種でも「なんとなく好き」なサイトがあればメモしておきましょう。
⑤ 素材を整理する
- 会社ロゴ
- 写真素材
- テキスト原稿(できれば)
- 会社概要
これらがあると、制作がスムーズに進みます。

フェーズ2:相談・見積もり
準備ができたら、制作会社に問い合わせましょう。
ポイント①:複数社に相談する
最低でも2〜3社に相談するのがおすすめです。
理由は、
- 提案内容を比較できる
- 相場感がわかる
- 相性の良い会社を見つけやすい
からです。
1社だけに相談すると、その提案が適切かどうか判断しにくくなります。
ポイント②:見積もりの内訳を確認する
見積もりをもらったら、内訳を確認しましょう。
- 何が含まれているのか
- 何が含まれていないのか
- 修正回数の上限はあるか
- 公開後のサポートはあるか
総額だけでなく、内容を理解することが重要です。
ポイント③:実績を確認する
制作会社の実績を見て、
- 自分の業種に近い実績があるか
- デザインの方向性が合っているか
- 成果(問い合わせ増加など)の事例があるか
を確認しましょう。
デザインが好みでも、成果につながるかは別問題です。
フェーズ3:契約
制作会社が決まったら、契約を結びます。
契約前に確認すべきこと
- 契約書の内容
- 支払い条件(前払い・分割・後払い)
- 納期
- 著作権の取り扱い
- キャンセルポリシー
- 公開後の保守費用
特に著作権については要確認です。
「サイトの所有権は誰にあるのか」「解約後も使えるのか」を明確にしておきましょう。
フェーズ4:設計(構成・ワイヤーフレーム)
契約後、まず行われるのが設計です。
ヒアリング
制作会社から詳しいヒアリングがあります。
- 事業内容
- 強み・差別化ポイント
- ターゲット
- 競合他社
- 要望・イメージ
ここでしっかり伝えることが、良いサイトにつながります。
サイトマップ作成
サイト全体の構成を決めます。
この段階で「必要なページ」を洗い出します。
ワイヤーフレーム
各ページの骨組みを作ります。
デザインの前段階で、「どこに何を配置するか」を決めるものです。
この段階でしっかり確認しておくと、後の修正が少なくなります。

フェーズ5:デザイン
設計が固まったら、ビジュアルデザインに進みます。
デザイン案の提出
制作会社からデザイン案が提出されます。
通常は、
- トップページのデザイン
- 主要な下層ページのデザイン
が提示されます。
フィードバック
デザインを見て、修正点があれば伝えましょう。
- 色味
- フォント
- 写真の雰囲気
- 全体の印象
「なんとなく違う」ではなく、具体的に伝えるのがポイントです。
例:
- ×「もっと明るく」
- ○「青を水色に近づけてほしい」「余白をもう少し広げてほしい」
具体的であるほど、修正もスムーズに進みます。
デザイン確定
修正を経て、デザインが確定します。
この段階以降の大幅な変更は、追加費用が発生することが多いので、しっかり確認しましょう。
フェーズ6:構築(コーディング・実装)
確定したデザインを元に、実際のWebサイトとして構築します。
コーディング
HTML、CSS、JavaScriptなどを使って、デザインをWebページ化します。
この段階では、
- レスポンシブ対応(スマホ対応)
- アニメーション
- フォーム機能
なども実装されます。
CMS導入(必要に応じて)
WordPressなどのCMS(コンテンツ管理システム)を導入する場合は、この段階で設定されます。
CMSを導入すると、公開後に自分で更新しやすくなります。
フェーズ7:テスト・修正
構築が終わったら、テスト環境で動作確認を行います。
確認すべきポイント
- 全ページが正しく表示されるか
- リンクが正しく動作するか
- フォームから送信できるか
- スマホで見やすいか
- 表示速度は遅くないか
- 誤字脱字はないか
自分でも必ず確認しましょう。
制作会社任せにせず、ユーザー目線でチェックすることが重要です。
修正依頼
問題があれば、修正を依頼します。
この段階での修正は、契約内の修正回数に含まれることが多いです。

フェーズ8:公開
テストが完了したら、本番環境に公開します。
公開前の最終確認
- ドメイン設定
- SSL証明書(https化)
- Google Analytics設定
- Search Console登録
- OGP設定(SNSシェア用)
これらが正しく設定されているか確認しましょう。
公開
いよいよ公開です。
ただし、公開して終わりではありません。
公開後の運用については、関連記事「ホームページ公開後にやるべきこと7選」で詳しく解説しています。
よくある失敗パターンと対策
失敗①:目的が曖昧なまま依頼する
対策: 依頼前に「なぜ作るのか」を言語化する
失敗②:1社だけに相談する
対策: 最低2〜3社に相談して比較する
失敗③:デザイン確定後に大幅変更
対策: ワイヤーフレーム段階でしっかり確認する
失敗④:公開後に放置する
対策: 運用計画を立てておく
失敗⑤:素材が揃っていない
対策: 写真・ロゴ・原稿を事前に準備する

制作期間はどのくらいかかる?
規模によって異なりますが、目安は以下の通りです。
サイト規模 | ページ数 | 目安期間 |
|---|---|---|
小規模 | 5〜10ページ | 1〜2ヶ月 |
中規模 | 10〜30ページ | 2〜3ヶ月 |
大規模 | 30ページ以上 | 3〜6ヶ月以上 |
急いでいる場合は、事前に相談しましょう。
ただし、急ぎすぎると品質が下がるリスクもあります。
依頼する側がやるべきこと
制作会社に丸投げでは、良いサイトはできません。
依頼する側も、以下の役割があります。
フェーズ | 依頼者がやること |
|---|---|
準備 | 目的・ターゲット・予算の整理 |
相談 | 複数社への問い合わせ |
設計 | ヒアリングへの協力 |
デザイン | 具体的なフィードバック |
構築 | 原稿・素材の提供 |
テスト | 自分でも確認する |
公開 | 最終承認 |
「お金を払っているから全部やってくれる」ではないことを理解しておきましょう。
Crologue:スムーズな制作体験を
Crologueは、制作プロセスもシンプルに設計されています。
Crologueの特徴
項目 | 内容 |
|---|---|
デザイン | テンプレートではなくオリジナル |
3D表現 | 印象に残る先進的なサイト |
制作の進め方 | シンプルでわかりやすい |
月額料金 | テンプレートプラン1万円〜 / オリジナルプラン1.5万円〜 |
制作費 | 月額に含まれる |
従来の制作会社なら、制作費数十万円+保守運用費が月額1万円前後。
Crologueなら、制作会社の保守運用費と同程度の月額で、制作費込み+オリジナルデザイン。
「制作の流れがよくわからない」という方も、丁寧にサポートします。
まずは相談してみませんか?
「何を準備すればいい?」
「どのくらいの期間がかかる?」
「自分の場合はどう進めるべき?」
こうした疑問があれば、無料相談をご活用ください。
cro talk(無料相談)
- 相談無料
- 売り込みなし
- 中立的なアドバイス
「まだ依頼するか決めていない」という段階でも大丈夫です。
まずは話を聞いてみてください。
まとめ
ホームページ制作は、以下の流れで進みます。
制作の8つのフェーズ
- 準備 - 目的・ターゲット・予算を整理
- 相談・見積もり - 複数社に問い合わせ
- 契約 - 内容を確認して発注
- 設計 - サイトマップ・ワイヤーフレーム
- デザイン - ビジュアル制作・フィードバック
- 構築 - コーディング・実装
- テスト - 動作確認・修正
- 公開 - 本番環境へ公開
最も重要なのは「準備」フェーズです。
目的を明確にし、素材を揃え、複数社に相談することで、スムーズな制作につながります。
制作会社に丸投げではなく、一緒に作る意識を持つことが、良いホームページへの近道です。
この記事のポイント
- 制作は8つのフェーズに分かれる
- 最も重要なのは「準備」フェーズ
- 目的・ターゲット・予算を事前に整理する
- 複数社に相談して比較する
- デザイン確定前にしっかり確認する
- テストは自分でも行う
- 公開して終わりではない
あなたの次のステップ
「制作の流れを相談したい」
→ cro talk(無料相談)
「スムーズに制作を進めたい」
→ Crologue
「公開後にやることを知りたい」
→ ホームページ公開後にやるべきこと7選
