WEBサイト構築のワークフロー
WEBサイト構築のワークフロー
小規模なWEBサイトやコンテンツ制作であれば、WEBデザイナーも、企画から制作、納品までを担当することもあります。そこで、WEBサイトを構築するワークフロー（作業の流れ、行程）を説明したいと思います。ワークフローは、企画や規模によって違いますし、実際の現場では、ワークフローの順番通りにプロジェクトが進まないこともありますが、行程を知っておくことはとても重要です。
WEBサイト構築のワークフローは主に、上図のように「企画・設計フェーズ」と「制作・開発フェーズ」に分かれます。
企画・設計フェーズ
キックオフ
プロデューサーや営業担当者が仕事を受注し、プロジェクトの一番最初におこなう打ち合わせが「キックオフミーティング」です。キックオフミーティングでは、通常、プロデューサー、ディレクターがプロジェクトの要件をヒアリング、作業の進行方法等を打ち合わせます。
企画、設計
キックオフミーティングでのヒアリングを元にディレクター（プランナー）が企画を作成します。そのプロジェクトで一番重要なことは何か？プロジェクトの目的（スコープ）は何か？WEBサイト（コンテンツ）を構築する目的は何か？その目的を達成するためのアクションプランは何かを考え、企画書を作成します。
企画、設計フェーズでは、サイトの構造設計も行います。いわゆるサイトマップと呼ばれる、WEBサイト全体の構造を図式化したものと、ページのレイアウトが記されたワイヤーフレーム仕様書を作成します。
企画・設計と同時進行で決めなければいけないのが、プロジェクトメンバーの決定（デザイナー、プログラマーのアサイン）とスケジュール、予算（コスト）の決定です。
制作・開発フェーズ
デザイン
企画とコンセプトを元にサイトのデザイン案を作成します。通常、トップページと下層コンテンツページの2枚のJPG画像を提出するのが一般的で、デザイン案は複数案作成されることも少なくありません。 デザイナーは、デザイン案を作成すると同時に、そのサイトのデザインルール、サイトで使用するカラー（カラーマネジメント）やアイコンパーツ作成時のルール、フォントや画面構成等も決定します。
素材収集管理
デザイン案を提出するとともに、必要な素材の収集も行います。サイトに使う画像やテキスト、映像などをクライアントから受け取り、編集・加工します。必要に応じて撮影をが必要な場合もあります。必要に応じてリスト（エクセルで作成した表）なども提出します。
ページの作成
PhotoshopやFireworks等の画像加工ソフトで各ページを作成。作成されたデザイン（モックアップ）を、HTMLコーディングしていきます。
HTMLコーディングは、WEBデザイナーが行う場合もありますし、HTMLコーダーが行う場合もあります。
システム設計、プログラミング
最近では、CMS（コンテンツマネジメントシステム）の需要が非常に高くなってきていますが、小規模なサイトでも、お問い合わせのメール送信システムや、新着情報の更新システムなどは必須となってきています。
CMSを構築する場合、PHPとMySQL（PostgreSQL）と呼ばれるデーターベースが良く利用されます。
こういったシステムを構築する場合は、まず、クライアントから要件をヒアリングして、要件定義書を作成します。要件が固まった時点で、仕様書を作成、その後データベース設計、プログラミング作業が行い、一通りシステムが完成したら、テストサーバーにアップしてデバッグ作業を行います。問題が無ければ本サーバーにアップといった流れになります。
修正、納品
最後に、テキストやHTMLコーディングのチェック、ブラウザでの表示確認やFlashコンテンツのデバッグを行い、全てが終了すると晴れて納品、アップとなります。
