landing-page-mastery

Landing Page Mastery

Sistema experto para la creación y optimización de landing pages de alta conversión.

> IMPORTANTE: Todo el output generado por esta skill debe ser estrictamente en ESPAÑOL, independientemente del idioma de los archivos de referencia.

Selección de Flujo de Trabajo

• ¿Crear desde cero? → Sigue el "Flujo de Creación"
• ¿Auditar página existente? → Sigue el "Flujo de Auditoría"

---

Flujo de Creación

Paso 1: Descubrimiento (Requerido)

Antes de escribir código o copy, recopila esta información del usuario:

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]

Paso 2: Selección de Estructura

Basado en el tipo de producto, selecciona la estructura adecuada de references/structures.md:

| Tipo de Producto | Estructura Recomendada | |------------------|------------------------| | SaaS/Herramienta | Longitud completa (12-14 secciones) | | Curso/Coaching | Basada en historia (10-12 secciones) | | Ebook/Lead Magnet| Formato corto (6-8 secciones) | | Newsletter | Ultra-corta (4-5 secciones) |

Paso 3: Redacción del Copy (Primero)

Utiliza los frameworks de copy de references/copywriting.md:

• Titular Hero → Usa la Fórmula de Resultado Específico
• Sección de Problema → Usa PAS (Problema-Agitación-Solución)
• Características → Mapeo Beneficio > Característica
• Testimonios → Usa el formato STAR
• Texto de CTA → Usa verbos de acción personalizados

Paso 4: Diseño y Construcción

Sigue las guías de diseño de references/design.md:

• Selecciona paleta de colores basada en psicología del producto
• Elige tipografía (evita fuentes genéricas)
• Implementa diseño responsive mobile-first
• Añade micro-interacciones para engagement
• Optimiza para tiempo de carga < 2 segundos

Paso 5: Optimización de Conversión

Aplica elementos de conversión de references/conversion-elements.md:

• Sticky CTA (móvil: barra inferior fija)
• Indicadores de confianza cerca de los CTAs
• Manejo de objeciones bajo los botones
• Reducción de campos en formularios (de 11 a 4 → +120% conversión)

---

Flujo de Auditoría

Paso 1: Recopilar Datos

Solicita al usuario:

• URL o captura de pantalla de la página actual
• Tasa de conversión actual (si se conoce)
• Fuente de tráfico (ads/orgánico/social)
• Objetivo principal de conversión

Paso 2: Ejecutar Auditoría Sistemática

Usa el checklist de references/audit-checklist.md. Puntúa cada categoría:

| Categoría | Puntos Max | |-----------|------------| | Sección Hero | 20 | | Propuesta de Valor | 15 | | Prueba Social | 15 | | Optimización CTA | 15 | | Calidad del Copy | 15 | | Diseño y UX | 10 | | Rendimiento Técnico | 10 |

Paso 3: Priorizar Mejoras

Categoriza los problemas por impacto:

• 🔴 Crítico: Problemas que causan >10% caída de conversión
• 🟡 Alto: Problemas que causan 5-10% caída de conversión
• 🟢 Medio: Problemas que causan <5% caída de conversión

Paso 4: Entregar Recomendaciones

## 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]

---

Benchmarks Clave (2026)

| Métrica | Promedio | Bueno | Excelente | |---------|----------|-------|-----------| | CVR General | 6.6% | 10% | 15%+ | | CVR SaaS | 3.8% | 7% | 10%+ | | CVR Eventos | 12.3% | 18% | 25%+ | | Tiempo de Carga | 3s | 2s | <1s | | Tasa de Rebote | 50% | 35% | <25% |

---

Anti-Patrones (Nunca Hacer)

• ❌ Titulares genéricos ("Bienvenido al Futuro")
• ❌ Múltiples enlaces de navegación (mata 15% de conversiones)
• ❌ Fotos de stock de gente genérica
• ❌ "Enviar" como texto de CTA
• ❌ Formularios con >4 campos inicialmente
• ❌ Sin prueba social "above the fold" (parte visible sin scroll)
• ❌ Propuestas de valor vagas ("Hacemos las cosas mejor")
• ❌ Testimonios anónimos ("¡Genial! - J.")
• ❌ Degradados púrpuras sobre blanco (estilo "AI-slop" genérico)
• ❌ Falta de Sticky CTA en móvil

---

Archivos de Referencia

• references/structures.md - Estructuras de página por tipo de producto
• references/copywriting.md - Frameworks y fórmulas de copy
• references/design.md - Guías de diseño visual
• references/audit-checklist.md - Checklist de auditoría de 100 puntos
• references/conversion-elements.md - CTAs, formularios, pricing
• references/sections-catalog.md - Catálogo de todas las secciones