01. デザインの基本フローと業種の役割
Webやグラフィックのデザインって、一人で全部やるわけじゃないんだよ！
✅ チームでの制作体制と役割一覧
| 役割 | 主な仕事内容 | 必要なスキル |
|---|---|---|
| ディレクター | プロジェクト全体の進行管理、品質の統括 | コミュニケーション、スケジュール管理、全体把握 |
| 営業 | クライアントとの契約、要望のヒアリング | 対人スキル、提案力、業界理解 |
| デザイナー | ロゴ、バナー、UIなどのビジュアル作成 | Photoshop、Illustrator、Figma など |
| コーダー | デザインをHTML/CSSで実装 | HTML、CSS、JavaScriptの基礎 |
| エンジニア（フロント） | UIの動作実装、SPAなどの設計 | JavaScript、Vue/React、API連携 |
| エンジニア（バック） | データベース・サーバー側の構築 | PHP、Ruby、Node.js、SQLなど |
| エンジニア（インフラ） | サーバーの運用・保守・デプロイ環境 | Linux、AWS、Docker など |
| マーケター | アクセス分析、SEO対策、広告設計 | Google Analytics、SEO、広告運用 |
| 運用担当 | 公開後の更新作業、問い合わせ対応 | CMS操作、画像更新、基本的なHTML編集 |
🛠 工程別に見るチームの関わり
| 工程 | 担当者 | 内容 |
|---|---|---|
| ヒアリング | 営業・ディレクター | クライアントから要望を聞き出す |
| 企画構成 | ディレクター・マーケター | サイト構成、目的、ターゲットの設定 |
| デザイン | デザイナー | ワイヤーやカンプの作成、ビジュアル設計 |
| コーディング | コーダー・フロントエンジニア | HTML/CSS/JSでの実装 |
| サーバー構築 | バックエンド・インフラエンジニア | 開発環境や公開環境の構築 |
| テスト・確認 | 全員（特にディレクター） | 表示・動作・誤字などのチェック |
| 公開・運用 | 運用担当・マーケター | 更新作業・効果測定・改善提案 |
❗ 注意：一人で全部やるスタイルは現場で評価されにくい!?
企画もデザインも頭にあるから、いきなりコーディングで作れるよ！
すごいスキルだけど、それは個人制作向き。
- ヒアリングシート
- 企画書
- ワイヤーフレーム
- デザインカンプ
- コーディング仕様書
これらをチームで共有しないと、あとでトラブルになりやすいよ！
✅ まとめ
- Web制作はチームワークが基本
- それぞれの専門家が連携してプロジェクトを進める
- 一人で完結させようとせず、工程ごとの成果物を丁寧に作ることが信頼につながる！