1. 中～大規模サイト作成業務フロー
株式会社スーパーエレメンツ
名古屋市中区新栄2-2-7 夢現広小路ビル6F
TEL.052-238-3336 FAX.052-238-3363

2. 企画書 見積書
企画
開発スケジュール 担当表
要件定義書 機能一覧表 ワイヤーフレーム DB ER図
基本設計
画面遷移図 画面設計図 ディレクトリマップ 各種基本仕様書
モジュール一覧 CSS ID・クラス一覧 IF仕様書
詳細設計
モジュールマップ カラーパターン一覧 DB エンティティ一覧
開発・作成
凡例
ディレクター
テスト テスト仕様書 テスト報告書
エンジニア
デザイナー
公開
サイト完成までの大まかな流れ 2

3. 作りたい物の全容、規模感、実現のために必要な物を纏めた物
企画書
「他人が想像できる」かどうかが、良い企画書のポイント
この企画で実現したいことと、その為に必要な物を纏める
要件定義書
「以降の作業で必要な物が判る」ように書く
必要な画面と、画面間の繋がり、関係性を纏める
画面遷移図
「何をどういった順番で見せるか？」を念頭に書いていく
サイトの目的を達成するために必要な機能を纏める
機能一覧表
「各画面で見せたい物を準備するには、何が必要か？」を考えていけばよい
各画面に必要なパーツを洗い出し、バランスや配置を決めていく
ワイヤーフレーム
「どんな人がこの画面を使い、その人は何を見たいか？」を念頭に書いていく
上記までで必要となる作業を洗い出し、それらに要する日数を算出し、作業の優先順位を決めていく
開発スケジュール
「細かな目標を決めて、それを一ずつつぶしていくことで、ゴールを目指す」とすれば、綺麗に埋まる
ファイルの置き場所や、共同作業時のファイルの扱いを決める
ディレクトリマップ
「作業者毎や、役割毎にフォルダを別けていく」のがオススメ
サーバプログラムとFlashを連携したり、異なるドメイン間でデータのやりとりが必要な場合に作る
IF仕様書
「このデータはこの名前で投げるから」というお約束表
似た機能を持ったIDやクラスを纏めておき、無駄な作業を発生させないように纏めておく
CSS ID・クラス一覧
「作ることよりも、後の変更や修正を考慮する」事を癖づける
色に意味を決めておくことは、ユーザビリティ向上の基本テクニック
カラーパターン一覧
「役割だけでなく、16進の色番も纏めておく」
小規模でも作成した方が良い書類と順番 3