7 Ejemplos de landing page que funcionan


3 ejemplos gráficos de landing page

Después de montar tu negocio y crear tu página web con éxito, llega el momento de captar clientes. ¿Y sabes cuál es la mejor manera de seducir o conseguir información de los visitantes de tu página web? Las landing pages (LPs), o páginas de aterrizaje. ¿Por qué? Porque son fáciles de crear, baratas y muy efectivas.


A diferencia de un sitio web, donde se anima a los visitantes a navegar por las diferentes páginas y categorías, una landing page es un sitio web de una sola página. Y la razón es simple: las landing pages se crean para un propósito en concreto, y solo uno. Deben contener un mensaje claro que se apoye en un texto descriptivo, elementos visuales llamativos y un irresistible CTA (llamado a la acción).


Desde vender un producto, conseguir nuevos suscriptores o la inscripción a un curso, si se hace bien, esta herramienta de marketing tiene un gran poder de conversión para todo lo que te propongas (para más información, consulta esta guía completa sobre qué es y para que funciona una landing page).


Las empresas y los responsables de marketing diseñan y optimizan sus páginas de aterrizaje para sus campañas de publicidad en Google, Facebook y otras fuentes de tráfico referencial. Estas páginas son como un lugar donde los clientes potenciales "aterrizan" después de hacer clic sobre tu anuncio de Google. No son como una página web convencional a la que la mayoría de tus visitantes llegan a través de una búsqueda natural.


A pesar de la diversidad de empresas que usan landing pages, sin mencionar las innumerables utilidades que tiene, no existe una fórmula mágica que garantice su éxito. Por eso, lo mejor es fijarse en ejemplos de landing page reales para conocer los ingredientes esenciales que son necesarios para crear una página de aterrizaje que funcione. Aquí tienes varios ejemplos de páginas de aterrizaje bien hechas y que consiguen resultados:



Landing page: ejemplos para inspiración


Vamos a hacer un repaso a algunas de las mejores landing pages que existen, desde el mundo del eCommerce y el transporte, hasta el diseño web y el marketing online. Explicaremos por qué cada página es efectiva y lo que puedes aprender e implementar cuando hagas la tuya.


01. Wix.com


Empecemos con algo familiar. Si aún no lo sabes, Wix es la plataforma de creación de páginas web preferida de más de 150 millones de usuarios. La utilizan desde negocios y blogueros, hasta artistas y tiendas online de todo el mundo. Con Wix, cualquiera puede lanzarse a Internet con una increíble página web práctica y profesional. Tengas o no experiencia en diseño web, Wix te ofrece las herramientas y soluciones que necesitas para crear la página web de tus sueños y gestionar tu negocio de forma profesional.


Esta LP es una de las muchas que usa Wix para atraer a clientes potenciales interesados en tener una página web. La mitad superior de la página incluye los ingredientes esenciales que toda página de aterrizaje debe incluir: el logotipo de Wix, un título directo y descriptivo y un CTA visible y notorio. Más abajo, un mensaje claro y corto, junto con elementos visuales adecuados llevan al usuario al objetivo principal: crear una página web con Wix.



landing page ejemplos de wix


Veamos con más detalle algunos de estos elementos:


Lo que puedes aprender de la página de aterrizaje de Wix:


Un CTA notorio: el CTA debe ser el protagonista de tu landing page. No tengas miedo de usar un texto directo y usar colores llamativos. "Empieza Ya" es un mensaje claro y transmite cierto sentido de urgencia, mientras que el color azul contrasta y sobresale con el naranja del fondo. Aquí tienes otros consejos para escribir tu propio CTA:


  • Debe ser corto: de dos a cuatro palabras.

  • Usa palabras que induzcan a la acción.

  • Agrega cierto sentido de la urgencia.

  • Usa un lenguaje que encaje con tu marca.

  • Sé directo: los usuarios deben saber exactamente lo que les espera después de hacer clic sobre tu CTA.


