Ejemplos de landing page leídos como estructura, no como capturas

Una landing page es una única página construida para una sola acción, con la navegación retirada para que el visitante tenga adónde ir y ningún sitio por donde perderse. Esa es la definición completa, y explica por qué las colecciones de capturas bonitas enseñan tan poco. Lo visual es la última decisión, no la primera.

Lo que sigue son ejemplos de landing page leídos como los leemos antes de presupuestar un proyecto: qué pide la página, en qué punto lo pide, cuánto pide de golpe y qué hace mientras el visitante duda. Las capturas cambian cada dieciocho meses. Los cinco problemas que hay debajo no han cambiado en una década.

Según los datos de referencia de conversión de Unbounce, obtenidos de 41.000 landing pages y 57 millones de conversiones, la página mediana convierte al 6,6 %. La diferencia entre sectores es mucho mayor que la diferencia entre estilos visuales, y eso indica dónde está el trabajo.

Un ejemplo enseña un problema resuelto sin enseñar el problema. Ve la cabecera terminada, pero no la fuente de tráfico para la que se escribió, ni la oferta que sostenía, ni las cuatro versiones que perdieron. Una página que convierte al 12 % para una empresa de eventos y otra al 3,8 % para un producto SaaS pueden parecerse mucho, porque la distancia viene de lo que se pide y no de cómo se ve.

Por eso conviene leer cada ejemplo buscando tres hechos antes que diseño. De dónde vino el visitante, qué acción única se le solicita y qué tiene que entregar para hacerlo. Con esos tres sobre la mesa, el layout deja de ser cuestión de gusto y pasa a ser una consecuencia.

El rango de referencia lo demuestra. Unbounce sitúa eventos y entretenimiento cerca del 12,3 %, SaaS en el 3,8 % y comercio electrónico en el 4,2 %. Mismo vocabulario visual, peticiones muy distintas.

Todas las páginas de esta selección ponen cuatro cosas en la primera pantalla y nada más: un titular que repite la promesa que el visitante ya pulsó, una frase que dice para quién es, una sola acción visible y una prueba de que otros la hicieron. El resto espera. Las páginas que fallan suelen fallar por añadir un quinto elemento, casi siempre una barra de navegación que devuelve al visitante fuera.

La repetición pesa más que la redacción. Si el anuncio decía "visita técnica en la misma semana" y el titular dice "soluciones para el entorno construido del futuro", el visitante se detiene, y en esa detención se pierde el tráfico. Recoger el clic es poco lucido y mueve la cifra más que la tipografía.

Nueve páginas, cinco problemas recurrentes. En lugar de describir marcas cuyo diseño se rehará antes de que termine de leer, aquí está el patrón estructural de cada tipo y la condición que necesita para sostenerse. Sitúe su caso en una fila, busque después ejemplos actuales de esa misma fila y estudie esos.

El patrón es estable; su expresión visual no. Una página de solicitud de demo de 2019 y otra de 2026 se diferencian en la tipografía y en poco más.

Los cinco problemas de cada fila son siempre los mismos: sostener la atención durante cuatro segundos, decir para quién es esto, hacer evidente la acción, retirar el motivo de duda y pedir el compromiso más pequeño posible. Cuando una página le chirría y no sabe decir por qué, falta uno de esos cinco. Casi siempre el segundo, porque escribir para quién no es la página es la parte más incómoda del trabajo. Ojo: ninguna de estas filas posiciona por sí sola. Una página que además tenga que encontrarse en el buscador necesita un sexto elemento, tratado en nuestra guía de landing pages SEO.

El formulario es la única parte de una landing page que pide al visitante entregar algo, y por eso es la única parte donde puede decidir parar. Todo lo que hay encima no le cuesta nada. De ahí que la longitud del formulario mueva la conversión con más fiabilidad que cualquier otro cambio aislado, y que los ejemplos más sólidos pidan dos campos donde sus competidores piden siete.

El análisis de longitud de formularios de HubSpot encontró formularios de tres campos convirtiendo cerca del 25 % frente a un 20 % aproximado en los de más de cinco. Las cifras absolutas pertenecen a su muestra, pero la dirección se ha mantenido en todas las pruebas que hemos hecho después.

