Home > ナレッジ > Webサイト制作の流れ|7つの工程と発注者が確認する事項を解説

Webサイト制作の流れ|7つの工程と発注者が確認する事項を解説

公開 更新

Webサイト制作を始める際、制作会社に任せる作業と自社で確認する事項を整理せずに進めようとしていませんか?制作は、目的と条件の整理から設計、デザイン、実装、検証、公開、運用へ進め、各工程で担当者と承認事項を決めます。

この記事では、Webサイト制作の流れと、発注者が各工程で確認する事項について取り上げます。目的や素材の準備状況に応じた進め方、変更や確認待ちへの対応、自社と制作会社の分担もお伝えします。

この記事でわかること

  • 制作の全体像を把握する7つの工程と承認の関係
  • 目的・素材・承認体制に応じた制作の進め方の違い
  • 工程別の成果物と発注者が確かめる事項の比較
  • 制作開始から公開までに実行する確認と承認の手順
  • 確認待ちや仕様変更による遅れと手戻りへの対応
  • 工程ごとの内製・外注の分担と依頼範囲の決め方

Webサイト制作は7工程を確認と承認で進める

発注者と制作会社は、各工程で決めた内容を確認して次の作業に進む範囲に合意し、発注者は素材の準備や社内確認を並行して進めます。工程の順序と承認事項を共有しておけば、途中で変更が生じた際も、双方が見直す作業を整理できます。

目的の整理から公開・運用までの全体像

この記事では制作の流れを次の7工程に整理しますが、制作会社によって工程の名称や区切り方は異なります。担当者は、見積もりや工程表の名称を各工程の作業内容と対応させ、何を決める段階かを確かめてください。

1. ヒアリング・要件定義:目的、対象者、必要なページや機能を決める

2. 企画・設計:サイト全体と各ページの構成を整理する

3. デザイン:色、文字、画像、画面の見え方を確認する

4. コーディング・実装:表示や操作ができる形に組み立てる

5. テスト・検証:内容、表示、リンク、フォームの動作を確かめる

6. 公開:公開作業と本番環境での確認を行う

7. 運用・改善:更新や保守の担当へ引き継ぐ

要件定義とは、制作で実現する内容と条件を具体的に決める作業です。問い合わせを受け付けたい企業の担当者は、「問い合わせを増やしたい」という希望を基に、掲載するサービス情報、フォームの項目、受信先を整理し、制作する内容を絞ります。

承認の順序と並行して進める準備

制作会社は、確認済みの設計やデザインを基に次の作業を進めます。一方、発注者は設計の検討中に写真を探すなど、準備を並行して進められます。すべての作業を同じ順序で待つ必要はありません。

ただし、未承認のデザインを使って実装を進める場合は、後から変更する範囲を双方で確認します。担当者は「何が決まったか」「何が未確定か」を記録し、未確定の項目が関係する作業には着手条件を設けます。

目的・素材・承認体制によって進め方を調整する

担当者は、サイトの目的、訪問者、原稿や写真の準備状況、社内の承認体制に合わせて、制作会社と進め方を調整します。希望する公開日と作業の条件を共有する際は、ページ数に加え、確認や修正に充てる時間も計画に含めます。

問い合わせと採用で確認する内容を分ける

問い合わせを目的とする場合、担当者はサービス情報と問い合わせ後の社内対応を整理し、設計段階で訪問者が説明を読んでからフォームへ進めるかを確かめます。掲載内容と受信先については、営業担当にも確認を依頼します。

採用を目的とする場合、企業は仕事の内容や募集情報を確認する担当者を決め、企画・設計の段階で採用に関わる部署へ確認を依頼します。担当者が募集内容の確認をテスト段階まで持ち越すと、文章や構成の修正が広がる場合があります。

目的が複数ある企業では、担当者がそれぞれの訪問者と利用場面を挙げ、先に確定させる内容と公開の優先順位を社内で共有します。目的設定そのものの検討は別途行い、この工程では、担当者が決めた目的を制作対象に反映できているかを確かめます。

素材が揃う場合と作成から始める場合

会社概要やサービス説明、写真が揃っている場合は、担当者が内容の正確さと使用するページを確かめ、制作会社がその素材を基に構成とデザインを検討します。ただし、資料が揃っていることだけでは、掲載する文章として使えるかまでは判断できません。

原稿作成や撮影から始める場合、担当者は情報を提供する部署と確認担当を先に決め、制作会社が作成する範囲と自社が準備する範囲を分けます。素材の完成日が未定なら、担当者と制作会社は、影響するページの確認日も合わせて調整します。

公開日と承認条件を合わせて判断する

