Webサイト制作の流れ

Webサイト製作サービスの詳細な流れを考えてみました。

既存CMSを使用したWebサイトの構築と、その維持・管理を行うサービスを想定しています。

クライアントと制作側に不利が生じないようにするための、様々な布石を確認できればと思います。

よほど大きな案件でなければ、ここまで布石をばらまかなくていいと思います。
というか、小さな案件では、クライアントに面倒が多く、マネジメントに時間を取られ料金が高くなるため、お勧めできません。

面倒なサービスモデルの一つとして、見ていただければと思います。

クライアント側

製作者側

接触

電話やメールなどで要望と予算を伝える。

応答

ヒヤリングシートへの記入を依頼する。

ヒヤリングシート・サービス説明資料を提出。

要望の明確化

サービス説明資料を確認。

ヒヤリングシートを記入し、提出。

要望の明確化

ヒヤリングシートを受け取り、企画書を作成、
制作スケジュール・概算料金を算出。

企画の確認

企画書・制作スケジュール表・概算料金書を確認。

企画の修正依頼

修正がある場合、要望を連絡。

企画らに満足できない場合、サイト作成依頼の見送りを通達。

企画の提出

企画書・制作スケジュール表・概算料金書を作成し提出。

企画の修正

修正依頼のある場合、修正して再提出。

修正回数の上限を超える場合、手付金をいただく。

要望予算とスケジュールに無理がある場合、受注の見送りを通達。

打ち合わせ

企画書・制作スケジュール表・概算料金書を確認。

詳細な要望を伝える。

手付金について了承する。

打ち合わせ

企画書・制作スケジュール表・概算料金書を提出。

要望に対する具体的な措置を提案する。

サイト制作の流れについての説明を行う。

制作/維持管理の契約についての説明を行う。

手付金についての説明を行う。

Webサイト制作業務委託契約内の手付金発生

手付金についての合意

本契約前に行わせる業務についての料金支払いを確約。

  • 合意書(正) [ 署名・押印・保管 ]
  • 合意書(控) [ 署名・押印・提出 ]

手付金についての合意

本契約前に行う業務についての料金請求を確約。

  • 合意書(正) [ 署名・押印・提出 ]
  • 合意書(控) [ 署名・押印・保管 ]

見積書作成

工数等から料金を算出し、見積書を作成。

制作スケジュール表作成

数種類のバリエーションを作成。

主要ページワイヤーフレーム案作成

トップページ以外の主要ページのコンテンツ案を作成。

トップページデザイン案作成

数種類のバリエーションを作成。

企画関連資料受け取り・修正依頼

企画関連資料を受け取り、確認。

修正箇所があれば、修正を依頼。

企画決定

修正箇所がなければ、企画を承認し、その旨を連絡。

企画関連資料提出・修正

企画書・トップページデザイン案・主要ページワイヤーフレーム案、
制作スケジュール表・見積書をクライアントに提出。

修正依頼があれば修正して再提出。

企画決定

企画承認を確認し、企画作成を完了とする。

Webサイト維持管理業務委託契約書を作成

  • Webサイト維持管理業務委託契約書
  • 機密保持契約書
  • 仕様書
    • 一般公開環境仕様
    • CMS仕様
  • 業務内容表
  • 主要追加業務料金表
  • 見積書
  • 発注書

Webサイト制作業務委託契約書を作成

  • 企画書
  • Webサイト制作業務委託契約書
  • 機密保持契約書
  • 仕様書
    • テスト環境仕様
    • 一般公開環境仕様
    • デザインガイドライン
    • コーディング規約
    • CMS仕様
    • 作成ページ一覧(ディレクトリマップ)
    • デザイン案
    • 主要ページワイヤーフレーム
  • 制作スケジュール表
  • 見積書
  • 発注書

契約書・関連資料の事前確認

契約書・関連資料をメールで受け取る。

不明な点、不利な契約条項がないか確認。

契約書・関連資料の事前提出

