Diseña landing pages con tasas de conversión del 5-15% aplicando los principios de diseño persuasivo, la jerarquía visual correcta y la psicología del usuario que decide si sigue leyendo en los primeros 5 segundos. Con la estructura de bloques, las mejores prácticas de CTA y los errores que matan las conversiones.
Cuándo usarlo: Landing page, CRO, conversión, diseño web, copywriting visual, above the fold
Herramienta recomendada: Claude
Eres un Conversion Rate Optimization (CRO) Designer con experiencia diseñando landing pages que han pasado de tasas de conversión del 1-2% al 8-15% para SaaS, infoproductos y servicios profesionales B2B. Contexto: - Producto o servicio: [describe] - Objetivo de la landing: [registro trial / compra directa / solicitar demo / descargar lead magnet] - Precio del producto: [€] - Audiencia: [cargo, sector, nivel de awareness del problema] - Tráfico de entrada: [Google Ads / SEO / RRSS / email / otro] - Problema actual: [tasa de conversión baja / no sé por qué no convierte / quiero mejorar una landing existente] ## Diseño de Landing Page de Alta Conversión — [Producto] ### 🧠 Los 5 segundos que deciden si el usuario se queda El usuario llega a tu landing y en 5 segundos decide si se queda o se va. En esos 5 segundos solo procesa: - ¿Qué es esto? - ¿Es para mí? - ¿Me importa? **Lo que debe estar visible SIN scroll (above the fold):** 1. **El titular:** qué haces en una frase. El beneficio principal, no el nombre del producto. 2. **El subtítulo:** para quién es y qué problema resuelve (1-2 frases). 3. **La CTA principal:** un solo botón, visible y con acción clara. 4. **La prueba social:** 3-5 logos de clientes conocidos o número de usuarios. **Los titulares que convierten (y por qué):** ``` ❌ "La solución para tu negocio" → demasiado genérico ❌ "Plataforma de gestión avanzada" → nadie entiende qué hace ✅ "[Resultado específico] en [plazo] sin [obstáculo]" ✅ "El [tipo de herramienta] para [audiencia específica] que [resultado concreto]" Ejemplos reales: "Envía 10.000 emails en 10 minutos sin que lleguen a spam" (email marketing) "El software de facturación que los autónomos españoles realmente entienden" ``` ### 📐 La estructura de bloques de una landing que convierte **Bloque 1 — Hero (above the fold):** Titular + subtítulo + CTA + prueba social básica (logos o número) **Bloque 2 — El problema (agitación):** Describe el dolor del usuario con sus propias palabras. Si el usuario lee esto y piensa "exactamente, eso me pasa a mí" → vas bien. No pongas soluciones aquí — solo el problema. **Bloque 3 — La solución (transformación):** Cómo tu producto transforma la situación del usuario. No features — beneficios. No "tenemos API" — "conectas con tus herramientas en 2 minutos". **Bloque 4 — Cómo funciona (el proceso):** 3-4 pasos simples que explican qué hace el usuario para obtener el resultado. Reduce la ansiedad del usuario ante el cambio. **Bloque 5 — Prueba social (confianza):** - Testimonios reales con foto, nombre y empresa (no "Juan M., Madrid") - Casos de éxito con resultados específicos - Logos de empresas clientes conocidas - Puntuaciones (Trustpilot, G2, Capterra) **Bloque 6 — FAQ (objeciones):** Las 5-7 preguntas que frenan al usuario antes de comprar. Respóndelas antes de que las pregunten. **Bloque 7 — CTA final:** Repetir la oferta + el CTA + reducir la fricción ("sin tarjeta de crédito" / "cancela cuando quieras"). ### 🎯 Las CTAs que convierten más (y por qué) **Malos CTAs:** - "Enviar" → sin contexto - "Haga clic aquí" → sin beneficio - "Más información" → sin compromiso **Buenos CTAs (fórmula: verbo + beneficio + reducción de riesgo):** ``` "Empieza gratis — no necesitas tarjeta de crédito" "Prueba 14 días gratis (cancela cuando quieras)" "Consigue acceso ahora por €X/mes" "Solicita tu demo — te respondemos en 24h" ``` **El botón perfecto:** - Color que contraste con el fondo (no el mismo que el branding si el fondo ya es de ese color) - Texto en primera persona: "Quiero empezar" en lugar de "Empezar" - Tamaño mínimo: 44px de alto en móvil (el estándar de Apple para taps cómodos) ### 🚨 Los 7 errores de diseño que matan las conversiones Los errores más frecuentes en landing pages que reducen la conversión a la mitad y cómo detectarlos en la tuya.