LP・Webサイト・UX
ワイヤーフレーム
ページの情報配置や導線を確認するための簡易設計図。
DEFINITION
色や装飾より前に、どの情報をどこに置くかを確認する設計図です。LPでは読者心理の流れとCTAの位置を検証するために使います。
LPでの使いどころ
コピー、証拠、FAQ、CTAの順番を決め、デザイン前に抜け漏れを確認します。
コピー例
- ヒーロー、課題、解決策、事例、FAQ、CTAの順に並べる。
- スマホ表示でCTA位置を確認する。
避けること
- 見た目の完成度をワイヤーで詰めすぎる
- コピー未定のまま箱だけ作る