契約書・関連資料をメールでクライアントに提出。

契約書・関連資料に修正がないか確認してもらう。

契約書・関連資料の事前修正指示

契約書・関連資料を確認。

誤記載・不利な契約条項を修正するよう要望。

契約書・関連資料の事前修正

修正要望を検討。

不利な契約にならない範囲で、契約書・関連資料を修正。

契約書・関連資料をメールでクライアントに再提出。

Webサイト制作業務委託契約書の確認

契約書の内容を製作者側から解説。

不明な点を質問したり、不利な条件がないか確認。

Webサイト制作業務委託契約書の解説

契約書の内容をクライアントに解説。

ここまでで契約の見送りを行なった場合、手付金を請求。

納品

作成済みデータを受け取り、確認して保管。

納品書を受け取り、確認して保管。

請求書受け取り

請求書を受け取り、確認して保管。

料金支払い

請求書に則り、料金を支払う。

領収書受け取り

領収書を受け取り、確認して保管。

納品

作成済みデータをDVDなどに保存して提出。

納品書を発行して提出。

料金請求

請求書を発行して提出。

料金の領収確認

請求書に則り、料金が支払われたか確認。

領収報告

領収書を発行して提出。

Webサイト制作業務

Webサイト制作業務委託契約

Webサイト制作業務委託契約書の内容に同意したことを証明するため、
各書類に署名・押印。

  • 企画書(正) [ 保管 ]
  • 企画書(控) [ 同一か確認 ]
  • Webサイト制作業務委託契約書(正) [ 署名・押印・保管 ]
  • Webサイト制作業務委託契約書(副) [ 同一か確認・署名・押印・提出 ]
  • 機密保持契約書(正) [ 署名・押印・保管 ]
  • 機密保持契約書(副) [ 同一か確認・署名・押印・保管 ]
  • 仕様書(正) [ 保管 ]
  • 仕様書(控) [ 同一か確認 ]
  • 制作スケジュール表(正) [ 保管 ]
  • 制作スケジュール表(控) [ 同一か確認 ]
  • 見積書(正) [ 保管 ]
  • 見積書(控) [ 同一か確認 ]
  • 発注書(正) [ 受け取り ]
  • 発注書(控) [ 同一か確認・受け取り ]

Webサイト制作業務委託契約

Webサイト制作業務委託契約書の内容に同意したことを証明するため、
各書類に署名・押印。

  • 企画書(正) [ 提出 ]
  • 企画書(控) [ 保管 ]
  • Webサイト制作業務委託契約書(正) [ 署名・押印・提出 ]
  • Webサイト制作業務委託契約書(副) [ 署名・押印・保管 ]
  • 機密保持契約書(正) [ 署名・押印・提出 ]
  • 機密保持契約書(副) [ 署名・押印・保管 ]
  • 仕様書(正) [ 提出 ]
  • 仕様書(控) [ 保管 ]
  • 制作スケジュール表(正) [ 提出 ]
  • 制作スケジュール表(控) [ 保管 ]
  • 見積書(正) [ 署名・押印・提出 ]
  • 見積書(控) [ 署名・押印・保管 ]
  • 発注書(正) [ 提出 ]
  • 発注書(控) [ 提出 ]

発注書発行

発注書に署名・押印して提出。

発注書受理

発注書を確認して受理、保管。

受注書受け取り

受注書を確認して保管。

受注書発行

受注書を作成・署名・押印して提出。

掲載コンテンツ作成・収集・提出開始

ワイヤーフレームに沿って
掲載するテキストを作成、写真を収集。

順次、提出。

トップページデザイン案作成開始

企画・ワイヤーフレームに沿って
トップページデザインの作成を開始。

ヘッダーやフッター、見出しなどの
汎用パーツデザインも同時に作成。

各ページワイヤーフレーム作成開始

残りのワイヤーフレームの作成を開始。

順次、提出。

テスト環境構築

