ホームページ制作の流れと期間｜発注前から公開後までの準備リスト

制作の流れは、目的と更新体制を決めるところから始まる

ホームページ制作は、デザインを決めてから情報を入れるだけの仕事ではありません。誰に何を伝えるかを整理し、必要な原稿と写真を用意し、公開環境へ実装し、更新担当者へ渡す工程があります。既存サイトをリニューアルする場合は、内容やURLの移行も加わります。

制作期間は、ページ数に加えて、原稿・取材・撮影・機能・承認の条件で変わります。社内の確認が複数部署にまたがるなら、その時間も含めて公開日を決めましょう。制作会社の作業日だけを足し合わせると、必要な資料が届かず後半に作業が集中する可能性があります。

この記事では、発注前から公開後までの準備と担当を整理します。日程は進め方を考えるための架空例であり、業界の標準期間や特定会社の納期を示すものではありません。自社の情報がどこまでそろっているかを確認し、実際の条件に合わせて調整してください。

STEP1｜目的・利用者・公開範囲を決める

最初に、事業相談、会社情報の確認、採用、既存顧客向けの案内など、サイトへ来る人の目的を書き出します。次に、今回優先する目的と初回公開に必要な範囲を決めます。すべてを一度に刷新するのか、必要なページから段階的に公開するのかも、ここで検討します。

発注時には、既存サイトのURL、困っていること、希望日、予算の上限、社内の担当者、使っている公開環境を共有します。原稿や写真が足りない場合は、制作側へどこまで依頼するかを分けます。要件が未確定なら、決めるための調査と打ち合わせの工程も必要です。

社内では、窓口、各部署の確認者、最終承認者を決めます。担当者が情報を集めても、その内容を誰も承認できなければ先へ進みません。確認期限と不在時の代行も決め、公開日を優先するあまり未承認の事実を掲載しないようにします。

STEP2｜既存情報を棚卸しし、サイトマップをつくる

既存サイトがある場合は、ページ、画像、PDF、フォーム、外部リンクを一覧化します。残す、更新する、統合する、終了する内容を分け、各ページの責任部署を付けます。古いサービスや採用条件が残っていないか、問い合わせ先が部署ごとに違うかも確認します。

サイトマップでは、利用者がどのページから何を探すかを整理します。社内の組織図をそのままナビゲーションへ反映するのではなく、外部の人が理解できる分類にします。各ページの役割が重複している場合は、統合や内容の分担を検討してください。

必要なページを洗い出す際は、会社サイトの構成とサイトマップの例を使い、各ページが答える疑問を決めます。

STEP3｜原稿・写真・権利・根拠をそろえる

原稿は、部署へ「紹介文をください」と頼むだけでは分量や詳しさがばらばらになります。対象読者、伝える内容、必要な項目、文字量の目安、確認期限を添えて依頼します。事業の説明なら、何を提供するかだけでなく、対象、利用条件、相談後の流れも聞きます。

写真は、撮る前に使用箇所と目的を決めます。会社の雰囲気、作業の工程、担当者、製品の特徴では必要な写真が違います。撮影許可、人物の掲載同意、他社のロゴや資料の写り込み、素材の利用範囲も確認します。公開する権利と、他媒体へ転用する権利を同じものと考えないでください。

実績や数値には、出典、期間、対象、掲載許諾を付けます。商品・契約・個人情報に関わる内容は、該当部署が確認します。最新の資料を一本化し、古い原稿へ上書きするだけでなく、版と更新日を残すと、制作側との取り違えを防ぎやすくなります。

STEP4｜構成とデザインを、役割ごとに承認する

まず主要ページの構成で、情報の順番と導線を確認します。トップページ、サービス、事例、採用などの役割が固まってから、見た目の方向性をつくります。構成段階では内容と優先順位、デザイン段階では読みやすさと表現の統一というように、確認する観点を分けると議論が進みます。

共通の見出し、ボタン、ナビゲーション、写真の扱いを決めると、ページを増やしても使い方がばらばらになりにくくなります。スマートフォンの表示もこの段階で確認します。パソコンの画面が完成した後にすべてを小さく縮めるだけでは、情報が読みにくくなる場合があります。

確認コメントは、場所、問題、修正したい理由をそろえて返します。「もっと信頼感を」だけでなく「対応範囲を確認できる情報がないので、サービスページへの案内を足す」のように伝えると具体的です。好みと、読者が利用できない問題を分けて優先順位を付けましょう。

STEP5｜CMS・フォーム・計測と、移行の準備を進める

実装では、見た目を再現するだけでなく、更新担当者が使うCMS、問い合わせフォーム、解析などを設定します。お知らせや事例を誰が追加し、どこで承認するかを運用に合わせて設計します。必要な権限を持つ担当者が分かり、安全な方法でアクセスを引き継げる状態にしてください。

リニューアルでURLが変わる場合は、旧URLと新URLの対応表を用意します。Googleのサイト移転ガイドを参考に、適切な移転処理と公開後の確認を制作側へ依頼します。旧ページをすべてトップへ送るなど、利用者が探した内容を見つけにくい変更を一律に行わないようにします。

