ページの役割を決める

JTBD

見る人がそのページで済ませたい用事
その用事に関係する情報だけを残す

JTBD

済ませたい用事

残す情報

CTA

次に押してほしいボタンやリンク
CTAの言葉は、見る人の行動で書く
例: 商品ラインナップを確認

今いるページ

CTA

次の行動

ページで一番伝えること

サイトマップ案で、必要な情報を置く場所は決めた
主導線メモで、見る順番も決めた
各ページで、一番伝えることを1つ選ぶ

必要な情報

主導線

一番伝えること

誰がどこから来るか

最初に来る場所は、検索、SNS、広告、紹介などの入口を具体化する
2つ目以降は、直前のページを具体化する
入口や直前ページを、ペルソナごとに具体化する

ペルソナ

入口

直前ページ

見せる情報を選ぶ

サイトマップ案の必要な情報から選ぶ
迷い・痛点に効く情報だけ残す
一番伝えることを支えない情報は入れない
長い説明は、短い判断材料へ直す

残す

迷い・痛点に効く情報

削る

一般説明・主CTAに関係しない情報

主CTAを決める

そのページの主CTAを1つ選ぶ
主導線メモの次の場所へつなげる
主CTAと補助リンクを分ける

このページ

主CTA

ページブリーフ

実務テクニック: ページブリーフ
見る人、入口、出口、主CTAを短くまとめる
本文やデザインではなく、作る前の短いメモにする
主導線上のページだけ扱う

ユーザーストーリーの作成

AI活用テクニック: ユーザーストーリー作成
サイトマップ案と主導線メモを読ませる
ページごとに、見る人の状況や心境の変化、次の行動を文章にする
その文章から、主CTA到達までに必要な情報を具体化する

状況

心境の変化

次の行動

ページ定義書を作る

AIにページ定義書.mdを作らせる
ページごとに、共通項目とペルソナ別項目を書かせる
主導線にないページが足されていないか確認する

# ページ定義書作成プロンプト
サイトマップ案.mdと
主導線メモ.mdを読み、
ページ定義書.mdを作ってください。

## 条件
- 主導線上のページを
  1つずつ扱う
- 各ページの中で、
  対応するペルソナごとに書く
- 主導線にないページは足さない
- 本文、デザイン、
  WordPress作業は作らない
- 表は使わない

## 出力フォーマット

# ページ定義書

## ページ名

### ページで決めること
- 一番伝えること:
- 必要なコンテンツや情報:
- 主CTA:
- 次に進む先:

### ペルソナごとのユーザーストーリー

#### ペルソナ名
- 入口または直前のページ:
- 来た時点の心境:
- このページで変わる心境:
- 次の行動:
- 確認が必要なこと:

目次

JTBD

CTA

ページで一番伝えること

誰がどこから来るか

見せる情報を選ぶ

主CTAを決める

ページブリーフ

ユーザーストーリーの作成

ページ定義書を作る