Landing en 6 secciones

La landing page ya tiene una primera sección HERO dedicada a la oferta comercial.

Esa sección contiene, según corresponda:

• Presentación del producto.
• Propuesta de valor inicial.
• Imagen principal del producto.
• Bundles, packs o variantes.
• Precios y descuentos.
• Botones de compra.
• Información comercial relevante.

NO debes crear, rediseñar ni repetir esa primera sección.

Tu trabajo comienza inmediatamente DEBAJO del hero.

Debes construir exactamente 6 secciones adicionales, diseñadas estratégicamente para aumentar la intención de compra y resolver las principales objeciones del consumidor.

El objetivo es que alguien que todavía no compró, después de recorrer estas seis secciones, tenga mucha más claridad, confianza y deseo de adquirir el producto.

Antes de diseñar, analiza internamente todo lo que conoces del producto.

Identifica:

• Marca y nombre del producto.

• Categoría y posicionamiento.
• Audiencia principal.

• Problema o necesidad que impulsa la compra.
• Dolores y frustraciones del cliente.

• Deseos y aspiraciones.
• Beneficios principales y secundarios.
• Diferenciadores frente a alternativas.

• Mecanismo o funcionamiento del producto.
• Características, ingredientes o componentes confirmados.

• Objeciones de compra.
• Oferta comercial existente.
• Tono de comunicación.

• Branding, logo, tipografías y colores.

• Fotografías y packaging existentes.

• Ángulos de venta previamente definidos.
• Claims que pueden sostenerse con la información disponible.

Si existe research de mercado, utilízalo como fuente principal de contenido comercial.

Si no existe research, utiliza lo que ya sabemos del proyecto, diferenciando los hechos confirmados de las hipótesis comerciales.

Nunca inventes estudios, testimonios, certificaciones, resultados, ingredientes, cifras ni promesas.

Utiliza la siguiente estructura como punto de partida.

No la interpretes como seis plantillas idénticas.

Cada sección debe tener una composición visual, un mensaje y una función psicológica diferente.

SECCIÓN 1 — El problema que el cliente reconoce

Función: Identificación.

Haz que el consumidor reconozca una frustración, necesidad o situación cotidiana relacionada con el producto.

Debe pensar:

"Esto es exactamente lo que me pasa".

Prioriza el dolor o fricción que más probablemente motive una compra.

No exageres ni dramatices artificialmente.

Dirección creativa:

Utiliza una escena humana, comparación visual, situación cotidiana o concepto gráfico fuerte.

No conviertas esta sección en una lista genérica de problemas.

Un titular potente, una imagen bien elegida y un texto breve pueden ser suficientes.

SECCIÓN 2 — El descubrimiento de una alternativa mejor

Función: Diferenciación y deseo.

Explica por qué el producto representa una alternativa atractiva frente a la forma habitual de resolver esa necesidad.

El consumidor debe comprender:

"Ahora entiendo por qué este producto es diferente".

Puedes utilizar:

• Comparación entre métodos.
• Antes vs. nueva alternativa.
• Demostración visual.
• Fotografía editorial del producto.

• Una ventaja competitiva claramente comunicada.

No ataques a competidores sin evidencia.

Evita repetir el mensaje principal del hero.

SECCIÓN 3 — Qué hace especial al producto

Función: Educación y credibilidad.

Explica de forma simple qué está comprando el cliente y qué elementos justifican su valor.

Dependiendo de la categoría, selecciona el enfoque más persuasivo:

• Ingredientes o componentes confirmados.
• Mecanismo de funcionamiento.
• Tecnología.
• Materiales.
• Formato.
• Construcción.
• Textura.
• Experiencia de uso.
• Características diferenciales.

No utilices una sección técnica simplemente por costumbre.

Si el consumidor necesita entender el mecanismo para confiar, explícalo.

Si el mecanismo es simple, prioriza una demostración visual convincente.

SECCIÓN 4 — Los 3 beneficios que realmente importan

Función: Valor percibido.

Selecciona los 3 beneficios más relevantes para la decisión de compra.

No confundas características con beneficios.

Cada beneficio debe responder:

"¿Qué cambia o mejora para mí?"

Organízalos por importancia comercial, no por orden arbitrario.

Dirección creativa:

No hagas automáticamente tres tarjetas con íconos.

Puedes utilizar fotografía lifestyle, tipografía editorial, composiciones asimétricas, imágenes de detalle o una combinación de recursos.

Cada beneficio debe poder entenderse en segundos.

Evita repetir las mismas afirmaciones de las secciones anteriores.

SECCIÓN 5 — Confianza y eliminación de objeciones

Función: Reducir el riesgo percibido.

Identifica las dudas que podrían impedir que el consumidor compre.

Por ejemplo:

• ¿Realmente es para mí?
• ¿Es difícil de usar?

• ¿Cómo se incorpora a mi rutina?

• ¿Qué recibo exactamente?
• ¿Vale lo que cuesta?

• ¿Cómo funciona la compra o entrega?

Selecciona únicamente las objeciones que realmente correspondan al producto.

Utiliza el recurso más apropiado:

• Preguntas frecuentes.
• Demostración.
• Explicación de uso.
• Testimonios auténticos disponibles.
• Detalles comerciales confirmados.
• Fotografías reales.
• Comparación de características verificables.

Nunca inventes reseñas, valoraciones, cantidades de clientes ni resultados.

Si no hay prueba social verificable, construye confianza mediante información concreta y transparencia.

