Crologue(クロローグ)

ホームページ制作の流れを完全解説|依頼から公開まで何が起きるのか

「ホームページ制作って、何から始めればいいの?」

ホームページを作ろうと思ったとき、多くの人がこう感じます。

「制作会社に依頼したいけど、何を準備すればいいの?」
「どんな流れで進むの?」
「自分は何をすればいいの?」

実は、ホームページ制作の失敗の多くは『準備不足』が原因と言われています。

逆に言えば、流れを事前に理解しておくだけで、スムーズに進み、満足度も上がりやすくなります。

今回は、ホームページ制作の依頼から公開までの全工程を、時系列で解説します。

ホームページ制作の全体像

まず、全体の流れを把握しておきましょう。

フェーズ

内容

目安期間

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なら、制作会社の保守運用費と同程度の月額で、制作費込み+オリジナルデザイン

「制作の流れがよくわからない」という方も、丁寧にサポートします。

▶ Crologueの詳細はこちら

まずは相談してみませんか?

「何を準備すればいい?」
「どのくらいの期間がかかる?」
「自分の場合はどう進めるべき?」

こうした疑問があれば、無料相談をご活用ください。

cro talk(無料相談)

  • 相談無料
  • 売り込みなし
  • 中立的なアドバイス

「まだ依頼するか決めていない」という段階でも大丈夫です。

まずは話を聞いてみてください。

▶ 無料相談(cro talk)はこちら

まとめ

ホームページ制作は、以下の流れで進みます。

制作の8つのフェーズ

  1. 準備 - 目的・ターゲット・予算を整理
  2. 相談・見積もり - 複数社に問い合わせ
  3. 契約 - 内容を確認して発注
  4. 設計 - サイトマップ・ワイヤーフレーム
  5. デザイン - ビジュアル制作・フィードバック
  6. 構築 - コーディング・実装
  7. テスト - 動作確認・修正
  8. 公開 - 本番環境へ公開

最も重要なのは「準備」フェーズです。

目的を明確にし、素材を揃え、複数社に相談することで、スムーズな制作につながります。

制作会社に丸投げではなく、一緒に作る意識を持つことが、良いホームページへの近道です。

この記事のポイント

  1. 制作は8つのフェーズに分かれる
  2. 最も重要なのは「準備」フェーズ
  3. 目的・ターゲット・予算を事前に整理する
  4. 複数社に相談して比較する
  5. デザイン確定前にしっかり確認する
  6. テストは自分でも行う
  7. 公開して終わりではない

あなたの次のステップ

「制作の流れを相談したい」
cro talk(無料相談)

「スムーズに制作を進めたい」
Crologue

「公開後にやることを知りたい」
ホームページ公開後にやるべきこと7選

Crologue代表 猿田 颯

Crologue代表。「ホームページづくりで悩む時間を、本業に返したい」という想いでこのサービスを作りました。会社のサイトづくりに役立つことを、実体験ベースで発信しています。

デザインで悩む時間、まるごと省きませんか?

フォント・余白・配色まで、プロが整えたデザインを選ぶだけ。
迷わず・安く、あなたの“看板”になるサイトが持てます。

デザインを見る