Venngage

Seamos sinceros, rediseñar sus páginas de aterrizaje es difícil. Pero crear páginas de aterrizaje desde cero es aún más difícil.

¿Qué tipo de páginas de aterrizaje son las más adecuadas para su industria? ¿Qué tipo de página de aterrizaje debe crear para un caso de uso específico? ¿Cómo se consigue el delicado equilibrio entre un gran diseño de página de aterrizaje y el texto? Lo que más me ha ayudado en situaciones como estas es buscar inspiración en el exterior.

En esta guía, vamos a compartir algunos de los mejores ejemplos de páginas de aterrizaje que hemos encontrado en línea que abarcan múltiples industrias y casos de uso.

Esto es lo que cubrirá esta guía (haga clic para avanzar):

1. Ejemplos de páginas de aterrizaje de software
2. Ejemplos de páginas de aterrizaje de productos
3. Ejemplos de páginas de aterrizaje de comercio electrónico
4. Ejemplos de páginas de aterrizaje de aplicaciones
5. Ejemplos de páginas de aterrizaje de próxima aparición
6. Ejemplos de páginas de aterrizaje de consultorías y agencias
7. Ejemplos de páginas de aterrizaje de libros

¡También hemos incluido algunas de nuestras plantillas de páginas de aterrizaje para que pueda empezar a crear sus propias páginas de aterrizaje de inmediato!

¿Buscando inspiración para animar el rediseño de su página de aterrizaje? Ha llegado al lugar correcto.

¿Cómo se utilizan nuestras plantillas de páginas de aterrizaje?

Hay muchas maneras de utilizar nuestras plantillas de páginas de aterrizaje. Aquí hay tres de ellos:

1. Mockup para su propia página de destino: Comunicar cómo deben ser sus páginas de aterrizaje con diseñadores o ingenieros puede ser complicado a menos que cree una maqueta de página de aterrizaje para visualizar y comunicar sus ideas.
2. Conseguir financiación para tu startup: Puede que tu startup aún no tenga una página de inicio, pero eso no significa que no puedas recaudar dinero. Una maqueta de página de aterrizaje hecha por ti mismo e incluida en tu mazo de inversores puede dar vida a tu idea y convencer a los inversores de que te respalden.
3. Gana nuevos clientes para tu agencia: ¿Quieres cerrar más tratos y hacer más ventas? Céntrate en mostrar, no en contar. Personaliza una plantilla de página de aterrizaje para mostrar a los clientes cómo podría ser su nueva página de aterrizaje si trabajan contigo. Adjúntala con tu propuesta o con tu pitch de negocio.

Por ejemplo, esta página de aterrizaje de comercio electrónico está optimizada para impulsar las ventas y se puede utilizar como una maqueta para su página de aterrizaje final:

CREAR ESTA PLANTILLA

Este es, sin embargo, sólo un caso de uso. También puede crear páginas de aterrizaje para:

• Convertir a los visitantes del sitio web en registros de prueba para su software.
• Convencer a los visitantes para que descarguen su aplicación móvil.
• Vender sus productos digitales y físicos en línea.
• Validar una nueva idea de negocio antes de decidirse a entrar de lleno.
• Genera nuevos clientes potenciales para tu agencia o negocio de consultoría.

Entremos de lleno.

Ejemplos de páginas de aterrizaje de software

Página de aterrizaje de software de Stripe

Cuando se trata de páginas de aterrizaje de software, el reciente rediseño de la página de aterrizaje de Stripe me ha dejado atónito.

Stripe es una de las mayores startups de servicios financieros de este planeta que se enorgullece de saber muy bien tres cosas: finanzas, tecnología y diseño.

Y su inclinación por el buen diseño y la experiencia de usuario se refleja en esta página de aterrizaje del software:

Fuente

Para ser completamente objetivos, el diseño de su página de aterrizaje tiene un montón de campanas y silbatos de lujo.

Me refiero a la animación de gradiente que podría afectar a la velocidad de la página y a la batería, a la escasa legibilidad del texto, a las llamadas a la acción (CTA) poco claras y pequeñas, etc.

Tus páginas de aterrizaje de software deberían mantenerse alejadas de cualquier campana y silbato. ¿Mi consejo? Manténgalo simple.

