画面主役型
主張と補足を左右に分け、視線の流れを明確にする構成。
向いている場面:SaaS、アプリ、予約導線のあるサービス
見出し、短い説明、具体的な補足情報、画面または写真の順に配置してください。
MY WORKSPACE
VISION NOTE
やりたいこと整理ノートの保存内容はまだありません。
出力できるもの
保存済みの内容をもとに、AI用設計書を作れます。バックアップ用にJSON、共有や確認用にMarkdownを書き出せます。
このページを読む価値があるかを3秒で判断させる。
主張と補足を左右に分け、視線の流れを明確にする構成。
向いている場面:SaaS、アプリ、予約導線のあるサービス
見出し、短い説明、具体的な補足情報、画面または写真の順に配置してください。
番号や時系列を使い、読者が理解する順番を固定する構成。
向いている場面:講座、専門サービス、比較検討が必要な商材
3から5段階の流れで、各項目は短い見出しと具体説明にしてください。
表や比較で情報を圧縮し、判断材料を一画面で見せる構成。
向いている場面:料金、FAQ、機能比較、導入判断
装飾よりも比較軸を優先し、スマホでは縦に読める形にしてください。
対象者、提供価値、得られる結果を1画面で伝えるヒーローを作成してください。CTAは1つを主役にし、写真またはUIスクリーンショットを大きく扱ってください。
ヒーローでは、対象者、解決する悩み、得られる変化、読む理由を1画面で伝えてください。抽象コピーではなく、読者が自分向けだと判断できる具体性を優先してください。