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 productoreferences/copywriting.md- Frameworks y fórmulas de copyreferences/design.md- Guías de diseño visualreferences/audit-checklist.md- Checklist de auditoría de 100 puntosreferences/conversion-elements.md- CTAs, formularios, pricingreferences/sections-catalog.md- Catálogo de todas las secciones