La página de aterrizaje de registro de Monday

Sobre el tema de mantenerlo simple, el diseño minimalista de la página de aterrizaje ha sido hasta ahora una de las tendencias de diseño gráfico más populares en 2020.

¿Quién mejor para mostrar como ejemplo que Monday? Su página de aterrizaje de registro es limpia, minimalista y fácil de ver:

Fuente

Puntos de bonificación para los CTA rojos difíciles de perder y los casos de uso de desplazamiento automático en la sección de héroe que muestran todas las formas en que los equipos y los departamentos pueden usar Monday.

Plantilla de página de aterrizaje de software de Venngage

Si eres como yo y te encantó cómo Monday enfocó el diseño de su página de aterrizaje, tengo una plantilla de página de aterrizaje de software similar para ti.

La página de aterrizaje de software a continuación es organizada, minimalista y fácil de leer. Perfecta si eres una startup que ofrece un software sencillo y fácil de usar.

Sigue adelante y edita esta plantilla de página de aterrizaje de software ahora mismo:

CREAR ESTA PLANTILLA

Ejemplos de páginas de aterrizaje de productos

Página de aterrizaje interactiva de TransferWise

¿Otra empresa de servicios financieros en esta lista? Qué puedo decir, la toma de Transferwise en la tradicional página de aterrizaje de productos era demasiado buena para ignorarla.

Transferwise se ha convertido rápidamente en una de las formas más fáciles de enviar y recibir dinero en el extranjero y su ejemplo de página de aterrizaje de producto interactivo es lo que me hizo un cliente también:

Fuente

Realmente no puedes equivocarte con una calculadora de divisas en vivo que funciona en ambos sentidos y muestra tanto el desglose de la conversión, así como las tasas de una manera sin sentido.

¿El truco? Su página de aterrizaje del producto tiene múltiples CTAs dirigidos a educarte, a establecer la confianza y la credibilidad, y lo más importante: a incitarte a que te registres.

Si ya estás convencido, todo lo que necesitas es hacer clic en «empezar». ¿Quiere saber más? Haga clic en el botón «ver de qué se trata» y aparecerá un vídeo explicativo.

A fin de cuentas, su objetivo es convertir a los visitantes desconocidos en registros. Así que el CTA grande, en negrita y de color verde siempre ocupa el centro del escenario.

Como dije antes, recomiendo mantener sus páginas de aterrizaje de productos simples.

Sus recursos podrían ser mejor gastados en otra parte (como averiguar su estrategia de marketing en línea). Especialmente si eres una pequeña o mediana empresa o acabas de empezar.

Página de aterrizaje de producto de Astra

Me he encontrado con un montón de ejemplos de páginas de aterrizaje de producto en mi tiempo como vendedor, pero recientemente me topé con la página de aterrizaje de Astra. Al instante supe que era la mejor página de aterrizaje de producto que había visto en mucho tiempo.

¿Pero por qué? Para empezar, su titular es intrigante y apunta a un punto de dolor que todos los propietarios de sitios web enfrentan. Su siguiente subtítulo pinta un escenario de «qué pasaría si» que agita aún más este dolor.

Astra concluye con un CTA que los posiciona como una solución destinada a ayudar a cualquier propietario de un sitio web a asegurar su sitio web en tres minutos que son a la vez hiper-específicos y de tiempo limitado.

No sólo eso, sino que también han hecho un gran trabajo enumerando las empresas más grandes que utilizan Astra para asegurar a los clientes potenciales que están en buena compañía:

Fuente

Plantilla de página de aterrizaje de producto de Venngage

Aquí hay una plantilla de página de aterrizaje de producto real que nuestros diseñadores idearon y que usted puede manipular y personalizar a su gusto.

Esta plantilla de página de aterrizaje viene con todos los elementos estándar como la sección de héroe, cómo funciona, múltiples CTAs, y la prueba social en forma de testimonios de los clientes.

Si usted está vendiendo cualquier forma de software o producto físico, esta versátil plantilla de página de aterrizaje de producto es su mejor apuesta:

CREAR ESTA PLANTILLA

