7 Buenos ejemplos de landing page


Después de montar tu negocio y lanzar 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 o destino. ¿Por qué? Porque son fáciles de crear, baratas y muy efectivas.


A diferencia de una página web, donde se anima a los visitantes a navegar por sus 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 sobre cómo crear una poderosa 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 reales para conocer los ingredientes esenciales que son necesarios para crear LPs que funcionen. Aquí tienes varios ejemplos de páginas de aterrizaje bien hechas:


Los mejores ejemplos de páginas de aterrizaje


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 totalmente gratis. Tengas o no experiencia, Wix te ofrece las herramientas y soluciones que necesitas para crear la página web de tus sueños.


Esta landing page 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, un mensaje claro, elementos visuales adecuados y un CTA visible y notorio.



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 morado contrasta y sobresale con el azul claro 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.


Elementos visuales persuasivos: Wix ha diseñado su landing page recurriendo a imágenes cautivadoras y evocadoras. En ella, la imagen de un navegador web en el centro se superpone sobre la imagen del fondo que ocupa toda la página. En esta composición, dos montañeros observan la distancia para llegar a su objetivo que puede ser la montaña o crear una página web. Las imágenes que elijas deben transmitir de forma efectiva y al instante, la utilidad de tu producto o servicio.


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.



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, la página de aterrizaje está dirigida a empresas que necesiten sus servicios durante un viaje de negocios para sus empleados: desde alojamiento y espacios de cotrabajo 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 un testimonio real.




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 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). Si no tienes logo, puedes crear el tuyo fácilmente con el Creador de Logos de Wix. 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 últimas iniciativas es 'Uber Central'. Una solución que permite a las empresas organizar la recogida de sus clientes, invitados o consumidores. Este servicio se puede solicitar en el momento o programarlo con antelación con únicamente el nombre de tu invitado, su teléfono y destino. Y a diferencia de ti (usuario de Uber), tu cliente no necesita descargar la aplicación de Uber para disfrutar del servicio.


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




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


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 Uber. Aunque en su página de destino hay mucha información, está bien distribuida y las frases son breves (de una o dos líneas).


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 esta LP 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.


En tono jovial y alegre, su landing page muestra (con la imagen de una computadora portátil) 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.




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 ('Sales Solutions'), 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 la herramienta 'Sales Navigator' 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 ventas 'Sales Navigator' de LinkedIn. Aplica el mismo principio a tus páginas de aterrizaje: define cuál es tu objetivo y sé 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.



09. 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.


Esta landing page 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'.



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'.



10. Mazda


Esta conocida marca de automóviles nos ofrece una página de aterrizaje 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.




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 7 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

es03.png