情報階層
見出し → 説明 → 行動を一方向に整理。
REFINE
DEMO DATA 架空のサンプル
比較用に両方を自主制作。実顧客サイトや計測済みの成果改善ではありません。
REFINE / BEFORE & AFTER
伝わる順番に、整える。
同じ情報を、異なるレイアウトで比較。架空ページの改善サンプルです。
After：読み手の順番で設計
余白・配置
適切な行長と余白で、内容を追いやすく。
モバイル
縦一列に並べ替え、CTAのタップ領域を確保。
改善方針を見せる比較です。売上・CVR・速度などの実測改善値は主張していません。