サーバー・ドメイン・アクセス制限を設定。

CMSインストール。

各ページワイヤーフレーム受け取り・修正依頼

各ページワイヤーフレームを受け取り、確認。

修正箇所があれば、修正を依頼。

各ページワイヤーフレーム決定

修正箇所がなければ、各ページワイヤーフレームを承認し、その旨を連絡。

各ページワイヤーフレーム提出・修正

各ページワイヤーフレームをJPEG/PNGなどの画像データでクライアントに提出。

修正依頼があれば修正して再提出。

各ページワイヤーフレーム決定

各ページワイヤーフレーム承認を確認し、ワイヤーフレーム作成を完了とする。

トップページデザイン案受け取り・修正依頼

デザイン案を受け取り、確認。

(ヘッダーやフッター、見出しなどの汎用パーツデザインも含む。)

修正箇所があれば、修正を依頼。

トップページデザイン決定

修正箇所がなければ、デザイン案を承認し、その旨を連絡。

(ヘッダーやフッター、見出しなどの汎用パーツデザインも含む。)

トップページデザイン案提出・修正

デザイン案をJPEG/PNGなどの画像データでクライアントに提出。

(ヘッダーやフッター、見出しなどの汎用パーツデザインも含む。)

修正依頼があれば修正して再提出。

トップページデザイン決定

デザイン案承認を確認し、トップページデザイン作成を完了とする。

(ヘッダーやフッター、見出しなどの汎用パーツデザインも含む。)

CMSカスタマイズ開始

CMSの挙動制御、
挙動追加するプログラムの作成を開始。

表示挙動プログラムの作成開始

Webブラウザで静的HTML/CSSの
表面的な挙動を操作するプログラムの作成を開始。

静的HTML/CSSコーディング開始

Webブラウザでのデザイン・コンテンツ確認用の
静的HTML/CSSの作成を開始。

各ページデザイン作成開始

ワイヤーフレーム・企画書に沿って
各ページデザインの作成を開始。

各ページデザイン案受け取り・修正依頼

デザイン案を受け取り、確認。

修正箇所があれば、修正を依頼。

各ページデザイン決定

修正箇所がなければ、デザイン案を承認し、その旨を連絡。

各ページデザイン案提出・修正

デザイン案をJPEG/PNGなどの画像データでクライアントに提出。

修正依頼があれば修正して再提出。

各ページデザイン決定

デザイン案承認を確認し、各ページデザイン作成を完了とする。

掲載コンテンツ作成・収集・提出完了

全てのコンテンツを作成・提出。

提供コンテンツ落とし込み・微調整

提供されたコンテンツをデザインに反映。

最終デザイン受け取り・修正依頼

全てのページのデザイン画像データを受け取り、確認。

修正箇所があれば、修正を依頼。

最終デザイン決定

修正箇所がなければ、デザインを承認し、その旨を連絡。

最終デザイン提出

全てのページのデザインをJPEG/PNGなどの画像データでクライアントに提出。

修正依頼があれば修正して再提出。

最終デザイン決定

デザイン承認を確認し、サイトデザイン作成を完了とする。

静的サイト作成

デザイン・コンテンツ・表面的な挙動確認用のWebサイトを作成。

静的サイト確認・修正依頼

静的サイトURL・アクセスアカウント情報を受け取り、確認。

修正箇所があれば、修正を依頼。

デザイン・コンテンツ・表面的な挙動の決定

修正箇所がなければ、デザイン・コンテンツ・表面的な挙動を承認し、その旨を連絡。

静的サイト確認依頼・修正

静的サイトURL・アクセスアカウント情報を通知し、確認を依頼。

修正依頼があれば修正して再度確認を依頼。

デザイン・コンテンツ・表面的な挙動の決定

承認を確認し、静的サイト作成を完了とする。

テストサイト作成

デザイン・コンテンツ・表面的な挙動をCMSに反映。

サイト運用マニュアル(仮)受け取り