Usa textos cortos: los usuarios de internet están inundados de información. Por eso la mayoría de los navegadores de Internet nos han empujado a desarrollar el hábito de lectura rápida. Para combatirlo, redacta textos claros y concisos como ha hecho Wix. Aunque en tu página de destino haya mucha información, asegúrate de que esté bien distribuida y las frases sean breves (de una o dos líneas).



02. Airbnb


Desde 2008, Airbnb ha cambiado la forma de viajar de las personas. Esta plataforma online de alojamiento ha crecido sin parar gracias a las asequibles opciones que ofrece, especialmente para los viajeros que necesitan un alojamiento seguro y a buen precio en cualquier rincón del mundo (sin tener que pagar el prohibitivo precio de un hotel).


La página web de Airbnb tiene varias secciones según el tipo de usuario que seas: anfitrión o huésped. En este ejemplo landing page, ésta está dirigida a empresas que necesiten sus servicios durante un viaje de negocios para sus empleados: desde alojamiento y espacios de coworking, hasta lugares para hacer actividades de team building.


La primera página la ocupa un video de fondo que reproduce distintos escenarios con los compañeros de trabajo viajando, trabajando y socializando. El título aparece escrito en blanco describiendo lo que Airbnb quiere transmitir. Para recibir más información, los visitantes solo tienen que ingresar su email y presionar 'Añadir correo electrónico'. Para maximizar las conversiones, el mismo CTA se repite al final de la página.


Si te desplazas hacia abajo, la página está compuesta de imágenes de distintos espacios perfectamente habilitados para trabajar. Cada imagen viene acompañada de una descripción y un CTA personalizado como 'Explora alojamientos aptos para viajes de trabajo'. Y para inspirar confianza, han incluido testimonio de sus clientes.


Ejemplo landing page Airbnb


Lo que puedes aprender de la página de aterrizaje de Airbnb:


Video de fondo: el video es una excelente (y convincente) herramienta para mostrar tu producto o servicio. Como Airbnb ofrece distintas opciones de alojamiento y otros servicios, un video es una forma inteligente de mostrarlos todos al mismo tiempo. Es importante que el lenguaje visual guarde coherencia en toda la página. Airbnb lo consigue usando un video e imágenes que se complementan en términos de luz, ambientación y lenguaje visual.


Asegura la presencia de tu marca: esto lo puedes conseguir con tu propio logo, eslogan o con cualquier otro elemento que ayude a tu público a 'reconocerte' (independientemente de cómo haya 'aterrizado' en tu página). El sencillo y reconocible logo de Airbnb aparece en blanco y de forma sutil en el video y al final de la página.



03. Uber


Uber se ha hecho un nombre a sí mismo desde que lanzó su servicio de transporte privado en 2009. Desde entonces, la empresa ha crecido exponencialmente y ofrece desde servicios de transporte a particulares y entrega de comida a domicilio hasta un sistema para compartir bicicletas. Una de sus más rentables iniciativas es 'Uber para Empresas'. Una solución que permite a las empresas transporte, envíos o entrega de alimentos.


Aunque ligeramente distinta a la página de inicio de Uber, los elementos de la landing page de Uber for Business permite asociarla fácilmente con su identidad de marca. La mitad superior de la página incluye los puntos clave de la oferta y el botón 'Empezar gratis' como CTA. Si te desplazas hacia abajo, el servicio se detalla con más información.



Landing page ejemplos: Uber


Lo que puedes aprender de la página de aterrizaje de Uber:


Minimiza el desplazamiento en la página: la información más importante debe figurar en la 'mitad superior' (la parte visible de tu página web que aparece en la pantalla antes de usar el ratón para desplazarse hacia abajo). Su contenido debe dar la bienvenida al visitante tan pronto como presione tu enlace. En este ejemplo, el logo, el título, el CTA y los elementos visuales aparecen en la 'mitad superior'. Si tu landing page necesita más espacio para incluir más información, puedes emplear señales visuales que inviten al visitante a desplazarse hacia abajo.