Pro Tip: ¿Te preocupa que el diseño de tu página de aterrizaje no se ajuste a la marca? Con nuestra función My Brand Kit puedes aplicar la marca de tu empresa a todos tus diseños (incluyendo nuestras páginas de destino) al instante. Importe los colores, logotipos y fuentes de su marca y aplíquelos a cualquier diseño con un solo clic. Es así de sencillo. Conozca más sobre Brand Kit aquí.

Ejemplos de páginas de aterrizaje de comercio electrónico

Página de aterrizaje de comercio electrónico de Casper

Otro ejemplo de diseño de página de aterrizaje bien hecho viene de los magos de los colchones Casper.

El titular hace una afirmación audaz que engancha al visitante, la propuesta única de venta es tentadora y el uso de casas de medios populares como prueba social añade credibilidad a su oferta.

En definitiva, una estructura sencilla, un diseño elegante y un mensaje persuasivo hacen que el diseño de la página de aterrizaje de Casper sea uno de los mejores en el ámbito del comercio electrónico:

Fuente

Consejo profesional: Si quieres aumentar las conversiones de la página de aterrizaje, utiliza la prueba social a tu favor. ¿Ha aparecido en la revista TIME? ¿Recibió testimonios de personas influyentes? ¿Recibió una calificación de 5/5 de los clientes? Muéstralos en tu página de aterrizaje.

Página de aterrizaje viral de Dollar Shave Club

Una empresa conocida por su genialidad en el marketing respaldada por una actitud de no hacer nada, es difícil debatir el monumental éxito del lanzamiento del producto de Dollar Shave Club.

Si bien es bastante básica en términos de diseño cuando se compara con la mayoría de los ejemplos de páginas de aterrizaje de comercio electrónico, esta página de aterrizaje junto con su video viral ayudó a Dollar Shave Club a conseguir aproximadamente 12.000 nuevos clientes en sólo 48 horas.

Habla de volverse viral.

Aunque el humor y la autenticidad del vídeo viral hicieron el trabajo pesado, esta página de aterrizaje de comercio electrónico lo hace todo bien, desde clavar la propuesta de venta hasta el uso brillante de la prueba social:

Fuente

Casi una década y una adquisición después, la empresa matriz Unilever ha optado por seguir el camino de la página de aterrizaje de comercio electrónico tradicional con Dollar Shave Club:

Fuente

Plantilla de página de aterrizaje de comercio electrónico de Venngage

Inspirados en los ejemplos de páginas de aterrizaje de comercio electrónico anteriores, también hemos creado una plantilla de página de aterrizaje con la que puedes jugar ahora mismo.

Esta plantilla de página de aterrizaje de ecommerce que compartí anteriormente tiene una elegante sección de héroe con un CTA contrastado, una propuesta de venta simple en tres puntos y una prueba social en forma de menciones en los medios de comunicación y reseñas de clientes:

CREAR ESTA PLANTILLA

Ejemplos de páginas de aterrizaje de aplicaciones

Página de aterrizaje de la aplicación Hopper

Hopper es una popular aplicación de viajes con una experiencia de usuario dentro de la aplicación que es la mejor que he tenido.

Pero sigamos con el tema de las páginas de aterrizaje aquí. La página de aterrizaje de la aplicación de Hopper es sencilla, fácil de leer y está llena de iconos juguetones, ilustraciones de ensueño y un uso mínimo de texto.

Lo más singular de esta página de aterrizaje de la aplicación móvil es que, independientemente de si utilizas tu navegador de escritorio o de smartphone, siempre te redirigirán con un enlace para descargar su aplicación móvil.

Y cuando experimenté su aplicación móvil por primera vez, entendí su razonamiento:

Fuente

Página de aterrizaje de la aplicación móvil de AnyList

Si has prestado atención, te habrás dado cuenta de que muchas páginas de aterrizaje de aplicaciones móviles tienden a ser de naturaleza minimalista tanto en términos de contenido como de copia.

La mayor razón para esto es simple: sus visitantes probablemente están buscando su aplicación móvil en sus dispositivos móviles. Con un espacio limitado en la pantalla, hay que hacer que cada palabra cuente.

La aplicación de listas de la compra AnyList no complica demasiado las cosas y, en cambio, sigue muy bien el diseño tradicional de las páginas de aterrizaje de aplicaciones.

