ホームページ制作は、発注前の準備、依頼先の選定、設計、原稿・デザイン、実装、検収、公開後の確認の順で進めます。発注側にも素材の用意と承認があるため、制作会社の作業日数だけで公開日を決めないようにします。
この記事では、初めて発注する担当者が、各工程の担当・確認物・期限を整理する方法を説明します。制作期間はページ数だけでは決まりません。画面の型、機能、取材、既存情報の移行、社内の承認日程を伝え、依頼先の工程表で確認してください。
発注から公開までの7つの工程
| 工程 | 発注側がすること | 制作側へ確認すること | 次へ進むための記録 |
|---|---|---|---|
| 1. 目的と範囲を整理 | 読者・目的・予算・希望日・窓口を決める | 調査や企画をどこまで任せられるか | 要件メモ、未定事項 |
| 2. 選定と契約 | 同じ条件で提案を比べる | 対象・除外・追加費用・納品・保守 | 見積明細、仕様、契約 |
| 3. サイト設計 | 必要な説明と事実を確認 | ページ一覧、画面の型、導線、機能 | 構成と要件の承認 |
| 4. 原稿・写真・デザイン | 素材と内容を確認し、意見をまとめる | 入稿条件、確認範囲、修正方法 | 採用する原稿とデザイン |
| 5. 実装と入力 | 担当者の権限で更新操作を試す | 機能、移行、サーバーとメールへの影響 | 検証用のページと操作手順 |
| 6. 検収と公開 | 合意した項目を確認し、公開を承認 | 修正の残件、切り替え、復旧の判断 | 検収記録、公開手順 |
| 7. 公開後の確認 | 情報更新と相談への導線を確認 | 本番の表示・転送・計測・保守 | 公開確認と引き継ぎ記録 |
この表は工程の整理方法であり、期間の全国平均ではありません。原稿や写真の調査は設計前から始められます。設計で掲載位置と必要な情報を決め、デザインと並行して不足を揃えます。
発注前に決めること
目的が複数ある場合は優先順位を付け、公開時に必要なものと後から追加するものを分けます。決まっていない項目は、推測で埋めず「未定」として相談できます。
- 誰が、どんな条件を知るためにサイトを見るか。
- 相談、予約、採用応募、取引先への説明など、優先する目的。
- 初期予算と、公開後の実費・保守・更新の予算。
- 希望公開日と、展示会や開業など動かせない理由。
- 原稿の担当、内容確認者、最終承認者、連絡窓口。
- 公開後に自社で更新したいページや項目。
依頼条件はRFPの書き方で整理できます。相見積もりでは、原稿・撮影・移行・公開後の確認を同じ範囲で伝えてください。候補の比較は制作会社の選び方をご覧ください。
設計とデザインは、確認する内容を分ける
サイトマップはページの関係を整理する資料、ワイヤーフレームは各画面に必要な情報と順番を確認する資料です。色や装飾が完成していなくても、必要な説明があるか、相談先へ進めるかを確認できます。
| 確認する資料 | 見ること | 修正依頼の例 |
|---|---|---|
| ページ一覧 | サービス・実績・会社情報の範囲と役割 | 「製品AとBは条件が違うため、仕様を別々に掲載したい」 |
| 画面構成 | 読者の判断に必要な説明の順番 | 「相談前に対応地域と除外条件が分かる位置に置きたい」 |
| デザイン | 文字・写真・操作の読みやすさ、ブランドとの整合 | 「スマホで説明を読んだ後に、次の相談先を見つけやすくしたい」 |
| 更新仕様 | 自社で変えられる項目と操作 | 「営業担当の権限で、実績の写真と本文を追加したい」 |
例は架空の依頼文です。「何となく違う」で終わらせず、対象画面、困ること、希望する状態を伝えます。社内の意見は取りまとめ、未確定の意見と承認済みの条件を区別します。
制作期間は、担当と承認日から組む
各工程の日数を足すだけでは、並行作業や承認待ちを表せません。依頼先から、開始に必要な資料、発注側の確認日、実装・検証日、公開日を含む工程表を受け取ります。見積もり提出の期限や修正回数、特急対応の費用も会社ごとに確認します。
次は工程管理の架空例です。実際の納期を約束する表ではありません。
| 節目 | 担当と期限の記入例 | 完了の条件 | 遅れた場合に確認すること |
|---|---|---|---|
| 掲載情報の収集 | 営業担当／10月9日 | 各サービスの対象・条件・資料が揃う | 未回答の項目と、設計へ進める範囲 |
| 構成の承認 | 責任者／10月16日 | 必須ページ・機能・除外作業を確認 | 追加要望を公開前に含めるか |
| 原稿の確定 | 部門確認者／10月23日 | 料金・仕様・素材条件が確認済み | 取材・撮影・原稿作成の追加依頼 |
| 公開前の確認 | 両者／日付を工程表で合意 | 合意した検証項目と残件が記録される | 公開延期か、一部を後日公開するか |
社内作業の時間は、代表となる1ページの作成・確認を試して見積もる方法もあります。10ページなら何時間という未検証の値を一律に当てはめません。原稿が遅れそうな場合は、進められる工程と再開日への影響を早めに確認します。
実装前から、管理と公開の条件を揃える
ドメイン・サーバー・メール・CMSの契約先と管理権限を確認します。サーバーの変更が会社メールへ影響するか、外部の予約・決済・会員機能があるかは公開直前まで残さないようにします。
WordPressでは、自社担当者の権限で実際に編集できる項目を確かめます。「WordPressを導入した」だけでは、すべての情報を社内で変更できるとは限りません。必要な更新操作は自社で更新できない原因と改修で整理できます。
既存サイトを作り替える場合は、新規制作の工程に加えて、旧URL・本文・画像・機能・計測の移行を確認します。リニューアルの進め方を併せてご覧ください。
検収・公開・引き継ぎのチェック
納品、検収、公開の条件と担当を契約で分けます。検収期間や無償修正の対象は一律ではないため、契約・著作権・検収の確認事項で照合してください。
| 対象 | 公開前に確認すること | 公開後に確認すること |
|---|---|---|
| 本文・画像 | 会社情報、料金、仕様、掲載条件、採用する版 | 本番で表示した情報と一致するか |
| PC・スマホ | 文字、表、画像、メニュー、ボタンを読めて操作できるか | 切り替え後の本番表示 |
| フォーム等 | 承認したテスト手順で入力・エラー・通知・受信を確認 | 送信先と本番設定。テスト記録を区別する |
| URLと検索設定 | URL維持・変更の対応、リンク、公開用の登録設定 | HTTP・転送先・canonical・noindex等の状態 |
| 計測 | 測定範囲、設置元、キーイベントの定義 | 本番での取得と重複。受信記録とは分ける |
| 更新と復旧 | 担当者の操作、バックアップ、戻す条件と責任者 | 権限・手順書・保守窓口を受領する |
フォームの確認では、勝手に顧客へ通知を送らず、関係者が決めたテストを使います。リニューアル時の転送は旧URLと対応先を一覧で確認します。Googleのサイト移転ガイドも参照してください。
制作の進め方でよくある質問
急いで公開したい場合はどうしますか
必須情報と機能を絞り、素材と承認の予定を伝えて実現できる範囲を確認します。部分公開を選ぶ場合も、未確定の料金や利用条件を公開するのではなく、確認が済んだ範囲を対象にします。特急料金の有無と額は個別に確認します。
途中でページを追加できますか
対応の可否と、費用・設計・テスト・納期への影響を確認し、着手前に合意を残します。公開後の追加でも足りる内容かも検討してください。
打ち合わせは何回必要ですか
一律には決まりません。要件、構成、デザイン、公開前の確認などの節目を決め、参加者と承認方法を工程表へ記載します。オンラインや文書で済ませる範囲も確認します。
公開後は何を引き継ぎますか
更新手順、権限、納品データ、保守の連絡先、未対応事項を引き継ぎチェックリストで照合します。制作を相談する際は、現在のURL、希望日と理由、素材の有無、社内の確認体制を伝えると、必要な工程を整理しやすくなります。
