Webサイトの制作は、複数のメンバーがいくつもの工程を経て進みます。発注側の担当者が「いま何をしているか」「次にどんなフェーズか」を把握しておくと、進行がスムーズになりやすくなります。ここでは、提案・契約から準備、企画・設計、デザイン、開発、テスト、公開・運用までの流れを、各工程の内容とあわせて整理します。
1. 提案・契約
新規相談では、現状のWebサイトや課題について簡易ヒアリングを行い、提案のためのアポイントを設定します。提案内容の策定では、現状分析と課題抽出を経て、Web制作による解決策を検討し、提案書と見積書を作成します。提案はオンライン・対面・メール・チャットで行い、質問や要望を聞いて必要に応じて内容を調整します。契約は契約書に制作内容・納期・費用・支払条件・著作権・保守運用を明記し、電子契約ツール（例：クラウドサイン）で締結します。
- 新規相談への対応
- 見込み客への簡易ヒアリングとアポイント設定
- 提案内容の策定
- 現状分析・課題抽出を経て、Web制作による解決策を提案としてまとめる
- 提案書セットの作成
- 提案書と見積書をデータで用意する
- 提案
- Web・対面のミーティングまたはメール・チャットで提案を行う
- 契約の締結
- 契約書を用意し、電子契約ツールで合意締結する
2. 準備
プロジェクト環境の準備では、Notion・Google Drive・ChatWork等でプロジェクトを立ち上げ、制作・開発環境を整えます。仕様書・ヒアリングシートを準備し、キックオフでプロジェクトの前提条件を説明したうえでヒアリングを行います。
- プロジェクト環境の準備
- 社内ツールでプロジェクトの立ち上げ、制作・開発環境を作る
- 仕様書・ヒアリングシートの準備
- 仕様書・ヒアリングシートを準備する
- キックオフミーティング・ヒアリング
- 仕様書に基づき前提条件の説明とヒアリングを行う
3. 企画・設計
ヒアリング内容を仕様書に落とし込み、サイトマップをページ単位まで詳細化し、ワイヤーフレームで画面構造とページ内コンテンツの大枠（h2の文言まで）を定義します。
- 仕様書の完成
- ミーティング・ヒアリング内容を整理し、今後の進行を仕様書に落とし込む
- サイトマップの完成
- ページ単位まで詳細化・論理構造化する
- ワイヤーフレーム作成
- 画面の構造、ページ内コンテンツの大枠（h2の文言まで）を定義する
4. デザイン・開発・テスト・公開
デザインでは、ワイヤーフレームを基にデザインカンプを作成し、クライアント確認・修正を経て確定します。開発では、確定デザインに基づいてコーディングし、CMSの設定・コンテンツ登録を行います。テストでは、機能・表示・パフォーマンス・セキュリティを確認し、受け入れテストでクライアントとともに要件充足を確認します。問題がなければ本番環境に公開し、運用・保守に移行します。
まとめ
Web制作は、提案・契約→準備→企画・設計→デザイン→開発→テスト→公開・運用の流れで進みます。各工程で何が行われ、次に何が来るかを把握しておくと、進行の共有と意思決定がしやすくなります。進め方や工程で疑問がある場合は、担当の制作会社に「いまどの工程か」「次に必要な確認は何か」を聞くと、スムーズに進められます。
無料相談のご案内
Web制作の進め方や各工程の内容でお困りでしたら、合同会社ギャラクタスにご相談ください。提案から公開・運用まで一貫して対応しており、工程ごとの説明も行っています。無料相談でご要望をお聞かせいただければ、貴社に合った進め方とプランをご提案します。
