Web制作フロー

Get Started. It's Free
or sign up with your email address
Web制作フロー by Mind Map: Web制作フロー

1. ❶ 企画

1.1. ヒアリング

1.1.1. クライアント情報

1.1.1.1. 社名・屋号/ご担当者名

1.1.1.2. 住所/電話番号/メールアドレス

1.1.1.3. 略歴

1.1.1.4. SNS

1.1.2. 商品・サービス

1.1.2.1. 取り扱いサービス

1.1.2.2. 客層・ターゲット

1.1.2.3. テーマカラー

1.1.2.4. 今後の展望

1.1.3. サイト要件

1.1.3.1. サイトの種類

1.1.3.1.1. コーポレート

1.1.3.1.2. ポートフォリオ

1.1.3.1.3. キャンペーン

1.1.3.1.4. メディア

1.1.3.2. ページ数の概算

1.1.3.2.1. 掲載内容

1.1.3.3. 機能概要

1.1.3.3.1. お問い合わせフォーム

1.1.3.3.2. 記事投稿

1.1.3.3.3. 他機能

1.1.3.3.4. アクセス解析ツール

1.1.3.4. 対応範囲

1.1.3.4.1. ~デザインカンプ

1.1.3.4.2. ~制作・公開

1.1.3.4.3. +保守管理

1.1.3.4.4. +アクセス解析ツールの簡易レポート

1.1.3.4.5. +STUDIOの操作方法サポート

1.1.4. サイト戦略

1.1.4.1. サイトの目的

1.1.4.2. サイトのゴール

1.1.4.2.1. ブランディング強化

1.1.4.2.2. 認知度向上

1.1.4.2.3. コンバージョン数の増加

1.1.4.3. ターゲット

1.1.4.4. 競合

1.1.4.5. 参考サイト

1.1.4.5.1. 気に入っているポイント

1.1.4.6. サイト戦略の整理

1.1.5. 制作

1.1.5.1. 予算・納品日

1.1.5.2. 連絡方法

1.1.5.3. 素材のご手配有無

1.1.5.3.1. 画像/イラスト/動画など

1.1.5.3.2. 原稿

1.1.5.3.3. 手配素材のリストアップ

1.1.5.4. サーバー/独自ドメイン

1.1.5.4.1. 契約済み

1.1.5.4.2. 契約予定

1.1.5.4.3. 契約代行を希望

1.2. 各種書類作成

1.2.1. 企画書(デザインブリーフ)

1.2.1.1. 進行表(スケジュール)

1.2.2. 見積書

1.2.3. 契約書

1.2.3.1. 業務委託契約書/NDA

1.3. リサーチ

1.3.1. ペルソナや世界観をもとに

1.4. Webコンセプト

2. ❷ 設計

2.1. コンテンツ

2.2. サイトマップ

2.3. ワイヤーフレーム

2.3.1. デザイン前の情報要素の配置

2.4. トンマナ(ルール設定)

2.4.1. カラー

2.4.2. フォント

2.4.3. 図形・あしらい・余白

2.4.4. 画像のトーン(テイスト)

2.4.5. レイアウト

3. ❸ 制作

3.1. デザインカンプ

3.2. フロントエンド

3.3. バックエンド

3.4. 動作検証

4. ❹ 公開

4.1. 検索エンジン最適化

4.2. 解析ツール・外部サービス連携

4.3. 公開作業

5. ❺ 運用

5.1. +保守管理

5.2. +アクセス解析ツール簡易レポート

5.3. +STUDIOの操作方法サポート