Copia mínima (a menudo unas pocas líneas como máximo), una imagen de alta resolución de la aplicación en acción seguida de los enlaces de descarga a sus aplicaciones – realmente no puede ser más sencillo que esto.

AnyList es la prueba de que, cuando se trata de páginas de aterrizaje de aplicaciones, a veces lo aburrido puede ser mejor:

Fuente

Plantilla de página de aterrizaje de aplicaciones de Venngage

Para ayudarte a dar vida a tu idea de aplicación, hemos creado nuestras propias plantillas de páginas de aterrizaje de aplicaciones móviles basándonos en los diseños de páginas de aterrizaje de aplicaciones que hemos visto en las interwebs.

Para empezar, esta plantilla de página de aterrizaje para aplicaciones móviles viene equipada con ilustraciones elegantes pero visualmente atractivas, así como con CTAs múltiples pero estratégicamente dispersos:

CREAR ESTA PLANTILLA

¿Prefieres algo mucho más básico? Nuestros diseñadores han creado incluso una versión sobre el pliegue de una página de aterrizaje de una aplicación que incluye un titular, una descripción, una imagen de la aplicación, así como enlaces de descarga:

CREAR ESTA PLANTILLA

Ejemplos de páginas de aterrizaje de próxima aparición

Página de aterrizaje de próxima aparición de Playdate

Las páginas de aterrizaje de próxima aparición son perfectas para anunciar un nuevo producto o servicio en el que estás trabajando. También son útiles para validar nuevas ideas de negocio.

Panic Inc. utilizó una página de aterrizaje próximamente para su nuevo producto. ¿Su objetivo? Crear expectación en torno al lanzamiento de su nueva consola de juegos portátil: Playdate.

Ahora, esta no es la estructura tradicional de la página de aterrizaje que has visto repetida hasta ahora en este post. El enfoque de esta página de aterrizaje de próxima aparición es el contenido.

Me recuerda a una larga carta de ventas. La diferencia clave en el caso de Playdate es que se siente más como una conversación y menos como una carta de ventas.

Y con el elegante diseño de la página de aterrizaje, hermosas imágenes del producto, y un simple CTA para ser notificado cuando se lanzan, es difícil debatir lo que todo el bombo es:

Fuente

Página de aterrizaje de la aplicación de pre-lanzamiento de Brainfood

Aquí hay un poco más de inspiración de diseño de la página de aterrizaje próxima para usted. Viene de las mentes brillantes detrás de Brainfood.

Sobre el pliegue, Brainfood se centra en sólo tres elementos:

• Titular: Una propuesta de venta clara y fácil de entender. Sin las palabras de moda.
• Imagen principal: Mostrar la aplicación en acción con un vídeo explicativo.
• CTA: Escondido en la parte superior derecha Invitando a los usuarios a registrarse.

Si eres un fanático de mantener las cosas simples como yo, estoy seguro de que apreciarás este diseño de página de aterrizaje coming soon:

Fuente

Plantilla de página de aterrizaje coming soon de Venngage

Como dije anteriormente, si tu objetivo es validar una nueva idea de negocio o crear rumores para tu nuevo producto o servicio, las páginas de aterrizaje coming soon son tu mejor opción.

¿La mejor parte? Dado que suelen estar justo encima del pliegue, crearlas es bastante fácil y sencillo.

Si estás tratando de hacer despegar tu startup, sería prudente validar primero tu idea de startup. De lo contrario, podrías acabar creando algo que nadie quiere.

Aquí tienes una plantilla de página de aterrizaje para startups que pronto podrás utilizar para validar si tu idea de entrega de startups es un sí o un no:

CREAR ESTA PLANTILLA

¿Anunciar un nuevo producto o servicio? Utiliza una página de aterrizaje de próxima aparición para crear una amplia expectación antes de su lanzamiento. Incluso si se trata de un blog de viajes que ha estado emocionada de lanzar:

CREAR ESTA PLANTILLA

Ejemplos de páginas de aterrizaje de consultorías y agencias

Página de aterrizaje del blog de Rob Sobers

Entre la gran cantidad de páginas de aterrizaje de blogs personales que hay, la que probablemente robaré para mí viene del consultor de marketing Rob Sobers. Lo siento, Rob.