SECCIÓN 6 — Lifestyle, deseo final y cierre de compra

Función: Conversión.

Esta sección debe ayudar al consumidor a imaginar el producto incorporado a su vida.

No repitas una lista de características.

Representa el beneficio emocional y práctico de haber elegido el producto.

Debe sentirse como el cierre natural de todo el recorrido.

Dirección creativa:

Utiliza una imagen lifestyle potente, una composición editorial o una fotografía aspiracional que mantenga el producto como protagonista.

Incluye:

• Un headline final memorable.

• Una frase de apoyo breve, si aporta valor.

• Un CTA principal.

• Un cierre visual coherente con el hero.

El CTA debe llevar al usuario nuevamente a la sección de oferta existente, sin duplicar innecesariamente los bundles.

La arquitectura anterior es una base, no una obligación rígida.

Si el producto necesita otra secuencia para vender mejor, puedes modificar el enfoque y el orden de las secciones.

Por ejemplo:

Un producto innovador puede necesitar educación antes de beneficios.

Un producto emocional puede necesitar más identificación y lifestyle.

Un producto técnico puede necesitar demostraciones y comparaciones.

Un producto con muchas objeciones puede requerir más credibilidad.

Tu responsabilidad es elegir la estructura que mejor convierta para ESTE producto, no aplicar mecánicamente una plantilla universal.

Mantén siempre seis secciones.

Utiliza la identidad visual ya establecida en este proyecto.

Respeta:

• Logo y wordmark.
• Colores.
• Tipografías o equivalentes visuales.
• Packaging.
• Fotografía del producto.
• Lenguaje gráfico.
• Personalidad de marca.
• Nivel de sofisticación.

No rediseñes el producto.

No inventes un packaging diferente.

No cambies arbitrariamente la paleta.

El diseño debe sentirse como una extensión natural del hero existente.

Calidad esperada: premium DTC e-commerce, fotografía publicitaria profesional, diseño editorial contemporáneo y experiencia visual optimizada para conversión.

Evita:

• Estética genérica de Canva.
• Exceso de tarjetas redondeadas.
• Íconos decorativos innecesarios.
• Demasiados degradados.
• Textos largos.
• Repetición de fotografías.
• Bloques visuales idénticos.
• Titulares enormes sin jerarquía.

• Recursos visuales que parezcan generados por IA.
• Secciones que no aporten información nueva.

Cada sección debe tener una identidad compositiva propia, pero todas deben pertenecer al mismo sistema de diseño.

Escribe todos los textos específicamente para el producto de este proyecto.

No utilices titulares genéricos como:

"Descubre una nueva experiencia".

"La mejor versión de ti".

"Calidad que marca la diferencia".

A menos que exista una razón comercial concreta para hacerlo.

Prefiere mensajes:

• Directos.
• Específicos.
• Memorables.
• Fáciles de entender.
• Centrados en el cliente.

• Coherentes con el nivel de conciencia de la audiencia.

Cada sección debe contener idealmente:

Headline: una idea comercial fuerte.

Supporting copy: una explicación breve cuando sea necesaria.

Visual: el recurso principal que hace tangible el mensaje.

CTA: únicamente cuando tenga sentido dentro del recorrido.

No es obligatorio incluir un botón en todas las secciones.

No repitas claims ni beneficios para llenar espacios.

Diseña primero para teléfonos móviles.

El formato debe sentirse como una landing real de Shopify o una marca DTC profesional.

Prioriza:

• Jerarquía vertical clara.
• Lectura rápida.
• Fotografías grandes.
• Espaciado equilibrado.
• Tipografía legible.
• Contraste adecuado.
• Márgenes consistentes.
• Botones táctiles claros.
• Continuidad entre secciones.
• Ritmo visual dinámico.

Evita convertir cada sección en una pantalla completa innecesariamente.

La altura de cada sección debe responder a su contenido.

El usuario debe poder recorrer toda la página con fluidez.

No quiero seis banners aislados. Quiero una landing page continua y coherente.

Antes de finalizar cada sección, evalúa:

1. ¿Qué duda o necesidad resuelve?
2. ¿Qué información nueva aporta?
3. ¿Qué emoción activa?
4. ¿Qué elemento visual hace más convincente el mensaje?
5. ¿Por qué esta sección debe aparecer en esta posición?
6. ¿Cómo acerca al usuario a la compra?

Si una sección no tiene una función comercial clara, rediseña su contenido.

Si dos secciones comunican prácticamente lo mismo, diferencia sus objetivos.

Cada scroll debe hacer avanzar la decisión de compra.

Primero, presenta una propuesta estratégica breve de las seis secciones.

Para cada una indica:

• Nombre de la sección.
• Objetivo de conversión.
• Headline propuesto.
• Mensaje principal.
• Concepto visual.
• Composición recomendada.

Después, crea un mockup visual completo de la landing page, mostrando las seis secciones conectadas verticalmente.

El mockup debe permitir evaluar:

• Dirección de arte.
• Jerarquía.
• Fotografías.
• Distribución del contenido.
• Estilo tipográfico.
• Continuidad visual.
• Experiencia mobile.

No incluyas el hero de oferta.

No reemplaces la entrega visual por una descripción escrita.

No hagas una grilla de seis miniaturas: muestra una página vertical continua.

Si el entorno permite generar una página HTML interactiva, utiliza ese formato para una vista mobile funcional; si estamos trabajando en generación de imágenes, crea un mockup visual vertical de alta calidad.