ホームページ制作の流れ|依頼から公開までの6ステップと、発注側がやること
WEB制作
ホームページ制作の流れ|依頼から公開までの6ステップと、発注側がやること

ホームページ制作は、依頼前の準備、制作会社への相談と契約、企画・設計、デザイン、実装、テストと公開の6つのステップで進むのが一般的です。公開した後も、更新や改善といった運用が続きます。

流れを知っておくと、どの段階で何を決め、何を用意すればよいかが分かり、手戻りや納期の遅れを防ぎやすくなります。この記事では、6つのステップそれぞれで制作会社がすることと発注側がやることを表にまとめ、依頼前に決めておくことや、制作会社の実際の流れの例も紹介します。

ホームページ制作の流れは6ステップ

ホームページ制作を依頼してから公開するまでの流れは、次の6ステップに整理できます。

  1. 依頼前の準備(目的、予算、スケジュールを決める)
  2. 制作会社への相談・見積もり・契約
  3. 企画・設計(サイトマップとワイヤーフレーム)
  4. デザイン
  5. 実装(コーディング、CMSの組み込み)
  6. テストと公開

呼び方や分け方は会社によって違い、5ステップや8ステップで説明する解説もあります。どの分け方でも、決めることを先に決め、見た目や組み上げの作業は後から進む、という順番は変わりません。

ステップごとに制作会社がすることと、発注側がやること

各ステップの作業を、制作会社と発注側に分けて整理しました。

依頼前の準備―目的、予算、公開したい時期、必要なページを整理する2.相談・見積もり・契約ヒアリングし、提案と見積もりを出す提案を比べ、作業範囲と費用、スケジュールを確かめて契約する3.企画・設計サイトマップとワイヤーフレームを作る構成と載せる内容を確認し、修正を伝える4.写真や原稿を用意する5.実装コーディングし、CMSを組み込む原稿や写真を渡し、更新方法の説明を受ける6.テストと公開表示やリンク、フォームの動作を確かめて公開するパソコンとスマートフォンで最終確認し、公開を承認する
 
ステップ 制作会社がすること 発注側がやること
1.
 
 
 
デザイン デザイン案を作り、修正する デザイン案を確認する。
 
   

どのステップにも、発注側が確認して判断する場面があります。確認する人と、返事をする期限を最初に決めておくと、進行が止まりにくくなります。

1. 依頼前に決めておくこと

制作会社に相談する前に、目的、予算、スケジュールの3つは社内で考えておきます。Studioの解説も、制作前に決めておくべき項目として、目的の設定、スケジュール設計、予算設計を挙げています。

デパートの解説は、依頼前に整理しておきたいこととして、制作の目的、現在の課題、必要なページと機能、予算とスケジュール、公開後の運用体制を挙げたうえで、すべての仕様を決めておく必要はないとしています。大まかに整理しておくだけでも、見積もりや提案の精度が上がります。

要望がまだ曖昧でも、相談を始めてかまいません。レジットのコーポレートサイト制作でも、ヒアリングしながら方向性や改善策をご提案しています。

2. 制作会社への相談・見積もり・契約

目的と予算を伝えて、提案と見積もりを受け取ります。複数の会社に相談する場合は、同じ目的と予算、依頼したい範囲を伝えると比べやすくなります。

契約の前には、見積もりの内訳、修正の範囲、サーバーやドメインの名義、公開後の保守を確かめてください。確認したい質問は、ホームページ作成を依頼するときの注意点でチェックリストにまとめています。

3. 企画・設計

サイトマップ(ページの一覧と階層)と、ワイヤーフレーム(各ページの画面の設計図)を作ります。どのページに何を載せ、訪問者をどこへ導くかを決める工程です。

この段階での確認が、手戻りを防ぐいちばんの近道です。ハタフルの解説も、制作中に確認すべきポイントとして次のように書いています。

ワイヤーフレームの段階で構成の修正を伝える(デザイン後は変更コストが上がります)

株式会社ハタフル「ホームページ制作を依頼する流れを知っておくべき理由」

4. デザイン

ワイヤーフレームをもとに、色や文字、写真を入れて見た目を作ります。デザイン案を見て、会社の印象に合っているか、情報が読みやすいかを確かめてください。

写真や原稿を自社で用意する場合は、この段階までにそろえておきます。素材の準備が遅れると、そのぶん納期も延びます。

5. 実装

デザインをWebページとして組み上げ、更新しやすいようにWordPressなどのCMSを組み込みます。公開後に社内で更新する予定があるなら、どのページを誰が更新するのかを伝え、更新方法の説明を受けておきましょう。

6. テストと公開

公開前に、パソコンとスマートフォンでの表示、リンク、お問い合わせフォームの送信などを確かめます。問題がなければサーバーに公開します。

いまのサイトを作り直す場合は、古いページから新しいページへの転送など、検索からの流入を落とさないための作業も加わります。詳しくはホームページリニューアルの進め方をご覧ください。

公開後は運用が続く

ホームページは公開して終わりではありません。お知らせや実績の更新、CMSやプラグインのアップデート、バックアップ、アクセスの数字の確認を続けることで、公開した効果が伸びていきます。

保守を依頼する場合の作業の中身と費用の目安は、ホームページ制作後の保守費用で紹介しています。

制作会社の流れの例(レジットの場合)

実際の制作会社の流れも、上の6ステップとほぼ同じ順番です。レジットのコーポレートサイト制作は、次の6つのステップで進めます(レジットのコーポレートサイト制作より)。

  1. 無料お問い合わせ
  2. 無料の初回ヒアリング・お見積もり
  3. ご契約
  4. 詳細ヒアリング
  5. 制作
  6. 納品

期間は通常3ヶ月からが目安で、最短1ヶ月での納品にも対応しています。規模別・工程別の期間の目安は、ホームページ作成を依頼したときの期間にまとめました。

よくある質問

ホームページ制作の流れについて、よくいただく質問にお答えします。

全体でどれくらいの期間がかかりますか?

規模や内容によって変わります。エックスサーバーの解説では、5ページのサイトで約2ヶ月、10ページで約3ヶ月が目安とされています。制作会社を選んで契約するまでにも、別に時間がかかります。

一番時間がかかりやすいのはどのステップですか?

発注側の確認や素材の用意を待つ時間が、期間を左右しやすいです。企画・設計の段階で構成を固め、写真や原稿を早めに用意しておくと、デザインと実装を進めやすくなります。

途中で内容を変えることはできますか?

変更はできますが、前のステップに戻る変更ほど、費用と期間が増えやすくなります。構成に関わる変更は、ワイヤーフレームの段階までに伝えるのがおすすめです。

まとめ

ホームページ制作は、依頼前の準備、相談と契約、企画・設計、デザイン、実装、テストと公開の6ステップで進み、公開後は運用が続きます。各ステップで発注側が確認することを把握し、特に企画・設計の段階で構成を固めておくと、手戻りを防げます。

制作の流れに沿って、依頼前の整理から相談したい場合は、レジットのコーポレートサイト制作レジットへのお問い合わせをご覧ください。

参考・出典

この記事で参照した資料です。

レジットに相談してみる
この記事をシェアする
Writing by

レジット編集部

株式会社レジット(2013年設立・東京都渋谷区)の編集部です。レジットは集客に強いWebサイト制作を軸に、ホームページ・LP・ECサイト・WordPressの制作、SNS運用、動画・CG制作、インターネット広告の運用までを手がけています。編集部では、制作と運用の現場で実際に向き合っている課題をもとに、Web担当者の方がすぐに使える実践的な情報をお届けします。

このメンバーの記事をもっと見る
一覧へ戻る