STEP 1:Webサイト制作の全体ロードマップ

Webサイト制作は、基本以下の7つのステップに沿って進めていきます。本サイトでは、Webサイト制作の流れについて、ステップごとに詳しく解説していきます。

ステップ 何をするの?(概要)
1. 企画 サイトを作る目的や、ゴール(目標)を明確にする。
2. ペルソナ設定 サイトを訪れてほしい「理想のユーザー像」を具体的に絞り込む。
3. コンセプト決定 「誰に、どんな価値を届け、どう見せるか」というサイトの芯(ルール)を決める。
4. サイトマップ作成 サイトに必要なページを洗い出し、全体の構成図を作る。
5. ワイヤーフレーム ページのどこに何を配置するか、白黒の「レイアウト設計図」を描く。
6. デザイン コンセプトに沿って、色や写真、文字を配置し、見た目を完成させる。
7. コーディング デザインをブラウザで動くように、HTMLやCSSで組み立てる。
  1. 企画
  2. ペルソナ設定
  3. コンセプト決定
  4. サイトマップ作成
  5. ワイヤーフレーム
  6. デザイン
  7. コーディング

なお、本サイトは主に企画・設計の解説に重点を置いているため、デザインとコーディングの方法については説明しません。次の章からは各ステップについて詳しく解説します。

このステップが理解できたかチェックしよう!