作業の進め方
Landing Page Generatorは、マーケティングコピーのフレームワークと、React または Next.js のセクションパターン、Tailwind のスタイリングを組み合わせます。ターゲット、課題、メリット、価格、デザインの方向性を整理し、ページを組み立てる前にコピーを下書きします。ソースにはヒーロー、機能、価格、FAQ、CTA のパターンがあり、関係のないセクションは自動で埋めずに省きます。
ソースではコンバージョンやパフォーマンスに関する表現は目標として使われており、生成されたページの実測結果ではありません。テンプレートには、お客様の声、保証、製品に関する主張の例も含まれますが、これらは検証済みの情報に置き換えるか、載せないようにしてください。SEO メタデータと構造化データは有用な土台ですが、実際のページや、サイトのルーティングおよびインデックス方針と一致させる必要があります。
想定される成果物
- Tailwind スタイルを使った React または Next.js の TSX ランディングページセクション
- 選択したメッセージフレームワークに沿って整理されたコピーのバリエーション
- タイトル、ディスクリプション、canonical、構造化データの土台
ブリーフからレビューまで
- 01製品情報を集める
ターゲット、主要なアクション、メリット、実際の価格を定義します。承認済みの根拠と、確立されていない主張を分けてください。
- 02まずメッセージを書く
製品に合う課題解決型またはビフォーアフター型の流れを選び、本当に必要なセクションを決めます。
- 03構築と検証
既存プロジェクト内でコンポーネントを生成し、モバイルレイアウトとメタデータを確認します。テンプレートの目標値を繰り返すのではなく、実際のパフォーマンスを計測してください。