Sigue el 'Patrón en F': otro método empleado para combatir la lectura rápida es lo que se conoce como 'Patrón de lectura en F'. Las numerosas investigaciones realizadas sobre seguimiento ocular (mucho antes de que existiera Internet) han demostrado que la mayoría de las personas no leen en línea sino que 'escanean' los textos con los ojos siguiendo un patrón que se asemeja a la letra F.


Por tanto, la clave está en captar la atención de los visitantes allí donde dirigen la mirada. Las zonas que cubran las líneas de esta letra serán aquellas donde debas colocar la información y frases más importantes de tu mensaje. Así es cómo funciona:


  • Las líneas horizontales del 'Patrón en F' son zonas en las que puedes incluir títulos que expliquen al lector lo que encontrará en tu página. Uber lo consigue colocando su 'Uber for Business' en la esquina superior izquierda. Después, la mirada del lector se dirige al siguiente bloque de texto que empieza a la izquierda: 'Llega a cualquier sitio que necesite tu empresa'.

  • La línea vertical. Después de escanear la sección horizontal superior de tu página, el lector dejará caer su mirada verticalmente y de forma natural hacia la izquierda. Tu trabajo consiste en llenar ese espacio con información interesante en ese 'salto de página'. La idea es invitar al lector a romper con su instintiva lectura rápida para que siga atento con el resto del contenido. Lo mejor es usar listas con puntos, citas entrecomilladas o imágenes para variar un poco tu contenido.


Es importante aclarar que, aunque ejemplo landing page en particular sigue un 'Patrón en F', la mayoría de las páginas de aterrizaje siguen un 'Patrón en Z'. La razón se debe a que las LPs son pobres en texto y ricas en elementos como botones, formularios y explicaciones breves.


Así es como se diseña una landing page usando el 'Patrón en Z':


La idea es que cualquiera pueda percibir la información distribuida intencionadamente en forma de Z en la página, es decir, haciendo un barrido con la mirada desde la esquina superior izquierda hasta la esquina inferior derecha siguiendo una línea en zig zag.


  • La línea horizontal superior de la Z es el primer lugar al que tus lectores dirigirán su mirada. Por eso es el lugar perfecto para colocar ahí tu logotipo.

  • La línea diagonal de la Z que atraviesa la página (de derecha a izquierda) está pensada para llevar rápidamente los ojos del lector hasta la siguiente sección donde quieras captar su atención. En el caso de las landing pages aquí es donde deberías incluir tu oferta, texto, imágenes, video o formulario.

  • La línea horizontal inferior de la Z es el tramo final para convertir al visitante que has logrado persuadir. Esta línea debe finalizar con un CTA convincente y persuasivo como la suscripción a una newsletter, la solicitud de una demo, la compra de un producto o la reserva de una cita o sesión.


04. Hootsuite


La importancia de tener presencia en las redes sociales no deja aumentar en todo tipo de empresas. Debido a eso, muchas herramientas para la gestión de las redes sociales se han convertido en parte inseparable de cualquier estrategia de marketing. Hootsuite te permite gestionar y programar tu contenido en las redes sociales desde un mismo sitio.


Este es uno de los ejemplos de landing page geniales que alinean el tono de la marca con el diseño, en este caso, jovial y alegre. Su LP muestra y describe (con el título) exactamente lo que ofrece. Al igual que las redes sociales, el tono de esta página es divertido y vivo. Como podrás descubrir, la página recurre al testimonio real de un usuario para inspirar confianza en los nuevos. Cada mitad de la página se usa para explicar en detalle la multitud de funcionalidades disponibles.



Landing page ejemplos: Hootsuite


Lo que puedes aprender de la página de aterrizaje de Hootsuite:


Enfatiza el título: junto con el CTA, el título es el elemento más importante de tu landing page. Es lo primero que verán tus visitantes y puede ser un factor determinante para que sigan o no en la página. Hootsuite consigue dar en el clavo con el título. Es claro, llamativo y va directo al grano para que el usuario entienda inmediatamente la oferta y cómo beneficiarse de ella. Para lograr un impacto óptimo, te recomendamos no usar más de 11 palabras para el título.