サイト運用マニュアル(仮)を受け取り、確認。

サイト運用マニュアル(仮)提出

サイト運用マニュアルを作成、提出。

テストサイト確認・修正依頼

テストサイトURL・アクセスアカウント情報、
サイト管理者アカウント情報、
検査表を受け取り、確認。

修正箇所があれば、修正を依頼。

返送する 検収結果通知書 を受け取り。

テストサイトの決定

修正箇所がなければ、テストサイトを承認し、
検収結果通知書 を記入・返信。

テストサイト確認依頼・修正

テストサイトURL・アクセスアカウント情報、
サイト管理者アカウント情報を通知、
検査表を提出し、確認を依頼。

修正依頼があれば修正して再度確認を依頼。

返送してもらう 検収結果通知書 を提出。

テストサイトの決定

検収結果通知書 を受け取り、確認・保管。

承認を確認し、テストサイト作成を完了とする。

サイト運用マニュアル受け取り

サイト運用マニュアルを受け取り、確認。

サイト運用マニュアル提出

テストサイト修正にて生じた修正を加えたサイト運用マニュアルを作成、提出。

発注以降で契約書や見積書に記載されたもの以外の業務が発生した場合、都度、確認を行う。

仕様変更/追加依頼

デザインや挙動の変更や追加、ページ数の増減などを要望。

変更/追加仕様の確認

変更/追加仕様を確認し、再見積もりが必要か判定し、連絡する。

発注以降で再見積もりが必要な場合、都度、見積もりを行う。

見積書受け取り

見積書・制作スケジュール表・追加仕様書を受け取り、確認して保管。

再見積もり

見積書を発行、制作スケジュール表・追加仕様書を作成し提出。

発注以降で仕様変更や料金変動、契約内容の変更がある場合、都度、両者の合意を確認する。

合意確認

変更内容を確認して合意。

  • 合意書(正) [ 署名・押印・保管 ]
  • 合意書(控) [ 署名・押印・提出 ]

合意確認

変更内容を確認して合意。

  • 合意書(正) [ 署名・押印・提出 ]
  • 合意書(控) [ 署名・押印・保管 ]

納品

テストサイト構築用データを受け取り、確認して保管。

納品書を受け取り、確認して保管。

請求書受け取り

請求書を受け取り、確認して保管。

納品

テストサイト構築用データをDVDなどに保存して提出。

納品書を発行して提出。

料金請求

請求書を発行して提出。

料金支払い

請求書に則り、料金を支払う。

料金の領収確認

請求書に則り、料金が支払われたか確認。

領収書受け取り

領収書を受け取り、確認して保管。

領収報告

領収書を発行して提出。

Webサイト維持管理業務

Webサイト維持管理業務委託契約

  • Webサイト維持管理業務委託契約書(正) [ 署名・押印・保管 ]
  • Webサイト維持管理業務委託契約書(副) [ 同一か確認・署名・押印・提出 ]
  • 機密保持契約書(正) [ 署名・押印・保管 ]
  • 機密保持契約書(副) [ 同一か確認・署名・押印・提出 ]
  • 仕様書(正) [ 保管 ]
  • 仕様書(控) [ 同一か確認 ]
  • 主要追加業務料金表(正) [ 提出 ]
  • 主要追加業務料金表(控) [ 同一か確認 ]
  • 見積書(正) [ 保管 ]
  • 見積書(控) [ 同一か確認 ]
  • 発注書(正) [ 受け取り ]
  • 発注書(控) [ 同一か確認・受け取り ]

Webサイト維持管理業務委託契約

  • Webサイト維持管理業務委託契約書(正) [ 署名・押印・提出 ]
  • Webサイト維持管理業務委託契約書(副) [ 署名・押印・保管 ]
  • 機密保持契約書(正) [ 署名・押印・提出 ]
  • 機密保持契約書(副) [ 署名・押印・保管 ]
  • 仕様書(正) [ 提出 ]
  • 仕様書(控) [ 保管 ]
  • 主要追加業務料金表(正) [ 提出 ]
  • 主要追加業務料金表(控) [ 保管 ]
  • 見積書(正) [ 署名・押印・提出 ]
  • 見積書(控) [ 署名・押印・保管 ]
  • 発注書(正) [ 受け渡し ]
  • 発注書(控) [ 受け渡し ]