公開日を優先する場合、担当者は公開時に揃えるページと機能を制作会社へ伝えます。希望する内容が日程に収まらない場合は、担当者と制作会社が制作範囲か公開日を見直し、検証を省く方法は調整の選択肢に含めません。

承認に複数の部署が関わる場合、担当者は確認の順序と回答期限を整理し、最終承認者の確認も予定に含めます。そのうえで、担当者と制作会社は作業日と社内の判断日を区別し、打ち合わせで作業期間と承認待ちの期間を分けて確認してください。

工程別に成果物と発注者の確認事項を比較する

発注者は、工程ごとに提出される資料や制作物を使い、設計では情報と構成、デザインでは見え方、テストでは実際の表示と動作を確かめます。一つの資料で判断する範囲は限られるため、発注者は確認する対象を工程に合わせて分けます。

7工程の成果物と確認事項

下表は、各工程で扱う成果物と確認事項を整理した例です。資料の形式や提出範囲は、制作会社との合意に合わせます。担当者は、資料を受け取る日と社内の回答日を工程表に記入し、確認の時間を確保します。

工程成果物・共有内容の例発注者が確認する事項
ヒアリング・要件定義目的、対象者、ページ・機能の一覧制作対象と優先順位が社内の方針に合うか
企画・設計サイトマップ、ワイヤーフレーム必要な情報が揃い、各ページの役割が明確か
デザインデザインカンプ内容を読みやすく、企業の表現方針に合うか
コーディング・実装確認用サイト、更新画面合意した構成や機能を確認できる状態か
テスト・検証確認用サイト、修正事項の一覧文章、表示、リンク、フォームに問題がないか
公開公開手順、作業担当、連絡方法公開の可否と公開後の確認担当が決まっているか
運用・改善操作方法、管理情報、担当範囲自社更新と保守の担当へ引き継げるか

サイトマップはサイト内のページ構成を示す資料で、ワイヤーフレームは各ページに情報を掲載する順番を示す設計図です。担当者は、この段階で情報の不足や重複を確かめ、見た目の調整と分けて修正を依頼します。

デザインカンプは、完成時の画面を示す見本です。担当者は、文字の読みやすさ、写真の使い方、スマートフォンでの見え方を確かめます。フォーム送信などの実際の動作は、操作できる確認用サイトで検証します。

問い合わせを受け付けるサイトの進行例

以下は想定の例です。企業がサービス紹介と問い合わせフォームを制作し、会社概要を社内資料から用意する場合を取り上げます。担当者は要件定義で掲載範囲と受信先を決め、設計ではサービス説明から問い合わせへ進む順序を確認します。

サービス担当がデザインの確認前に説明文を確定させ、担当者は文章と見た目を分けて確かめます。仮の文章では見出しや説明量に合わせた画面を判断しにくい場合があるため、担当者は確定した文章で画面を確認し、回答を制作会社にまとめて共有します。

テスト段階では、担当者がフォームを送信して社内の受信と自動返信メールを確かめ、その結果と残る修正事項を基に公開を承認するか判断します。この例で担当者と制作会社が確認する範囲は、問い合わせを受け付けるまでの一連の作業です。

採用情報を含むサイトでも、担当者は同じ整理を応用し、情報を確認する部署と、内容を確定する工程を決めます。確認担当が変わる場合も、担当者は成果物と承認事項を分けて整理します。

制作開始から公開までの確認を実行する

担当者は制作開始時に工程表、素材一覧、確認担当を制作会社と共有し、提出された資料ごとに確認事項と承認内容を記録します。公開前の動作や掲載内容の確認に加え、公開後に誰が確認するかまで決めて進めます。

開始時:作業と社内の役割を一覧にする

担当者は、会社概要、サービス説明、写真、ロゴ、営業資料などを制作対象のページと対応させ、必要な素材、準備担当、提出期限を一覧に記載します。制作会社に作成を依頼する素材も一覧に含め、情報提供の担当を決めます。

担当者は、制作会社との窓口、掲載内容の確認担当、最終承認者を整理し、同じ人が兼任する場合も、それぞれの役割で判断する内容を区別します。各工程の確認日を関係者へ伝える際には、回答が間に合わない場合の連絡方法も確かめます。

設計・デザイン:修正理由をまとめて共有する

担当者は、設計資料で必要な情報とページの役割を確認します。参考サイトを共有する場合は、「この情報のまとめ方を参考にしたい」など、参考にしたい部分と理由を具体的に示し、制作会社と検討する論点を揃えます。

デザインの修正依頼には、対象の画面、問題のある箇所、変更したい理由を記載します。担当者は社内の意見を集約し、判断済みの要望と相談したい事項を分けます。「文字が読みにくい」など、確認した状態を具体的に伝えてください。

実装・検証:動作と内容を担当別に確かめる