Repite tu CTA: como tu CTA es el 'pasaporte' para convertir clientes, procura que siempre lo tengan disponible en toda la página. Hootsuite lo hace colocando sus CTAs en un menú fijo, en la primera mitad de la página, en la oferta de sus planes y al final de la página.



05. LinkedIn


Esta empresa necesita muy poca presentación. LinkedIn es una red social orientada a conectar profesionales y negocios. Los usuarios pueden crear su propio perfil para mostrar sus cualificaciones y aptitudes profesionales, sus logros, su trayectoria profesional y mucho más.


Como es una plataforma con un gran número de usuarios y mucha actividad, se ha convertido en un espacio de ventas muy valioso y de contrastada eficacia. Esta página de destino está dirigida a los negocios interesados en encontrar rápidamente nuevos clientes en el mercado B2B.


La primera mitad de la página incluye el logotipo de LinkedIn que todos conocemos pero con un nombre algo más personalizado ('Linkedin Sales Insights'), un título muy claro y dos CTAs. A continuación, la landing page se centra en explicarte con convincentes datos estadísticos las ventajas de usar esta herramienta de LinkedIn. La plataforma ha elegido un menú fijo (permanece en el mismo sitio aunque te desplaces hacia abajo) que incluye su logo y el CTA. De esta forma, el CTA siempre es accesible desde cualquier lugar de la página.





Lo que puedes aprender de la página de aterrizaje de LinkedIn:


No distraigas la atención: cuanto más vayas al grano, mejor. Tu landing page debe tener un solo objetivo. En este ejemplo, el objetivo del mensaje es presentar y promover la nueva herramienta de Linkedin Sales Insights. Aplica el mismo principio a tus páginas de aterrizaje: define cuál es tu objetivo y se coherente hasta el final. Evita el desorden visual y céntrate en lo importante: el valioso CTA (que en este ejemplo aparece en un menú fijo).


Jerarquiza tu contenido: LinkedIn ha sabido prever el razonamiento que hace el visitante interesado en aumentar las ventas de su negocio. Primero, el título presenta la innovadora herramienta ventas de LinkedIn. A continuación, anticipándose a las posibles dudas del usuario, presenta una lista con las ventajas de utilizar 'Sales Navigator'. Luego, usando textos cortos e imágenes, informa con más detalle sobre su funcionamiento. Y como el éxito de otros usuarios siempre es un buen reclamo, también se incluye el nombre de algunas marcas conocidas que usan 'Sales Navigator' y casos de éxito. Después de ofrecer una batería de información tan convincente, la página de aterrizaje termina con una franja horizontal azul repitiendo el CTA para terminar de convencer al usuario de las bondades de la herramienta.



06. Vimeo para empresas


Creada por un grupo de cineastas, Vimeo es una plataforma para compartir videos dirigidos a un público más profesional. La compañía proporciona a los creadores las herramientas y tecnología necesarias para alojar, distribuir y monetizar sus videos. Ofrecen distintos planes según las necesidades del usuario, desde planes gratuitos hasta Premium.


Este es un ejemplo de landing page que está especialmente dirigida a los usuarios que necesiten videos como solución para sus negocios. No sorprende, pues, que cada funcionalidad del servicio se ilustre con un video acompañado de una breve descripción y un testimonio en cada uno de ellos. El título es claro, llamativo y está seguido de un CTA muy directo: 'Obtener Vimeo Business'.


Imagen del landing page de Vimeo

Lo que puedes aprender de la página de aterrizaje de Vimeo:


Conoce a tu público: dado que una landing page tiene un único objetivo, es fundamental que conozcas bien a tu audiencia cuando escribas el texto. Este caso en particular, utiliza un estilo muy profesional en el mensaje para dirigirse a las empresas. Esto se puede apreciar claramente en el título: 'Más participación, colaboración y crecimiento para tu empresa', y también en la sección que indica las herramientas creativas que puedes usar con Vimeo. Con esta página de destino, Vimeo demuestra que sabe a qué empresas quiere ofrecer su servicio.


