Web制作のご案内 - 東京、多摩地区 Electric fruits（エレクトリック・フルーツ）

Webサイト制作の流れ

　サイト制作は、開始から完成まで五段階に分けております。
各段階の成果物に対して承認を頂いてから、次の段階の作業へ進みます。
それでは、制作の流れと各段階の概要を説明いたします。
※下記は一般的なワークフローとなっております。目的や規模により内容は変動いたします。

第一段階　企画作成

ご依頼者様の要望等をまとめ、企画書を作成します。

ご依頼者様側作業	制作者側作業	書類/成果物
オファー/制作依頼 メールフォーム/お電話などより	簡単なヒアリング ご依頼者様の簡単な情報確認 初回ミーティングの日時をセッティング
	ヒアリングシート送付/記入依頼 初回ミーティングの前に予めヒアリングシート（質問表）を送付
ヒアリングシート記入/返送 わかる範囲のご記入	ヒアリングシート確認 ミーティング下準備	ヒアリングシート
初回ミーティング Webサイト制作の作業の進め方の確認 ヒアリングシートの詳細データ確認 次回ミーティングの設定		ミーティング議事録
	ヒアリングレポート・提案書作成/提出 現状調査/把握 改善案 デザイン概要※希望があればトップページのラフ	ヒアリングレポート 提案書
2回目のミーティング 提案書の内容の確認と選定/修正案を話し合います
	企画書類一式作成/提出 ヒアリングレポート提案書を元に企画書作成 （サイト仕様書※1、スケジュール表） お見積書	企画書 お見積書
企画書確認/変更依頼/承認 ※次の第二段階では、この企画書を元に設計図を作成	企画書修正 変更依頼の箇所が可能か検討し、可能な場合は修正対応
ご契約 企画書/お見積書が承認できましたら、ここで初めてご契約の手続きをとらさせていただきます。 ※ご契約以降サイト仕様やスケジュールなどに変更が出る場合、別途追加料金が発生することがあります。		契約書

第二段階　設計

サイトの設計図（ルール）を作成します。
この設計図に基づき、ページデザイン/プログラムを作成していきます。

ご依頼者様側作業	制作者側作業	書類/成果物
コンテンツ提出 写真、画像、文章、表など	コンテンツ・ガイドライン作成/提出 各種ガイドラインを作成	コンテンツ・ガイドライン
コンテンツ・ガイドライン確認/修正依頼/承認	コンテンツ・ガイドライン修正/提出 指摘問題部分の修正
	新規コンテンツの作成/提出 ※企画書作成段階で新規コンテンツの作成の必要が確認された場合ガイドラインに基づき作成	新規コンテンツ
新規コンテンツの確認/修正依頼/承認	新規コンテンツの修正/提出 指摘問題部分の修正
	詳細サイトマップ、画面遷移図の作成 コンテンツのサイトマップへの適応/配置、主要な機能の画面遷移図の作成	詳細サイトマップ 画面遷移図
サイトマップ、画面遷移図の確認/修正依頼/承認	サイトマップ、画面遷移図の修正 ※この段階でミーティングを行い、画面遷移図の紙面上でナビゲーション（画面遷移）に問題ないか、コンテンツ内容に問題ないかなどの確認すると後の工程が効率的となります
第二段階の承認 承認後にコンテンツ・ガイドライン、画面遷移図を元に制作の第三段階に進みます。 第三段階に入ってからの、ガイドライン、サイトマップ/画面遷移の変更により追加の作業が発生した場合には、追加料金が加算されることがあります。

第三段階　制作

　ヴィジュアルデザインを作成するよりも前に、ワイヤーフレーム（レイアウトページ）を作成します。
先にフレームワークを作ることにより、ヴィジュアルデザインによる制約を受けずにユーザビリティ/アクセシビリティに配慮したデザインが可能となります。

ご依頼者様側作業	制作者側作業	書類/成果物
	ワイヤーフレーム作成/提出 ロゴ、タイトル、リンク、見出し、文章など配置し、ワイヤーフレーム（レイアウト）を作成	ワイヤーフレーム
ワイヤーフレーム確認/修正依頼/承認	ワイヤーフレーム修正/提出 ※後工程のプロトタイプのテストやヴィジュアルデザイン時にある程度変更ができるので、ここでは大まかな確認で	ワイヤーフレーム
	サイトのプロトタイプ作成 レイアウトのみのHTMLファイルの作成 （必要に応じてプログラムの開発/設置含む）	HTML化されたページ （レイアウトのみ）
プロトタイプの確認/修正依頼/承認	プロトタイプの修正/提出 ※ここで承認されたプロトタイプを元に、デザイン作業に入ります。 この段階では、主に文章／レイアウト、リンクナビゲーションのわかりやすさなどに注意してください	HTML化されたページ （レイアウトのみ）
	トップページデザイン作成/提出 説明付き画像ファイル（JPEGやPDF）とPhotoshopなどから直接に書き出された暫定HTMLファイル	デザイン画像 確認用HTMLファイル
トップページデザインの確認/修正依頼/承認	トップページデザイン修正/提出 この段階で、トップのヴィジュアルデザイン/レイアウトを決定します	デザイン画像 確認用HTMLファイル
	セカンドページデザイン作成/提出 説明付き画像ファイル（JPEGやPDF）とPhotoshopなどから直接に書き出された暫定HTMLファイル	デザイン画像 確認用HTMLファイル
セカンドページデザインの確認/修正依頼/承認	セカンドページデザイン修正/提出 ※この段階で、下の階層の基本ヴィジュアルデザイン/レイアウトを決定します	デザイン画像 確認用HTMLファイル
第三段階の/承認 この段階での承認は、デザインの完成を意味します。 次の第四段階では、HTML構築作業と動作確認へと続きます。 第四段階に入ってからのデザイン変更は、追加料金が発生することがあります。

第四段階　コーディング/テスト/納品

第三段階までに決定したデザイン/コンテンツを元にHTML/CSSコーディングをします。

ご依頼者様側作業	制作者側作業	書類/成果物
	HTML/CSSコーディング/ブラウザチェック 作成データをテスト用仮サーバーにアップ 運用マニュアルの提出/説明	Webサイト一式 マニュアル
動作確認/修正依頼/承認 各ブラウザでの動作、表示確認	修正/提出 指摘問題部分の修正	Webサイト一式 マニュアル
	納品 本サーバーにアップ もしくはメディアでの納品	Webサイト一式
検収 検収後の修正依頼は、誤字・脱字を除き別途料金が発生いたします	請求書発行 銀行振込（みずほ銀行、イーバンク銀行）、郵便振替などの入金方法に対応しております。	請求書
お支払い	領収書発行	領収書

第五段階　運用

サイト運用に関しては、ご相談ください

アクセス解析/効果測定レポート提出

更新作業

他