GUIDE
Webサイト制作の流れ
全体の流れと、各工程で確認する内容をご案内します。
目的や必要な制作範囲を確認し、費用・日程をご案内します。
制作開始：ご依頼いただいた範囲に応じて進めます。
FLOW
工程ごとの進め方
制作範囲、ページ数、必要な機能、原稿・写真の準備状況によって、工程と期間は変わります。ご相談のうえ、確認日程も含めたスケジュールをご案内します。
- 1
ご相談
- 制作側がすること
- 目的や困っていること、希望時期を伺います。
- お客様にお願いすること
- 分かる範囲で、現在の状況やご希望をお知らせください。
- 2
ヒアリング
- 制作側がすること
- 必要な制作範囲や、原稿・資料の準備状況を確認し、進め方を整理します。
- お客様にお願いすること
- お手元の資料や既存サイト・原稿を共有し、社内の確認窓口をお知らせください。
- 3
お見積もり
- 制作側がすること
- 確認した内容をもとに、制作範囲・費用・進行予定をご案内します。
- お客様にお願いすること
- 対応範囲・費用・日程をご確認いただき、不明点をお知らせください。
- 4
ご依頼内容・費用・日程の合意
- 制作側がすること
- ご依頼いただく範囲と、お見積もり・進行予定を確認し、合意した内容で制作を始めます。
- お客様にお願いすること
- 制作範囲・費用・日程と、社内で確認する窓口をご確認ください。
- 5
サイト構成・画面設計
- 制作側がすること
- 必要なページと掲載項目を整理し、情報の順番とお問い合わせまでの導線を設計します。
- お客様にお願いすること
- 構成案と画面設計を見て、必要な情報や不足している内容をご確認ください。
- 6
素材準備・取材・撮影
- 制作側がすること
- 必要な原稿・写真を整理します。取材・撮影を行う場合は、質問案と撮影内容、当日の進行を準備します。
- お客様にお願いすること
- 資料、取材対象者、参加できる時間、撮影場所、写真や発言の掲載可否をご確認ください。撮影は必要な場合に別途お見積もりします。
- 7
原稿・写真の確認
- 制作側がすること
- 資料や取材内容から原稿を作成し、写真を選定します。確認いただいた内容をもとに修正します。
- お客様にお願いすること
- 会社情報、数字、サービスや設備の説明などの事実関係と、写真の掲載可否をご確認ください。修正意見は窓口でまとめてお知らせください。
- 8
デザイン制作
- 制作側がすること
- 内容に合わせてPC・スマートフォンのデザインをご提案し、確認・修正を進めます。
- お客様にお願いすること
- 見え方と読みやすさをご確認ください。原稿制作と並行して進む工程がある場合は、事前に進行を共有します。
- 9
実装・公開前確認
- 制作側がすること
- ページを実装し、スマートフォン表示、リンク、フォームなどを確認します。
- お客様にお願いすること
- 公開前のサイトで表記、掲載内容、フォームの受信先をご確認いただき、公開の承認をお願いします。
- 10
公開・公開直後の確認
- 制作側がすること
- 最終修正と公開準備を行い、公開後の表示と問い合わせの受信を確認します。
- お客様にお願いすること
- 公開内容をご確認ください。更新方法をご案内し、継続的な更新・運用は必要な範囲と費用を別途相談します。
取材・撮影がある場合の準備例
撮影がある案件では、撮る内容だけでなく、掲載先・参加者・時間・掲載可否を整理します。以下は架空の製造業サイト制作計画をもとにした例です。
| 準備資料 | 整理する内容 |
|---|---|
| 撮影指示書 | 撮影する内容、掲載ページ、縦横の構図、準備物、掲載可否 |
| 撮影香盤表 | 撮影・取材の順番、参加する人、場所、参加時間、移動・休憩 |
| 事前準備リスト | 会社資料、出演者の調整、写真・発言の使用範囲、撮影できる場所 |
例：集合・撮影範囲の確認 → 作業風景の撮影 → 担当者の取材 → 写真の掲載可否・不足カットの確認。
元の制作例は7ページ・撮影2日間・約4か月の仮計画です。標準納期や実績を示すものではありません。撮影なし・素材支給の案件では工程を調整します。