ホームページ制作の流れ｜初めての外注でも迷わない全体像

ホームページ制作の全体像｜期間は「3〜4ヶ月」が目安

ホームページ制作は、企画から公開まで一般的に3〜4ヶ月ほどかかります。ページ数や機能の複雑さによって前後しますが、進む流れ自体はどの会社でも大きくは変わりません。まずは全体像を押さえておきましょう。

期間はあくまで目安です。各フェーズの幅は案件の内容によるもので、すべてのフェーズが最長になるわけではありません。ページ数が多い／ECや予約などの機能がある／原稿や写真をこれから用意するといった場合は、さらに時間がかかります。最初に制作会社とスケジュールをすり合わせておくと安心です。

フェーズ①｜ヒアリング・要件整理（ここが一番大事）

最初のステップは、サイトの目的・ターゲット・必要な機能を制作会社とすり合わせる「ヒアリング」です。ここで方向性のすべてが決まるため、全工程の中で最も重要な工程といっても言い過ぎではありません。

発注側がやること

• 「何のためにサイトを作るのか」を言葉にしておく（集客・採用・信頼感づくりなど）
• 参考にしたいサイトをいくつか挙げておく
• 社内の要望や「これだけは載せたい」情報を整理しておく

制作会社がやること

• 目的・ターゲット・抱えている課題を引き出す
• 必要なページや機能を整理する
• スケジュールと見積もりを提示する

ここで目的が曖昧なまま進むと、後のフェーズで「思っていたものと違う」というズレが生まれます。完璧にまとまっていなくても大丈夫なので、「うまく言葉にできない」段階でも、まずは制作会社に相談してみるのがおすすめです。

フェーズ②｜設計（サイトマップ・ワイヤーフレーム）

次に、サイト全体の構成図（サイトマップ）と、各ページのレイアウト設計図（ワイヤーフレーム）を作ります。デザインに入る前に「どこに・何を・どんな順番で置くか」を決める工程です。

• サイトマップ＝サイトにどんなページがあるかを示す"地図"
• ワイヤーフレーム＝色や装飾を入れる前の、各ページの"配置図"

発注側がやること：掲載したい情報の洗い出し、原稿・素材の準備を始める

制作会社がやること：サイトマップ作成、ワイヤーフレーム作成、ユーザーの動き（導線）の設計

この段階で構成をしっかり固めておくと、デザイン以降の手戻りが減り、結果的に全体がスムーズに進みます。

フェーズ③｜デザイン

設計図をもとに、実際の見た目（デザイン）を作ります。色・フォント・写真・あしらいを決め、サイトの第一印象が固まる工程です。

発注側がやること：提示されたデザインの方向性を確認し、フィードバックを返す

制作会社がやること：トップページから順にデザインを作成し、修正に対応する

デザインの確認では「なんとなく好き／嫌い」ではなく、「ターゲットに伝わるか」「目的に合っているか」、そして「スマホで見たときに読みやすく・押しやすいか」という視点で見ると、判断がぶれにくくなります。使い勝手の修正は、後の工程になるほどデザインのやり直しにつながり影響が大きくなるため、この段階で確認しておくのが理想です。

フェーズ④｜コーディング・実装

確定したデザインを、ブラウザで見られるWebページにするのがコーディング（実装）です。スマホで見たときのレイアウト調整や、問い合わせフォームなどの機能も、この工程で組み込みます。

発注側がやること：原稿・写真画像の最終確定（ここで確定させておくと、後々のスケジュールに影響しません）

制作会社がやること：デザインのコード化、スマホ対応、フォームなどの実装

素材を後から少しずつ差し替えると、そのたびに調整が発生し、スケジュールに影響します。素材はまとめて準備し、一度にお渡しいただくのがスムーズに進めるコツです。原稿・素材はこのフェーズまでに確定させておくのが理想です。

フェーズ⑤｜テスト・確認

公開前に、表示崩れや動作の不具合がないかをチェックします。パソコンだけでなく、スマホなど実際の端末で確認することが大切です。

発注側がやること：内容の最終チェック（誤字脱字、情報の正確さ、リンク先）

制作会社がやること：各ブラウザ・各端末での表示確認、リンクやフォームの動作確認

特にスマホでの表示は、パソコンの画面だけでは崩れに気づきにくいものです。実際の端末で、文字や画像がはみ出していないか・ボタンやリンクがきちんと動くかを確認しておくと安心です。

フェーズ⑥｜公開

すべての確認が終わったら、サーバーに反映してサイトを公開します。検索エンジンに見つけてもらうための初期設定も、このタイミングで行います。

発注側がやること：公開日の確認、（必要なら）社内・取引先への告知準備

制作会社がやること：サーバーへの反映、SSL（暗号化）の確認、公開後の最終表示確認

公開直後は、念のため自分でもパソコン・スマホの両方からサイトを開いて、問題なく表示されるかを確認しておきましょう。

フェーズ⑦｜公開後の運用・改善（ここからが本番）

ホームページは「公開して終わり」ではなく、運用しながら育てていくものです。情報の更新やアクセス分析、集客の施策を続けることで、はじめて成果につながります。

発注側がやること：新着情報や実績の更新（CMSが入っていれば、依頼しなくても自社で更新できます）、サイトの効果の確認

制作会社がやること：更新対応、アクセス解析、改善提案、集客・SEOの相談対応

「作ったのに問い合わせが来ない」とならないよう、公開後にどう運用するか・誰が更新するかを、契約前に決めておくのがおすすめです。

「公開後にどうすれば問い合わせが増えるのか」は、「ホームページは作っただけで終わらない｜集客できるサイトの条件」で詳しく解説しています。

発注側が準備しておくとスムーズなもの

制作をスムーズに進める一番の鍵は、発注側の「素材の準備」です。原稿・写真・ロゴデータなどを早めに揃えておくと、スケジュールが遅れにくくなります。

• 掲載したい情報・原稿（会社概要、サービス内容、強みなど）
• 写真・画像
• ロゴデータ
• 参考にしたいサイト

制作が遅れる原因として多いのが、「素材集めが後ろ倒しになる」「社内確認に時間がかかる」の2つです。早めに着手し、社内の確認フローも先に決めておくと、予定どおりに進めやすくなります。

どこに頼むか・いくらかかるか

流れがわかったら、次に気になるのは「どこに頼むか」と「いくらかかるか」だと思います。どちらも別記事で詳しく解説しています。

制作会社の選び方 → 「ホームページ制作会社の選び方｜比較サイトに載らない判断基準」

費用の目安 → 「見積もりが会社によってバラバラ…ホームページ制作の適正価格を知る方法」