La regla práctica es pedir solo lo que necesita el siguiente paso humano. Una llamada comercial necesita un nombre y una forma de contactar con la persona. No necesita tamaño de empresa, sector, horquilla de presupuesto y cómo nos conoció. Esos campos existen para que un informe sea más fácil de montar, y se pagan con leads perdidos.

Una landing page suele ser la página más rápida de un sitio, o debería serlo, porque no tiene navegación, ni listado de blog, ni widgets de terceros heredados de la plantilla principal. Cuando una landing page va lenta, la causa casi siempre son los scripts de seguimiento y una imagen de cabecera desmedida, no el diseño.

El estudio conjunto de Google y Deloitte Milliseconds Make Millions midió un 8,4 % más de conversión móvil en comercio con una mejora de 0,1 segundos en el tiempo de carga. Las décimas de segundo no son un error de redondeo cuando se compra tráfico.

En la práctica esto significa una sola imagen de cabecera en formato moderno, tipografías cargadas en local y un límite firme de etiquetas. La mayoría de páginas que auditamos arrastran entre cuatro y seis scripts de analítica y marketing, de los cuales dos los lee alguien de verdad.

La prueba funciona cuando es concreta, atribuible y está junto a la petición. Una persona con nombre, de una empresa reconocible, contando qué cambió, colocada al lado del botón, funciona. Una fila de logotipos grises en el pie no, porque a esa altura la decisión ya está tomada y nadie sabe si son clientes, socios o material de archivo.

Los ejemplos más sólidos ponen una prueba arriba del pliegue y otra pegada al formulario. No ocho testimonios en un carrusel del que nadie pasa la primera diapositiva.

Las cifras ganan a los adjetivos, aquí como en todo. "Redujimos el plazo de presupuesto de nueve días a dos" genera más confianza que "servicio excelente, muy recomendable", y sobrevive a la traducción a otros idiomas sin volverse vacío.

Hay una jerarquía que conviene conocer. Un cliente con nombre y cifra supera a un cliente con nombre sin cifra, este supera a una cita anónima, la cita anónima supera a un muro de logotipos y el muro de logotipos supera a nada, aunque por poco. Si tiene un caso real, póngalo junto al formulario y borre el carrusel. Nuestro trabajo de optimización de conversión en landing pages explica cómo probar qué prueba está sosteniendo la página.

El precio de una landing page se reparte según cuánto pensamiento va incluido, no según cuántos píxeles se mueven. Una plantilla rellenada con su texto es una cosa. Una página construida a partir de su oferta, su fuente de tráfico y un plan de pruebas es otra, y en esa distancia vive casi toda la diferencia de conversión.

Las horquillas de abajo son lo que presupuestamos y lo que se presupuesta en el mercado europeo. Dan por hecho que los textos se aportan o se encargan dentro del trabajo, y esa es la mayor variable individual. Nuestro servicio de landing pages publica sus horquillas por el mismo motivo por el que las publicamos aquí: un precio que solo llega después de la reunión es un precio pensado para anclar.

Una cifra más antes de elegir horquilla. El tráfico de pago cuesta lo mismo aterrice en una página buena o en una floja, así que el presupuesto de página se compara con la inversión publicitaria mensual y no con el precio de una web. Con 3.000 € al mes en anuncios, una página que pasa del 4 % al 6 % devuelve un desarrollo de 5.000 € en un trimestre.

Copiar falla de una forma concreta y previsible: el layout llega sin la oferta que lo justificaba. Una página larga con seis bloques de prueba tiene sentido para un contrato anual de 15.000 € y resulta desesperada para una descarga de 19 €. La página hereda una forma que resolvía la objeción de otro.

El segundo fallo es copiar una página que nunca se probó. Casi todo lo que circula por las galerías de inspiración lo eligieron diseñadores porque se ve bien en una cuadrícula, no alguien que miró la analítica. Los jurados de premios y los compradores no puntúan lo mismo.

El tercero es copiar entre mercados sin revisar la petición. Las señales de confianza son locales. Una página alemana lleva aviso legal y teléfono sin dudarlo, una neerlandesa puede pedir menos porque iDEAL ya estableció la confianza en el pago, y una francesa suele necesitar el precio antes que su equivalente en inglés.