Al visitar su sitio web, te encuentras con una página de inicio sencilla. No hay campanas ni silbatos llamativos y este enfoque de «menos es más» brilla tanto en el contenido como en el diseño de su sitio web.

Un texto diferente pero llamativo, una CTA sencilla para unirse a su boletín de noticias por correo electrónico y una barra de navegación discreta es lo que más me gusta de este ejemplo de página de aterrizaje:

Fuente

Consejo profesional: Si eres un consultor como Rob, bloguear y escribir boletines de noticias por correo electrónico definitivamente ayuda. También recomendaría experimentar con algunos testimonios de clientes y estudios de casos que muestren las victorias de clientes anteriores. También puedes ofrecer estudios de casos como una descarga gratuita a los visitantes del sitio web a cambio de su correo electrónico. Más sobre la generación de clientes potenciales más adelante.

Página de aterrizaje de la agencia Shortlist

Aunque tengo un sesgo natural hacia las páginas de aterrizaje orientadas al marketing, creo que estarás de acuerdo conmigo cuando digo que el rediseño de la página de aterrizaje de Shortlist se ve mejor que la mayoría de los ejemplos de páginas de aterrizaje de ventas que hay.

Desde el punto de vista del diseño, las paletas de colores apagados, el uso creativo de los gradientes de color y las coloridas ilustraciones que saltan a la vista es lo que me gusta de esta página de aterrizaje de la agencia:

Fuente

Desde el punto de vista del marketing, también soy un fan de su copia de ventas creativa, el CTA rojo y audaz y la prueba social en forma de marcas con las que han trabajado.

¿La conclusión? Optimice cada elemento individual del diseño de su página de aterrizaje y obtendrá una página de aterrizaje de ventas que convencerá a la mayoría de los visitantes de pulsar ese gran botón rojo de «¡hablemos!».

Plantilla de página de aterrizaje de agencia de Venngage

Si está buscando generar clientes potenciales para su agencia o negocio de consultoría, necesita una página de aterrizaje de agencia que no sólo convierta sino que también logre un equilibrio entre el diseño y el texto.

Estás de suerte porque aquí tienes una plantilla de página de aterrizaje de ventas para aprender más que cumple todos los requisitos:

CREAR ESTA PLANTILLA

Esta plantilla de página de aterrizaje de ventas es diferente porque pide a los prospectos sus detalles de contacto por adelantado, proporciona una razón convincente para hacerlo y también incluye un número de teléfono para que los prospectos puedan ponerse en contacto directamente contigo si tienen preguntas.

Ejemplos de páginas de aterrizaje de libros

Página de aterrizaje de libros electrónicos de Unbounce

Si hay una empresa en este planeta que entiende el buen diseño de páginas de aterrizaje, son nuestros amigos de Unbounce.

Entre la plétora de páginas de aterrizaje que he visto de Unbounce, este diseño de página de aterrizaje de ebook es nítido, limpio y comunica todo lo que necesitas saber sobre su ebook y por qué deberías descargarlo:

Fuente

Con esta página de aterrizaje de captura de correo electrónico, Unbounce tiene un objetivo simple: generar clientes potenciales altamente calificados ofreciendo a los visitantes por primera vez un ebook gratuito en lugar de tratar de convertirlos en un cliente la primera vez (que rara vez funciona).

Página de aterrizaje de ebook para desarrolladores

En este ejemplo de página de aterrizaje, me encanta cómo Justin ofrece dos versiones de su producto digital: un ebook y un curso online para atraer tanto a los lectores como a los espectadores de su público objetivo.

El diseño simple, el texto de ventas de formato largo y las reseñas de clientes reales hacen que esta página de aterrizaje sea fácil de leer, persuasiva y auténtica.

No sólo eso, en su video explicativo Justin explica brevemente todo sobre el programa mostrando primero el punto de dolor y luego posicionando su programa como una solución.

Y aunque esto no es estrictamente un ejemplo de página de aterrizaje de un ebook, sigue el diseño estándar de la página de aterrizaje de un ebook con el que estoy muy familiarizado:

Fuente

La verdadera sorpresa: Justin tiene tanta confianza en su programa que ofrece un capítulo gratuito de su ebook para que los visitantes de primera vez puedan experimentar parte de su programa antes de tomar una decisión de compra.