制作会社は、確認した構成とデザインを基に表示や機能を組み立てます。自社更新を予定する場合は、担当者も更新画面を確認します。CMSは、記事や掲載情報を管理する仕組みです。担当者は、予定する更新作業を実際に試して操作範囲を確かめます。

検証では、制作会社が技術的な動作を確認し、発注者が掲載内容と業務上の使い方を確かめます。担当者は文章、写真、リンク、フォーム送信、メール受信の結果を記録し、修正後に対象箇所を再確認して完了を判断します。

公開:承認と引き継ぎを終えてから作業する

担当者は、未対応の修正事項、公開作業の担当、当日の連絡方法を確かめます。公開前に確認できた機能も含め、担当者が本番環境での表示とフォームの動作を確認するため、公開後の確認担当も工程表に記載します。

引き継ぎでは、担当者が更新方法と保守の担当を共有し、バックアップや更新対応を誰が担当するかも確かめます。IPAが2026年3月に公表したガイドライン改訂資料にも、バックアップと安全なWebサイト運用についての記載があります。

遅れと手戻りを防ぎ、変更時は計画を組み直す

担当者と制作会社は、止まっている作業と、その前提となる確認を分けて整理し、原因を共有したうえで対応範囲と日程を更新します。双方は工程表で発注者側と制作会社側の作業を確かめ、当初の予定に固執せず調整を進めます。

確認待ち:未回答の項目と影響する工程を分ける

担当者は、確認資料への回答担当が未定のまま承認待ちが続かないよう、事前に確認内容と期限を共有します。回答が遅れた際は、担当者が未回答の項目を列挙し、制作会社と先に進められる作業を分けます。

制作会社側の資料提出が遅れた場合、担当者は社内の回答日も調整するため、確認に充てる時間を確かめます。担当者と制作会社は、提出日だけを変更して回答期限を維持することを避け、資料の提出から承認までを一続きの日程として組み直します。

追加要望:不具合の修正と変更を区別する

制作途中でページや機能を追加したくなった場合、担当者は目的と優先順位を伝え、制作会社と設計、デザイン、実装、検証への影響を確認します。双方は、対応内容と日程、費用への影響に合意してから作業を進めます。

担当者は、合意した仕様と異なる箇所を追加要望と分けて記録し、それぞれの対応範囲を確かめます。「フォームが送れない」と「入力項目を増やしたい」についても、担当者と制作会社は仕様との差と新しい希望を区別して確認します。

素材の遅れ:未完成の範囲を見える状態にする

原稿や写真の準備が遅れた場合、担当者は未完成のページと完成予定日を制作会社へ伝え、仮の素材で進めるなら差し替え時の確認も予定に含めます。完成した文章の量や写真の形によって、制作会社が画面を再調整する場合もあります。

担当者は、素材一覧に準備中、確認中、使用可能といった状態を記載し、情報の提供者と承認者のどちらからの回答を待っているかを確かめます。準備が難しい素材については、制作会社へ作成を依頼する範囲も再検討します。

承認の食い違い:決定内容と理由を共有する

部署ごとに異なる要望が出た場合、担当者は制作の目的と合意した条件に照らして意見を整理し、最終承認者の判断を受けて決定理由を制作会社へ伝えます。すべての意見をそのまま修正依頼として送ると、制作会社が優先順位を判断しにくくなる場合があります。

担当者と制作会社は、未決定の事項と必要な判断の量に合わせて打ち合わせの頻度を決め、進捗、確認待ち、変更事項、次の担当を記録します。会議の開催そのものを目的にせず、双方が回答の必要な項目を共有して制作を進めます。

工程ごとに内製と外注の分担を決める

担当者は、各工程で担当できる作業と確認に充てられる時間を基に内製と外注を分け、作業担当と承認担当を区別して依頼範囲の抜けを確かめます。社内で素材を用意し、制作会社が設計や実装を担当する組み合わせも選べます。

社内で担当する作業と依頼する作業

社内に情報を集める担当と文章を整える時間があれば原稿を自社で準備し、撮影や文章作成の時間を確保しにくければ、担当者は制作会社への依頼を検討します。どちらの場合も、企業が掲載内容を確認する作業は省きません。

設計、デザイン、実装、検証を社内で担当する場合は、それぞれの作業を判断できる担当者を決めます。経験や作業時間が不足する工程は、外部へ依頼する候補です。内製の範囲を広げる際も、確認と修正の時間を計画に含めます。

依頼前に作業と確認の境界を決める

担当者は、「原稿作成を依頼する」「社内資料を提供する」「完成文を確認する」を分け、制作会社に任せる範囲と自社で対応する範囲を整理します。撮影を依頼する場合も、撮影対象や社内の日程調整を誰が担当するかを決めます。

