Una página de aterrizaje es una página web con una llamada a la acción, ya sea un formulario de registro o un botón. Los concursos y los cupones también pueden utilizarse como páginas de aterrizaje. Los visitantes suelen llegar a ellas después de hacer clic en un anuncio de Google, en un anuncio de Facebook o en un enlace de la página de resultados de Google.
La principal tarea de las páginas de aterrizaje es convertir a los usuarios en clientes potenciales o compradores y animarles a completar una acción específica. Esta acción puede ser una compra, una suscripción al boletín informativo, un registro o la descarga de una aplicación.
Uno de los aspectos más importantes de las páginas de aterrizaje es que no tienen enlaces de navegación en la barra superior, lo que limita las opciones disponibles para sus visitantes y los guía hacia la acción prevista. Los concursos funcionan bien para conseguir nuevos "me gusta" en Facebook y seguidores en Twitter, así como para generar tráfico a su sitio web y clientes potenciales al incentivar al público con un premio.
Hay muchos tipos diferentes de concursos, desde el más básico sorteo al azar, como los sorteos de Facebook hasta los concursos de vídeo con gran participación que tienen un panel de jueces para determinar el ganador, todos los cuales se pueden configurar fácilmente con aplicaciones de concursos como Washponds. Este es el consejo para los concursos: ¡no regales un iPad! Recibirás montones de inscripciones, pero esas personas no estarán interesadas en tu producto, solo en el iPad. Esto hará casi imposible que conviertas esos clientes potenciales en clientes. Regalar un producto que usted vende (u ofrecer tarjetas de regalo para su tienda) garantiza que los participantes estén realmente interesados en sus productos, lo que facilita su conversión en ventas.
Hay dos tipos de páginas de aterrizaje principales para dos objetivos diferentes:
Una página de aterrizaje impresionante es simplemente la que define claramente su valor para sus visitantes y genera clientes potenciales, pero la forma más eficaz de hacerlo depende de su público, marca y del sector específico.
Muchas grandes páginas de aterrizaje vienen con las siguientes características:
He aquí algunos aspectos que deben tenerse en cuenta a la hora de crear páginas de aterrizaje:
Dar color a su página de aterrizaje y tener una interfaz de usuario clara y sencilla solo puede ayudar. Los visitantes querrán saber más sobre tus productos y notarán la prueba del valor que ofreces.
Deje que la oferta o las fotos hablen por sí solas, pero asegúrese de incluir titulares concisos y texto de apoyo para que su página de aterrizaje sea transparente y convincente. Esto se aplica a todos los componentes de la página: pruebe con espacios en blanco, textos sencillos y formularios más cortos.
Al eliminar la navegación principal o cualquier enlace secundario que distraiga, es menos probable que se produzca una fricción en la generación de contactos que haga que los visitantes abandonen su página.
El uso de botones para compartir en las redes sociales es una forma sencilla de conseguir que los visitantes se comprometan con su página de aterrizaje, para que puedan distribuir su contenido en sus redes sociales. Al fin y al cabo, los clientes son el núcleo de su rueda de marketing.
Las páginas de aterrizaje son cruciales para el éxito de una campaña de marketing. La psicología del mercado puede ser a menudo sorprendente, por eso experimentar con diferentes versiones de su página es a menudo la mejor práctica para ver qué variante tiene la mayor tasa de conversión (CVR). Compruebe la ubicación de la oferta, los estilos de las CTA e incluso la combinación de colores.
La CTA es un componente muy significativo de la página de aterrizaje y el umbral donde los prospectos podrían convertirse en contactos. Las CTA invitan a los visitantes a suscribirse, descargar, rellenar un formulario, compartir en las redes sociales, etc., pero, en general, las CTA son necesarias para que el público se comprometa más con la oferta. Para generar clientes potenciales, las CTA deben ser cautivadoras y llamativas, pero lo más importante es que presenten eficazmente el valor del producto.
Dejémoslo claro: en general, una página de aterrizaje y una página web son bastante similares. Son bastante parecidas pero no son iguales.
En primer lugar, debemos prestar atención a la estructura de la página. La página de aterrizaje tiene una estructura sencilla y sin distracciones, mientras que una página web tiene una estructura estándar con múltiples módulos y funciones, como los enlaces de navegación, la barra lateral, Acerca de, Información de la empresa, Servicios y Blog.
Otro aspecto a tener en cuenta es el propósito. Al hablar de una página de aterrizaje, hay que destacar que tiene un propósito muy específico, como el registro de nuevos usuarios, la recopilación de información, la venta de un producto, la publicidad con clics o la campaña de marketing.
¿Y qué hay de la página web? Está diseñada para describir y explicar tu producto o servicio con amplios textos e imágenes.
Bien, lo siguiente es la navegación. En el caso de la página de aterrizaje, la situación es clara: se dispone de un acceso limitado, por ejemplo, solo un CTA clicable. En cuanto a la página web, todas las páginas son accesibles para hacer clic y saltar con interacciones reversibles.
Veamos ahora algunos ejemplos brillantes de páginas de aterrizaje.
La página de aterrizaje del Raleigh es un mini viaje en una innovadora bicicleta Centros Al desplazarse, el consumidor parece estar dando un paseo.
Animación fluida, diseño de bloques en contraste, descripciones breves: todos los elementos de la página colaboran para mostrar la moto. Destaca la pantalla con lupa que permite visualizar el modelo con todo detalle. Al final, hay botones que puedes utilizar solo para visitar la tienda online o encontrar un punto de venta en la ciudad más cercana.
La página de promoción de Maslo muestra las ventajas de la aplicación, como la medición de la inteligencia emocional. “Hola, soy Maslo”: desde la primera pantalla se presenta a los usuarios la tecnología de forma discreta. El texto es corto y ordenado, pero cada frase explica las características del producto de forma clara y concisa. Desplazar el menú de navegación hacia abajo es una solución no trivial: se puede navegar por la pantalla como si se estuviera leyendo un libro.
El suave degradado púrpura en el diseño de la pantalla y las líneas suaves insinúan algo profundo y emocional: apoyan la idea del propio producto.
Es un placer utilizar la página de revisión de la serie de pianos de la empresa Roland. Hemos prestado atención a todos los detalles: hay una descripción del diseño, la ergonomía y el diseño interno del instrumento.
Hay varias formas de presentar la información: textos breves, animaciones y fotos y vídeos en varios formatos. Estos últimos merecen especial atención, ya que muestran el sonido del piano en diferentes salas: desde el estudio hasta la catedral.
La página de aterrizaje de la startup que diseñó un bot corporativo para la comunicación con los clientes. El webmaster trató de diseñar la página con un objetivo específico — atraer a los inversores — y tuvo éxito.
Esquema de color brillante, cursor inusual, implementación no estándar de la pestaña "Problema" — "Solución". La página contiene información seleccionada para los posibles inversores: el equipo y los socios están representados; hay una hoja de ruta para el desarrollo del producto; información sobre los competidores; datos económicos y financieros, y premios.
Este es el sitio de la antigua plataforma de colaboración Realtimeboard. En la primera pantalla se puede ver un título sorprendente que transmite sin tapujos el significado clave y la intención del servicio de colaboración. Debajo de la primera pantalla hay un vídeo que muestra claramente todas las ventajas del servicio.
Colores vibrantes, formas peculiares, ilustraciones creativas: el servicio está hecho por gente creativa y destinado a los mismos usuarios.
La página de aterrizaje presenta la "tarjeta de crédito del futuro", que puede utilizarse sin comisiones por transacción. El diseño y el contenido son minimalistas y dicen a los visitantes: Vayamos al grano. Las ventajas de su uso se muestran mediante tarjetas con iconos animados. La diferencia clave es el llamativo botón "Solicitar ahora" en varias pantallas.
Todo es sencillo y elegante en el sitio web de la cafetería Catch fish and chips. Un eslogan creativo que se llena de agua gradualmente es una solución no estándar para el indicador de carga.
Una animación de una serie de fotos aparece al desplazarse. Es un enfoque interesante para captar la atención y mostrar el proceso de cocción en la cafetería. La parte superior de la página contiene los botones "Menú" y "Contacto": Una oportunidad discreta para buscar puestos y reservar una mesa.
"Saborea las emociones": desde los primeros segundos, la página del restaurante asiático Spisy no spisy te anima a visitar este establecimiento. Se puede reservar una mesa sin salir de la pantalla principal: el botón CTA abre el formulario de solicitud, donde se puede hacer una reserva para una fecha concreta.
El diseño apoya el concepto del restaurante: colores apagados y dibujos a mano de estilo oriental. Al mismo tiempo, se hace hincapié en las fotos de los platos y del interior del restaurante: brillantes, en una variedad de ángulos — todo identifica la página del restaurante.
La página de servicio para la planificación de procesos internos atrae la atención con su original esquema de colores. Los detallados personajes animados describen perfectamente el producto. Una solución extravagante y no estándar es una característica de diseño.
Diseño, tonos y tipografía. La página de la comunidad profesional de diseñadores Squarespace/Circle es una oda al minimalismo.
El contenido fotográfico encaja perfectamente con la descripción y se corresponde con el diseño general del sitio. Los creadores de la página han conseguido hablar de la comunidad sin elementos ni palabras innecesarias: mínimo texto, máxima estética. Pensado hasta el más mínimo detalle, digno de la máxima calificación.
Este es un caso totalmente opuesto al anterior, pero también es realmente atractivo. La página de promoción de Oranjebitter invita a los visitantes a una fiesta. Colores veraniegos y jugosos: el diseño de la página insinúa que el programa del evento promete ser brillante.
Caleidoscopio: un movimiento interesante que llama la atención. A pesar de los colores desafiantes, los botones de CTA "Tickets" encajan muy bien. El primero, en el encabezado de la página, el segundo, al final del desplazamiento: no distraiga la atención, puede comprar un Ticket en cualquier momento.
El sitio web promocional Australian Emu presenta una moneda de oro de edición limitada de la empresa Metal Market Europe. El esquema de colores es conciso, la interfaz es sencilla e intuitiva. Durante el desplazamiento, una moneda en movimiento capta su atención, y una detallada descripción le ayuda a conocer todas las características del producto.
El menú de navegación de la izquierda se visualiza como una ruta y se duplica en "hamburguesa". La página de aterrizaje termina con un formulario de suscripción: puede suscribirse al boletín de noticias para no perderse el lanzamiento de una nueva moneda.
Esta página está dedicada al modelo de smartwatch. Puede ver el producto en todos sus detalles: el propio reloj está situado en el centro de la pantalla, una solución genial para centrar la atención del usuario. El diseño tiene un aspecto brutal: paleta blanca y negra, metal fundido en el fondo de las pantallas. Se presta mucha atención a la tipografía: en algunos bloques, la altura de las palabras ocupa más de la mitad de la pantalla.
Fontface es una extensión del navegador que le permite ver y marcar cualquier fuente. La gestión de la atención está perfectamente implementada. La pantalla se mueve suavemente, cambia de forma y aparece una lupa en ella: al desplazarse, el usuario puede saber más sobre el funcionamiento de la extensión. El final lógico de la página es una oferta para instalar la extensión.
La página de aterrizaje de Unaweel muestra las características de un volante de scooter controlado por una silla de ruedas.
Las ventajas del producto se demuestran de forma clara y detallada: mientras se desplaza, se aprende a instalar y utilizar el volante, así como a conocer sus dimensiones y capacidades. En la parte inferior hay botones con una oferta para obtener una prueba gratuita o comprar el producto. Sencillo, claro y cómodo.
Al igual que muchas otras páginas de aterrizaje en este post, la página de aterrizaje de prueba de Shopify se mantiene simple. Por ejemplo, el titular orientado al usuario tiene solo unas pocas palabras, y la página se basa en viñetas simples, no en párrafos, para comunicar los detalles y beneficios de la prueba. Solo hay que rellenar unos pocos campos antes de empezar. Todo esto le facilita ir al grano: vender online con su herramienta.
Esta página de aterrizaje comienza con un sencillo formulario en el que se pide "una dirección". Debajo de este sencillo campo de formulario hay un botón de color naranja brillante que contrasta bien con la imagen que hay detrás del formulario, y enfatiza que el presupuesto será personalizado.
Naturalmente, la dirección por sí misma no será suficiente para estimar el valor de una casa. Denota literalmente el vecindario de la casa. Por eso la siguiente página sigue con más preguntas sobre la propiedad en sí. A continuación, aparece el texto "Díganos dónde enviar el informe", con una advertencia de que, al introducir esta información, está aceptando ponerse en contacto con un agente inmobiliario. Este es un ejemplo perfecto de un negocio que da valor desde el principio a sus visitantes.
Landbot,un servicio que crea páginas de aterrizaje basadas en chatbot, pone su propio producto en el centro de su página de aterrizaje basada en el chat. Los visitantes son recibidos por un simpático bot -con emojis y GIFs- que les anima a proporcionar información en un formato conversacional, en lugar de a través de un formulario tradicional.
Este es un ejemplo de páginas de aterrizaje largas. Con unos pocos trucos, puede hacer que incluso la página de aterrizaje más larga parezca corta. La página de aterrizaje de Webprofits nos muestra cómo hacerlo.
Hay un botón CTA justo en la parte superior para obtener más información, con un bonito contraste con el contexto para que destaque, y una flecha hacia abajo para facilitar el desplazamiento. Al no poner un campo de formulario en la parte delantera, ayudan a reducir la tensión y proporcionan un incentivo para que los visitantes obtengan más información antes de que se les ofrezca una opción de conversión.
También facilitan la comprensión de lo que realmente hace Webprofits. El resto de la página ofrece información detallada sobre lo que obtendrá cuando entregue su información. Además, incluye CTAs estratégicos en toda la página para completar el llenado del formulario, como "Hablemos".
Aquí se puede ver el manifiesto de la fotografía de alta resolución y mucho espacio en blanco. La página de aterrizaje de H.BLOOM es un placer para la vista.
La página tiene algunos elementos de conversión fantásticos aparte de su belleza: una plantilla por encima del pliegue, una explicación sencilla y breve de lo que ocurrirá al rellenar el formulario, e incluso el botón naranja brillante de "Enviar".
La mejor manera de diseñar una página de aterrizaje es destacar el botón principal de CTA. Upwork hace un buen uso de esto. A partir de su diseño de CTA, es fácil ver que su objetivo es atraer a empresas y autónomos para que se registren.
Desde el punto de vista de la experiencia de usuario, el botón verde "Publica un trabajo" se dirige a las empresas, mientras que la pregunta escrita en caracteres pequeños - "¿Qué tipo de trabajo necesitas?" - es para los autónomos.
Su redacción también es muy direccional. En lugar de utilizar una CTA rígida como "Empleador: regístrese aquí", utilizan un lenguaje creativo ("Deje que los autónomos hagan más trabajo"), y luego una CTA orientada a la acción insta a los usuarios potenciales a "publicar su trabajo" aquí.
La arquitectura plana, simple y breve, permite que la página de aterrizaje muestre una animación perfecta. La imaginativa combinación del botón CTA y la animación hará que la experiencia del usuario sea fluida y vibrante. La animación es también un agradable complemento para el tema responsivo de la plataforma.
Como todos sabemos, Flickr es una plataforma para compartir y almacenar fotos. Tanto los fotógrafos aficionados como los profesionales pueden unirse e inspirarse. La arquitectura de la página de aterrizaje adopta la forma de un carrusel de imágenes para destacar la fotografía del usuario. También se destaca la firma de la obra y el nombre del autor, lo que anima a los usuarios a saber más sobre los autores y su obra.
El diseño del botón CTA, grande y visible, atrae a los usuarios a la comunidad de Flickr.
Lo que no se ve en la captura de pantalla de esta página de aterrizaje es que tiene un fondo de vídeo que se desplaza para mostrar diferentes servicios de forma divertida y atractiva. Utiliza un mensaje simple y directo que está armonía con su marca, dado que es un centro de fitness propiedad de Floyd Mayweather, un boxeador 26 veces campeón. Además, incluye una oferta de alto valor para probar una clase gratis.
Como página de aterrizaje de viajes, este sitio web aprovecha un punto de la publicidad y la construcción del tema del sitio web utilizando un paisaje impresionante. La imagen es un fondo creativo perfecto.
La combinación natural de colores hace que los visitantes se sientan cómodos y logra el objetivo de provocar el deseo de viajar y explorar.
Estos son algunos de los mejores ejemplos de páginas de aterrizaje que representan una amplia gama de industrias con muchos objetivos de conversión diferentes. No empleamos todas las mejores prácticas que existen, pero esperamos que hayas notado algunos elementos inspiradores en cada una de ellas.
Recuerde: todas las páginas pueden mejorar. Además, si algunas estrategias funcionan para una página, no necesariamente funcionarán para usted. Teniendo esto en cuenta, deberías probar tus páginas de aterrizaje todo el tiempo.