Esto también ayuda a Justin a convertir a los compradores escépticos en potenciales clientes potenciales a los que puede ofrecer un valor genuino primero antes de pedir una venta. Hablando de un ganar-ganar.

Plantilla de página de aterrizaje de captura de correo electrónico de Venngage

Como se señaló anteriormente, puede generar clientes potenciales de más de una manera. Y el proceso es bastante similar independientemente de si eres una agencia, una consultora o un negocio de software.

Si te sientes abrumado o confundido, te recomendaría empezar poco a poco. Crea un ebook y ofrécelo como lead magnet en tu landing page de captación de emails para empezar a generar leads.

Aquí tienes una sencilla plantilla de página de aterrizaje de ebook para empezar:

CREAR ESTA PLANTILLA

Una vez que tengas una idea de cómo los ebooks ayudan a la generación de leads, empieza a juguetear con otras formas de lead magnets como white papers, infografías y listas de control.

Identifique el tipo de oferta que más resuena en su público objetivo antes de empezar a optimizar su página de destino. Por ejemplo, un ejecutivo de Fortune 500 podría estar más interesado en un libro blanco que en una lista de verificación.

Consejo profesional: los libros electrónicos, los libros blancos y las listas de verificación son excelentes imanes de clientes potenciales porque son fáciles de crear. Si puedes dedicar algo de tiempo y recursos, también recomendaría experimentar con la creación de un boletín de correo electrónico o un informe de la industria en profundidad para generar clientes potenciales de mayor calidad. ¿Te sientes aventurero? Prueba a organizar un seminario web.

Tu turno para crear tus mejores páginas de aterrizaje

Felicidades, has llegado al final de esta guía. Ahora tienes una sólida comprensión de los mejores ejemplos de páginas de aterrizaje que tienden a funcionar para varias industrias y casos de uso específicos.

Como he dicho, la clave para crear páginas de aterrizaje que conviertan es principalmente conseguir el contenido y el diseño correcto. Sólo entonces llegarán las conversiones.

Cómo hacer que tu página web sea MÁS REAL

– Sencilla >Pretenciosa
– Caras >Ilustraciones
– Prueba social en cada oportunidad pic.twitter.com/gO4tY3LQWz

– Ejemplos de Marketing (@GoodMarketingHQ) 16 de julio de 2020

Antes de crear tu página de aterrizaje, recuerda estos consejos:

• Mantenlo simple, estúpido (KISS): Las mejores páginas de aterrizaje que convierten son fáciles de ver y de leer.
• Utilice la prueba social: Los nuevos visitantes necesitan confiar en usted antes de comprar. Elimine su escepticismo mostrando menciones en los medios de comunicación, citas de personas influyentes y testimonios de clientes como ellos.
• Habla como un humano: Menos «La plataforma de conversión de visitantes de la IA» y más «Cómo las pequeñas marcas venden más en línea» Su copia debe hablar como lo haría un humano.
• No se repita (DRY): Las páginas de aterrizaje tienen un espacio limitado, úsalo sabiamente. Afina tu mensaje y no te repitas para asegurarte de comunicar el valor de tu oferta de manera efectiva.
• Pruebas A/B de todo: Haga pruebas A/B de sus páginas de aterrizaje con frecuencia para identificar lo que funciona mejor. Pruebe elementos individuales como el diseño, la copia, la propuesta de venta, los CTA, la prueba social, y obtenga granularidad a partir de ahí.

Por último, no se olvide de utilizar herramientas de prueba entre navegadores para asegurarse de que sus páginas de aterrizaje son compatibles con algunos de los navegadores web y sistemas operativos más populares.

Ahora que sabe cómo hacer su propia página de aterrizaje o dar a sus páginas de aterrizaje existentes un lavado de cara visual, es el momento de pasar a la acción.

¡Crea una página de aterrizaje!

¿Quieres saber más? Aquí hay más contenido de marketing y diseño, seleccionado para ti:

7 Consejos para usar imágenes para crear páginas de aterrizaje que conviertan

20+ Plantillas de libros electrónicos increíbles + Consejos de diseño para principiantes

Marketing de sitios web para pequeñas empresas: The Ultimate Guide