La idea clave
Una landing tiene que ayudar a una persona concreta a tomar una decisión concreta. La estructura empieza ahí.
Una pantalla en blanco invita a elegir colores, mover cajas y probar titulares. En Umbral preferimos empezar por una conversación: ¿qué necesita entender la persona que va a llegar aquí para dar el siguiente paso?
La respuesta cambia según el contexto. Alguien que descubre una marca necesita orientación. Quien ya compara alternativas necesita detalles. Quien viene de una campaña concreta espera encontrar la promesa que acaba de leer. Diseñar la misma entrada para esas tres situaciones deja demasiadas preguntas abiertas.
Antes del layout, la decisión
Escribe el objetivo de la página con un verbo y un objeto: solicitar una propuesta, reservar una demostración, descargar una guía. Después describe a quién le sirve esa acción y qué espera encontrar.
“Conseguir más contactos” es un deseo del negocio. “Ayudar a responsables de marketing a valorar si este servicio encaja con su lanzamiento” describe una tarea que la página puede resolver. Esa diferencia da una dirección al contenido.
Haz también una lista de lo que todavía no puedes afirmar. Un resultado sin medir, un testimonio sin aprobar o un plazo sin confirmar no deberían convertirse en argumentos por necesidad de llenar el diseño.
Un mensaje que se entienda al llegar
El primer bloque debería presentar la oferta, a quién se dirige y cuál es el siguiente paso. Puede tener personalidad y ser breve, siempre que no obligue al visitante a descifrar qué vendes.
Prueba a leer únicamente el titular, la descripción y el botón. Si parecen pertenecer a tres conversaciones diferentes, revisa el mensaje antes de añadir otra sección.
Un ejemplo: una campaña invita a conocer un servicio de diseño para lanzamientos. La landing continúa explicando qué incluye ese servicio. Su botón propone “Cuéntanos tu lanzamiento”. Los tres momentos forman una secuencia reconocible.
El diseño empieza a funcionar cuando cada bloque resuelve la siguiente pregunta del visitante.
Una estructura con un hilo
No todas las páginas necesitan las mismas secciones. Esta secuencia es un punto de partida para un servicio que requiere conversación:
- La propuesta. Qué haces, para quién y por qué merece atención.
- El encaje. Qué situación resuelves y en qué casos tiene sentido.
- La evidencia. Trabajos, muestras o explicaciones que puedas respaldar.
- El proceso. Qué pasará después de contactar y qué necesitas para empezar.
- Las dudas. Respuestas concretas sobre alcance, colaboración y condiciones.
- El siguiente paso. Una acción clara, con una expectativa honesta de lo que ocurre al pulsar.
Si una sección repite lo anterior con otras palabras, prueba a retirarla. Si una pregunta esencial sigue sin respuesta, no confíes en que una imagen la resuelva por sí sola.
Diseñar también la llegada desde móvil
Reducir el ancho de las columnas es solo una parte del trabajo. En una pantalla pequeña conviene revisar el orden de lectura, la longitud de los titulares y qué queda entre una explicación y su acción.
Una imagen con una forma reconocible debe conservar su proporción. Un formulario necesita etiquetas visibles, espacio para escribir y mensajes que expliquen qué falta. Un efecto de movimiento debe dejar que la persona lea y avance a su ritmo.
Recorre la página con una mano y después con el teclado. Esa revisión revela decisiones que un lienzo estático no muestra: un enlace demasiado pequeño, un bloque fuera de orden o un botón cuya función no está clara.
Una revisión antes de publicar
Antes de dar la página por terminada, contesta estas preguntas:
- ¿La promesa de la campaña continúa en el primer bloque?
- ¿La oferta se entiende sin depender de las imágenes?
- ¿La evidencia es real y está presentada con contexto?
- ¿Cada botón describe la acción que ocurre al usarlo?
- ¿El formulario explica qué sucede con la información?
- ¿El contenido y las acciones siguen disponibles sin animaciones?
Estas preguntas no sustituyen observar a personas usando la web. Sirven para llegar a esa conversación con una propuesta más clara. El primer layout puede cambiar muchas veces; la decisión que quieres facilitar debería seguir guiando cada versión.