ドメインやサーバーの変更は、メールなど他のサービスへ影響する場合があります。現在の契約と設定の担当者を確認し、切り替えの手順、戻す条件、連絡先を決めます。JPドメインの更新や管理先についてはJPRSの案内など、利用している仕組みの公式情報も確認してください。

8週間の工程例：どの規模なら使えるか

この工程例の対象は、会社紹介を目的にした小規模サイトです。全8URLはトップ、サービス、事例一覧、事例詳細2件、会社情報、問い合わせ、プライバシー。事例詳細2件は同じ型を使うため、画面の型は7種類です。事例用CMS1種類、フォーム1本、既存原稿の整理と支給写真を使い、撮影・多言語・決済・外部システム連携は含めません。送信完了は問い合わせ内の表示で、別URLは増やしません。

発注側は窓口1名、内容確認者2名、最終承認者1名。窓口は週3時間、確認者は各週1時間、最終承認者は節目ごとに1時間を確保し、各確認を2営業日以内に返す前提です。制作側は進行・設計、デザイン、実装を担う担当が並行して動けることとします。以下は計画を作るための配分例で、見積もりや業界の標準納期ではありません。

2週目の原稿が1週間遅れれば、文量に依存する構成・デザインも遅れる可能性があります。代わりに仮文で進めるなら、どの修正まで含むかを合意します。事例2件だけが遅れた場合は、許諾の取れた事例だけで初回公開し、残りを後日追加する案を検討できます。ただし、空の事例一覧をそのまま公開するのではなく、ナビゲーションも合わせて調整します。

日程を短縮したい場合は、原稿の準備と承認窓口の一本化を先に進めます。受信テストや権利確認を省略して予定を守る方法は選びません。

担当と締め切りを埋める準備シート

工程表より先に、誰から何を受け取るかを決めます。下は上の8URLサイトに対応する記入例です。「担当部署」だけでなく責任者欄に実名を入れ、制作側へ渡す前に担当本人の予定を確認してください。

自社用の空欄は「準備物／担当者／承認者／提出期限／保管先／完了条件／現在の不足／対応期限」です。未定の欄を隠さず、決める担当と日を入れれば打ち合わせで相談できます。

STEP6｜検収は、読む・探す・入力する・更新するまで試す

検収では、原稿の正確さ、リンク、画像、スマートフォン表示、フォーム、通知、計測、CMS更新を点検します。W3Cのフォーム設計ガイドも参考に、ラベルとエラーの説明を確認します。正常な送信だけでなく、未入力、長い社名、戻る操作などでも試してください。

検索や絞り込みがあるなら、該当なしの表示も確認します。CMSでは、原稿と写真を追加してプレビューし、公開して取り下げる一連の操作を担当者が試します。担当者が実際に更新できないまま、マニュアルを受け取っただけで引き継ぎ完了にしないことが大切です。

公開前は、テスト用の原稿、仮画像、古い電話番号、公開を止める設定が残っていないかを点検します。公開作業には担当者と時間、確認するURL、問題発生時の戻し方を決めます。既存サイトの必要なバックアップや移行資料を保存し、変更前へ戻れる範囲を確認しておきましょう。

検収時に検索関連の設定も確かめるには、ホームページ制作のSEOチェックリストでURL・公開制御・移行・計測の証拠を残します。

STEP7｜公開後の確認と、更新を続ける担当を決める

公開直後は、本番のページ、フォーム受信、計測、主要な旧URLからの移動を確認します。検索からの流入は、公開すれば直ちに以前と同じ状態になるとは限りません。Googleの移転ガイドに沿って、移転後のアクセスや検索の状態を継続して見ます。

運用では、更新する情報、頻度、確認者、作業する人を決めます。CMSや外部機能の保守、バックアップ、障害時の窓口も別に整理してください。WordPressを使う場合は公式の更新案内を参照し、作業と動作確認を継続できる担当を置きます。

制作相談には、希望公開日だけでなく、資料の準備状況と社内の承認体制を伝えましょう。制作に関する窓口はSunday Parkのサービス案内をご覧ください。ホームページの規模、移行、更新・保守の対応範囲は個別に確認したうえで、現実的な工程を検討してください。

当社のHP制作では公開後1か月のアフターサポートがあり、その後の保守運用は希望に応じて相談できます。公開作業と継続的な更新の担当を、この工程表で分けてください。

ホームページ制作について相談する

記入用ファイル

記入例と空欄ファイルをダウンロードして、自社用に書き換えてください。HTMLはブラウザー等、CSVは表計算ソフトで使えます。

• 制作準備シート・空欄（CSV）
• 制作準備シート・記入例（CSV）

参考情報・出典

• Google 検索セントラル：URLの変更を伴うサイト移転URL変更時のマッピング、リダイレクト、移行後のモニタリング／確認：2026-10-04
• JPRS：JPドメイン名の各種申請についてJPドメインの更新、管理先、手続きの確認先／確認：2026-10-04
• W3C WAI：Forms Tutorialフォームのラベル、説明、入力確認、エラーと完了通知の設計／確認：2026-10-04
• WordPress：Updating WordPressWordPressの更新と更新前のバックアップに関する公式案内／確認：2026-10-04
• Sunday Park：サービス相談先の公式サービス案内／確認：2026-10-04