Simplifica la navegación: tu landing page debe tener un objetivo claro: convertir los visitantes en clientes. Por lo tanto, debes eliminar cualquier enlace que pueda distraerlos. Vimeo repite su CTA en toda la página para insistir en lo mismo: 'Obtener Vimeo Business'.



07. Mazda


Esta conocida marca de automóviles nos da un ejemplo de landing page seductora y elegante. La página está encabezada por una franja negra con el logo de Mazda y un menú para navegar por ella. A continuación, aparece una galería con imágenes de alta calidad de sus últimos lanzamientos. Si continuas bajando, se detalla más información de cada modelo. El negro, blanco y plateado de su gama de colores trasmiten seducción y lujo.


Imagen del landing page de Mazda


Lo que puedes aprender de la página de aterrizaje de Mazda:


Diseño seductor: Mazda recurre a la galería de diapositivas como si fuera un escaparate virtual. El cambio de imágenes captura inmediatamente la atención del visitante. Lo mismo sucede con el sutil movimiento de los tres automóviles de la página cuando deslizas el puntero del ratón sobre ellos. Además, el video tiene un efecto hechizante sobre los visitantes.


Agrega iconos sociales: incluir botones para compartir tu landing page en las redes sociales ayudará a que tus visitantes difundan tu mensaje desde su propio perfil. También es recomendable agregar enlaces al perfil de tu empresa en las redes sociales. Para este fin, Mazda utiliza un completo pie de página con esta información.



Resumen: las mejores prácticas para crear páginas de aterrizaje efectivas


Con estos 10 ejemplos de landing pages hemos aprendido muchas cosas valiosas sobre cómo diseñar este tipo de páginas. A la hora de diseñar la tuya, lo importante es seguir estas buenas prácticas. Te las recordamos rápidamente en esta lista:


  1. Dale a tu CTA el protagonismo.

  2. Usa elementos visuales persuasivos.

  3. Minimiza el desplazamiento en la página.

  4. Agrega videos.

  5. Asegura la presencia de tu marca.

  6. Usa textos cortos.

  7. Sigue el 'Patrón en F o Z'.

  8. Presenta una oferta atractiva.

  9. Utiliza un mensaje claro.

  10. Enfatiza tu título.

  11. Repite tu CTA.

  12. No distraigas la atención.

  13. Jerarquiza tu contenido.

  14. Conoce a tu público.

  15. Simplifica la navegación.

  16. Diseña una experiencia seductora.

  17. Agrega iconos sociales.


Testea tus landing pages para mejorar las conversiones


Un último consejo: cuando domines el diseño de las páginas de aterrizaje, no caigas en la autocomplacencia. La continua mejora siempre puede reportarte más clientes. Como indicamos al principio, no existe una fórmula mágica que garantice el éxito de una landing page. Perfeccionar el arte de encontrar lo que funciona con tu público lleva su tiempo. Hay muchos factores que pueden influir en el éxito de tu landing page (texto, imágenes, planificación, etc.). Una buena forma de saber lo que funciona y lo que no es hacer un test A/B. Se trata de un método para comparar dos versiones de un mismo contenido cambiando un solo elemento.


Nota: es importante que únicamente cambies un solo elemento para detectar cuál es el responsable del éxito o fracaso de tu página.


Ejemplos de elementos que puedes variar:


  • Texto corto o más largo.

  • Mensaje más directo/urgente.

  • Los colores del fondo o del texto.

  • Las imágenes que utilices.

  • Una imagen Vs. video.

  • El tamaño de tu CTA.

  • El emplazamiento del CTA.

  • El diseño general de la página.

  • La oferta.


Ahora que tienes una fuente de inspiración importante, ¡es hora de crear tu página web profesional!



Publicado por Equipo Wix