STEP 1:Webサイト制作の全体ロードマップ
Webサイト制作は、基本以下の7つのステップに沿って進めていきます。本サイトでは、Webサイト制作の流れについて、ステップごとに詳しく解説していきます。
| ステップ | 何をするの?(概要) |
|---|---|
| 1. 企画 | サイトを作る目的や、ゴール(目標)を明確にする。 |
| 2. ペルソナ設定 | サイトを訪れてほしい「理想のユーザー像」を具体的に絞り込む。 |
| 3. コンセプト決定 | 「誰に、どんな価値を届け、どう見せるか」というサイトの芯(ルール)を決める。 |
| 4. サイトマップ作成 | サイトに必要なページを洗い出し、全体の構成図を作る。 |
| 5. ワイヤーフレーム | ページのどこに何を配置するか、白黒の「レイアウト設計図」を描く。 |
| 6. デザイン | コンセプトに沿って、色や写真、文字を配置し、見た目を完成させる。 |
| 7. コーディング | デザインをブラウザで動くように、HTMLやCSSで組み立てる。 |
- 企画
- ペルソナ設定
- コンセプト決定
- サイトマップ作成
- ワイヤーフレーム
- デザイン
- コーディング
なお、本サイトは主に企画・設計の解説に重点を置いているため、デザインとコーディングの方法については説明しません。次の章からは各ステップについて詳しく解説します。