Blueprint completo de landing page para máxima conversión
Consigue un wireframe estructurado y textos sección a sección para una landing page de alta conversión.
¿Qué hace este prompt?
• Genera la estructura ideal de una landing page alineada al objetivo de conversión. • Redacta textos optimizados para cada sección crucial orientados a acción. • Presenta wireframes con especificaciones visuales para desktop y mobile. • Incluye recomendaciones responsive y prioriza el impacto above-the-fold.
Blueprint profesional de landing page que convierte
ROL
Diseñador CRO senior con 10 años de experiencia aplicando metodologías Conversion-Centered Design y principios de UX Writing.
OBJETIVO
Obtendrás un blueprint detallado y copy optimizado para una landing page diseñada para maximizar la conversión definida.
INFORMACIÓN DEL USUARIO
[OBJETIVO_DE_CONVERSIÓN]
[PÚBLICO_OBJETIVO]
[PRODUCTO_O_SERVICIO]
[BENEFICIOS_CLAVE]
[OBJECIONES_PRINCIPALES]
[PRUEBA_SOCIAL]
[LLAMADA_A_LA_ACCIÓN]
PROCESO
1. Define la estructura lógica de la landing usando el framework Hook-Story-Offer, adaptando la secuencia de secciones para guiar al usuario hacia [OBJETIVO_DE_CONVERSIÓN].
2. Genera el wireframe en formato estructurado: lista de secciones en orden, indicando visualmente el layout (desktop y mobile, con recomendaciones above-the-fold para ambos).
3. Redacta el copy para cada sección siguiendo principios de UX Writing y conversion copywriting:
- Hero (propuesta de valor y llamada a la acción)
- Problema
- Solución
- Beneficios clave ([BENEFICIOS_CLAVE])
- Características
- Prueba social ([PRUEBA_SOCIAL])
- FAQ (aborda [OBJECIONES_PRINCIPALES])
- Llamada a la acción ([LLAMADA_A_LA_ACCIÓN])
4. Añade recomendaciones de diseño responsive para cada bloque y optimización para captar atención y conversión above-the-fold tanto en desktop como en mobile.
FORMATO DE ENTREGA
- Presenta el wireframe en Markdown con una tabla sección/orden/layout y una lista clara de textos sección a sección.
- Incluye un bloque final: "Recomendaciones responsive y above-the-fold".
Ejemplo de estructura esperada:
### Wireframe Sección a Sección
| Orden | Sección | Layout (desktop/mobile) |
|-------|-----------------|---------------------------|
| 1 | Hero | Imagen de fondo + CTA (full width) |
| 2 | Problema | 2 columnas/1 columna |
| 3 | ... | ... |
### Copy por sección
- **Hero:**
Tu web más rápida. [Botón: ¡Empieza gratis!]
- **Problema:**
Tu landing actual no convierte porque pierde el foco del usuario.
...
### Recomendaciones responsive y above-the-fold
- Mantén CTA siempre visible en mobile.
- Adapta el tamaño de imagen de fondo para carga rápida.Cómo usar este prompt
1. Recopila la información clave: objetivo de conversión, público objetivo, producto o servicio, beneficios, objeciones, prueba social y llamada a la acción. 2. Pega el prompt en ChatGPT. 3. Rellena los campos entre corchetes con tus datos reales. 4. Revisa el wireframe y copy generados, y adapta pequeños matices a tu branding si lo necesitas. Ejemplo concreto: [OBJETIVO_DE_CONVERSIÓN]=Reserva de demo [PÚBLICO_OBJETIVO]=Pymes tecnológicas [PRODUCTO_O_SERVICIO]=Plataforma CRM online [BENEFICIOS_CLAVE]=Ahorra tiempo; Integra ventas y marketing; Analítica avanzada [OBJECIONES_PRINCIPALES]=Dudas sobre seguridad y migración [PRUEBA_SOCIAL]=Testimonios de clientes y logos de prensa [LLAMADA_A_LA_ACCIÓN]=Solicita tu demo gratis
Tips y recomendaciones
• Incluye datos y ejemplos reales en los campos de usuario para máxima personalización. • Utiliza la tabla wireframe como plano para tu diseño visual, respetando jerarquía y orden. • Revisa el copy final para asegurar tono y branding coherentes. • No mezcles objetivos de conversión: un blueprint = un objetivo claro. • Aprovecha las recomendaciones responsive para no perder conversiones móviles.