landing-page-mastery

ランディングページマスタリー

高いコンバージョン率を実現するランディングページの作成と最適化を支援するエキスパートシステムです。

重要：このスキルで生成される出力は、参照ファイルの言語にかかわらず、必ずスペイン語にしてください。

ワークフローの選択

• ゼロから作成しますか？ → 「作成ワークフロー」に従ってください
• 既存ページを監査しますか？ → 「監査ワークフロー」に従ってください

---

作成ワークフロー

ステップ 1：要件の確認（必須）

コードやコピーを書く前に、以下の情報をユーザーから収集してください。

CONTEXTO DEL PRODUCTO:
- Tipo de producto: [SaaS/Curso/Ebook/Newsletter/Coaching/Herramienta]
- Precio: [Gratis/Bajo/Medio/Alto/Enterprise]
- Público objetivo: [¿Quién exactamente?]
- Problema principal: [Una frase]
- Diferenciador clave: [¿Por qué tú vs alternativas?]

CONTEXTO DE MARCA:
- Tono: [Profesional/Casual/Divertido/Autoritario]
- Estilo: [Moderno-pulido/Humano-auténtico/Híbrido]
- Colores de marca: [Si existen]

ステップ 2：構成の選択

製品の種類に基づいて、references/structures.md から適切な構成を選択してください。

製品の種類	推奨構成
SaaS／ツール	フルレングス（12～14 セクション）
コース／コーチング	ストーリー重視（10～12 セクション）
電子書籍／リードマグネット	ショート形式（6～8 セクション）
ニュースレター	超ショート形式（4～5 セクション）

ステップ 3：コピーの作成（最初に実施）

references/copywriting.md のコピーライティングフレームワークを使用してください。

1. ヒーロー見出し → 具体的な成果を示す公式を使用します
2. 課題セクション → PAS（問題・煽り・解決策）を使用します
3. 特徴 → メリット > 特徴の対応付けを行います
4. お客様の声 → STAR 形式を使用します
5. CTA テキスト → 独自の行動動詞を使用します

ステップ 4：デザインと構築

references/design.md のデザインガイドに従ってください。

1. 製品の心理的特性に基づいてカラーパレットを選択します
2. タイポグラフィを選択します（汎用的なフォントは避けてください）
3. モバイルファーストのレスポンシブデザインを実装します
4. エンゲージメントを高めるマイクロインタラクションを追加します
5. 読み込み時間が 2 秒未満になるように最適化します

ステップ 5：コンバージョンの最適化

references/conversion-elements.md のコンバージョン要素を適用してください。

• 固定 CTA（モバイル：画面下部に固定するバー）
• CTA の近くに信頼性を示す指標を配置します
• ボタンの下で懸念事項に対応します
• フォームの項目を削減します（11 項目から 4 項目へ → コンバージョン率が 120% 向上）

---

監査ワークフロー

ステップ 1：データの収集

ユーザーに以下を依頼してください。

• 現在のページの URL またはスクリーンショット
• 現在のコンバージョン率（わかる場合）
• トラフィックの流入元（広告／オーガニック／ソーシャル）
• 主なコンバージョン目標

ステップ 2：体系的な監査の実施

references/audit-checklist.md のチェックリストを使用してください。各カテゴリを採点します。

カテゴリ	最高点
ヒーローセクション	20
価値提案	15
ソーシャルプルーフ	15
CTA の最適化	15
コピーの品質	15
デザインと UX	10
技術的パフォーマンス	10

ステップ 3：改善の優先順位付け

影響度に応じて問題を分類します。

• 🔴 重大：コンバージョン率を 10% 超低下させる問題
• 🟡 高：コンバージョン率を 5～10% 低下させる問題
• 🟢 中：コンバージョン率を 5% 未満低下させる問題

ステップ 4：推奨事項の提示

## Puntuación de Auditoría: [X]/100

### Problemas Críticos
1. [Problema] → [Solución] → [Impacto Estimado]

### Prioridad Alta
1. [Problema] → [Solución] → [Impacto Estimado]

### Victorias Rápidas (Quick Wins)
1. [Problema] → [Solución] → [Impacto Estimado]

---

主なベンチマーク（2026 年）

指標	平均	良好	優秀
全体 CVR	6.6%	10%	15%+
SaaS CVR	3.8%	7%	10%+
イベント CVR	12.3%	18%	25%+
読み込み時間	3s	2s	<1s
直帰率	50%	35%	<25%

---

アンチパターン（絶対に避ける）

1. ❌ 汎用的な見出し（「未来へようこそ」）
2. ❌ 複数のナビゲーションリンク（コンバージョンを 15% 低下させます）
3. ❌ 一般人を写したストック写真
4. ❌ CTA テキストに「送信」を使う
5. ❌ 初期フォームの項目が 4 つを超える
6. ❌ ファーストビュー（スクロールせずに見える範囲）にソーシャルプルーフがない
7. ❌ 曖昧な価値提案（「より良い方法で取り組みます」）
8. ❌ 匿名のお客様の声（「最高！ - J.」）
9. ❌ 白地に紫のグラデーション（ありきたりな「AI スロップ」風）
10. ❌ モバイルに固定 CTA がない

---

参考ファイル

• references/structures.md - 製品タイプ別のページ構成
• references/copywriting.md - コピーライティングのフレームワークと公式
• references/design.md - ビジュアルデザインのガイドライン
• references/audit-checklist.md - 100 項目の監査チェックリスト
• references/conversion-elements.md - CTA、フォーム、価格設定
• references/sections-catalog.md - すべてのセクションのカタログ