公開後に自社で更新する予定なら、担当者は制作段階で更新対象を共有します。記事の投稿と画面構成の変更では、必要な作業が異なります。操作方法の説明と引き継ぎを制作範囲に含むか、依頼前に確かめてください。

見積もりで工程との対応を確かめる

見積もりでは、担当者が金額と制作工程を対応させて確認します。原稿、撮影、ページ制作、機能の実装、検証、公開作業の範囲を揃えます。費用は依頼内容で変わるため、この記事では共通の金額を示しません。

  • 制作するページと機能の範囲
  • 原稿・写真の作成と提供の担当
  • 各工程の提出物と確認の機会
  • 修正の対象と追加要望への対応
  • 公開作業と公開後の確認範囲
  • 更新方法の説明と管理情報の引き継ぎ

まとめ

次の打ち合わせに向けて、担当者は制作対象、素材の準備状況、社内の承認者を一覧にまとめます。工程表を受け取っていれば資料の提出日と自社の回答日を対応させ、未確定の項目には決める担当と判断の期限を添えます。

公開日を優先するか、制作する内容を優先するかによって、調整の方法は変わります。素材作成を外部へ依頼する場合も、情報提供と内容確認の時間は計画に含めます。担当者は、希望する日程の前提を制作会社と揃えてください。

担当者はまず、次の工程へ進むために誰の回答が必要かを確かめます。未回答の事項と影響する作業を整理したうえで、担当者と制作会社は、先に進める範囲と再調整する範囲を分けて判断できます。

この記事からわかるQ&A

すべての要望が決まるまで制作を始められませんか?

担当者と制作会社が着手する範囲に合意すれば、未確定の事項があっても、担当者は掲載予定の資料や写真を集める準備から始められます。画面の細部が決まるまで、こうした準備を待つ必要はありません。未確定の機能に関わる実装を進める場合、担当者は制作会社と変更時に見直す作業を確かめ、決定期限を工程表に記載します。

承認したデザインは後から変更できますか?

担当者は承認後も変更を依頼できますが、対応範囲、日程、費用は変更内容と合意条件によって異なります。文章や機能の誤りに気づいた場合も、承認済みという理由で共有を控える必要はありません。担当者は仕様との相違か新たな希望かを分けて説明し、制作会社と修正後の確認方法まで合意してから変更を進めます。

原稿が完成していない状態でデザインを確認できますか?

担当者は仮の文章を使う箇所と差し替え期限を共有し、仮の文章で画面を確認した後も、最終文での確認を省きません。内容と画面の承認を区別し、見出しの長さや説明量が変わった場合は、担当者が画面を改めて確かめます。

決裁者はすべての打ち合わせに参加する必要がありますか?

日常の連絡を担当者が受け持つ場合、決裁者はすべての打ち合わせに参加せず、制作の方向性や公開の可否を承認します。担当者は、自分で判断してよい範囲を事前に確かめます。予算や制作対象を変える要望については、担当者が決裁者の承認を得るまで、制作会社へ確定事項として伝えません。

公開した日にGoogle検索へ表示されますか?

Googleは検索セントラルで、登録をリクエストしても、すぐに検索結果へ表示されるとは限らず、表示されない場合もあると説明しています(2025年12月更新)。担当者は公開作業と検索への登録を依頼する作業を分けて扱い、公開後にGoogleの検索状況を確認するSearch Consoleで状況を確かめます。

引用・参考資料

この記事の著者

纐纈智英

纐纈智英アストライド-Astride- 代表

  • Facebook
  • Instagram
  • Threads
  • X
  • LinkedIn

「左脳と右脳のハイブリッド」を武器に、人の心の深層に迫るインタビュアー。行政職員として12年間、予算編成や徴収業務に従事した論理性と、音楽コンテストでグランプリを受賞した芸術的感性を併せ持つ。Adobeコミュニティエキスパートとして活動。これまでに200社以上の経営者インタビューを重ね、本人すら気づいていない「言葉にならない想い」を引き出し、ひとつの物語として残してきた。

30分の無料オンライン相談

何をつくるべきか、まだ決まっていなくても大丈夫です。

採用・広報・理念浸透に向けた映像やポッドキャストの活用方法を、30分の無料オンライン相談で一緒に整理します。

30分で課題を整理する(無料)

お問い合わせ

ご相談内容がまとまっていなくても大丈夫です。

採用・広報・映像・ポッドキャストに関するお悩みを、まずはお気軽にお聞かせください。

お問い合わせ

ニュースレター

企業の「伝わる発信」を考えるニュースレター

ポッドキャストの更新情報、映像・音声・SNS運用の実践知を、定期的にお届けします。