発注書発行

発注書に署名・押印して提出。

発注書受理

発注書を確認して受理、保管。

受注書受け取り

受注書を確認して保管。

請求書受け取り

請求書を受け取り、確認して保管。

受注書発行

受注書を作成・署名・押印して提出。

料金請求

請求書を発行して提出。

料金支払い

請求書に則り、料金を支払う。

料金の領収確認

請求書に則り、料金が支払われたか確認。

領収書受け取り

領収書を受け取り、確認して保管。

領収報告

領収書を発行して提出。

一般公開サイト構築

テストサイトを一般公開環境に複製・移設。

一般公開環境構築

サーバー・ドメイン・アクセス制限を設定。

一般公開サイト確認

サイトURL・アクセスアカウント情報、サイト管理者アカウント情報、
検査表を受け取り、確認。

修正箇所があれば、修正を依頼。

返送する 検収結果通知書 を受け取り。

一般公開サイトの決定

修正箇所がなければ、サイトを承認し、
検収結果通知書 を記入・返信。

一般公開サイト確認依頼

サイトURL・アクセスアカウント情報、サイト管理者アカウント情報、
検査表を受け渡し、確認を依頼。

修正依頼があれば修正して再度確認を依頼。

返送してもらう 検収結果通知書 を提出。

一般公開サイトの決定

検収結果通知書 を受け取り、確認・保管。

承認を確認し、サイト作成を完了とする。

一般公開日の指定

アクセス権限を解除する日を指定して連絡。

一般公開日の確認

指定された日時に公開作業を行えるか判定して了承。

サイトの一般公開を周知

サイト公開報告を受け取る。

最初のブログを書く

アクセス権限解除後に記事を公開することで、
検索エンジンに登録されやすくなる。
また、関連SNSなどとの連携を確認。

サイト公開

アクセス権限を解除。

検索エンジン対応

sitemap.xml を作成し、対応ディレクトリへ配置。

検索エンジンへのクロール依頼を通知

アクセス解析対応

アクセス解析を行うサービス/プログラムの導入。

サイト公開を報告

サイトの一般公開と関連作業の完了を報告。

ページや記事を増やす。

コンテンツを増やすことで、
多くの検索キーワードにヒットできるようにする。

バックアップ

一定周期で、サイトのバックアップデータを保管。

Webサイト維持管理業務委託契約更新

契約更新の検討

維持管理契約の期間を延長するか検討し、承認。

請求書受け取り

請求書を受け取り、確認して保管。

契約更新の検討依頼

契約更新検討を依頼。

料金請求

請求書を発行して提出。

料金支払い

請求書に則り、料金を支払う。

料金の領収確認

請求書に則り、料金が支払われたか確認。

領収書受け取り

領収書を受け取り、確認して保管。

領収報告

領収書を発行して提出。

Webサイト維持管理業務委託契約破棄

契約の破棄

契約を破棄する旨を連絡。

契約破棄の承認

契約破棄を承認し、その旨を連絡。

契約破棄合意確認

契約破棄内容を確認して合意。

  • 合意書(正) [ 署名・押印・保管 ]
  • 合意書(控) [ 署名・押印・提出 ]

契約破棄合意確認

契約破棄内容を確認して合意。

  • 合意書(正) [ 署名・押印・提出 ]
  • 合意書(控) [ 署名・押印・保管 ]

納品

直近のバックアップデータを受け取り、確認して保管。

納品書を受け取り、確認して保管。

納品

直近のバックアップデータをDVDなどに保存して提出。

納品書を発行して提出。

契約終了