Hermosas páginas de aterrizaje consejos y ejemplos

Cientos de artículos ingeniosos se han escrito sobre el tema de las páginas de destino. Todos conocemos los hechos básicos: que estas son las páginas a las que llega el visitante después de hacer clic en un anuncio publicitario o en un enlace promocional, y que desempeñan un papel de marketing crucial al convertir clientes potenciales en clientes para el negocio. Sin embargo, cuando se trata de diseñar una página de destino, los asuntos parecen ser mucho más delicados de lo que hubiera esperado después de revisar la documentación de cómo hacerlo. Es por eso que hoy, hemos elegido compartir una colección de ejemplos reales de páginas de destino para inspirarnos..

Según una clasificación bastante académica que puede encontrar en Wikipedia, las páginas de aterrizaje se dividen en dos categorías principales: de referencia y transaccional. Si se deben llamar referencias, las páginas deben mostrar información atractiva y relevante para el visitante (texto, multimedia). Las páginas de destino "transaccionales" son aquellas que apuntan a ventas inmediatas o al menos a la captura de clientes potenciales fuertes en ventas.

Como probablemente estarás de acuerdo conmigo, todas las páginas de aterrizaje cumplen ambos criterios: informan al visitante sobre la oferta e incitan acciones de su parte. De lo contrario, no necesitaríamos llamadas a la acción en absolutamente ninguna página de destino.?

Lo que debe quedar claro antes de lanzar cualquier página de destino en www es la naturaleza de la acción de los visitantes deseados. ¿Está aumentando las suscripciones a boletines de noticias su objetivo? Luego, diseñe una CTA con el mensaje "Regístrese ahora en nuestro boletín". ¿Apuntas a tener compras de prueba de los visitantes? Dilo asi En términos generales, la receta esencial es hacer que su página de destino exprese esta oferta de la manera más clara y atractiva posible..

Consejos para diseñar una página de destino

Algunos consejos rápidos para comenzar al diseñar una página de destino:

1. Utilizar el principio AIDA.

Esta es una cadena de eventos que deseamos que ocurra una vez que un candidato llegue a la plataforma que muestra el producto o servicio promocionado. Principalmente, los pasos son:

1. Conciencia - atraer la atención del visitante
2. Interesar - que se puede despertar resaltando los beneficios para el cliente
3. Deseo - inducir en los clientes la idea de que querer el producto o servicio
4. Acción - clientes realizando el proceso de compra

2. No demasiadas distracciones; dejar una salida

La idea es simple. Si la página de destino no tiene prácticamente ninguna opción de navegación, excepto el botón CTA, los visitantes forzarán su salida. No piense que si no proporciona ninguna navegación, no encontrarán una manera de irse, lo harán, tal vez incluso apagando el navegador. Y estos visitantes no Vuelve.

3. Hacer que pase la prueba de parpadeo.

Por lo general, una página de destino debe captar la atención del visitante en los primeros 3 segundos de entrada. Si el invitado parpadea y no puede ver claramente lo que debería encontrar en la página o no está interesado en lo que vio, es más probable que salte con las manos vacías..

4. No crees falsas expectativas

La página de destino debe ser coherente con las sugerencias proporcionadas por el anuncio original o viceversa. Los visitantes deben encontrar en la página de destino lo que se les prometió por primera vez en el anuncio en el que hicieron clic..

Como hemos prometido, vamos a recorrer algunas páginas de aterrizaje de B2B y B2C bien diseñadas y efectivas. Exploraremos sus fortalezas y debilidades inevitables. Tenga cuidado con lo siguiente en la galería a continuación: comunicación visual, marca e indicadores de confianza, efectividad del contenido, llamadas a la acción.

Escaparate: hermosas páginas de aterrizaje

99Diseños

Esta es la versión de una página de destino dirigida a diseñadores y estudiantes. 99Designs también tiene una página de destino para el otro lado: las empresas que necesitan diseños. En cuanto a este, es muy efectivo en términos de aprobación (vea los testimonios en negrita) y habla realmente el idioma de la audiencia con cifras e indicadores de confianza (número de miembros de la comunidad, cantidad de dinero que ganaron). Observe el tono rojo brillante del único botón de CTA: esto generalmente es algo que debe evitarse, pero en este caso particular no es molesto, ya que coincide con el color del logotipo.

123RF

123RF hace una clara declaración de propósito en esta página de destino con el control deslizante de imagen y los cuatro cuadros de mediana. Comprendes en un instante qué es el servicio y cómo puedes usarlo (Buscar, Registrarse, Paga lo que necesites, Comprar suscripción). El fondo gris claro es discreto y resalta la esencia, que es la imagen. Lo que personalmente creo que pueden mejorar es la lista de categorías de fotografía de stock, está un poco llena. Y el CTA es un poco demasiado sutil para los cuadros seleccionables.

Favomatic

Me encanta el diseño de esta página de destino. Hay contraste, buenos eslóganes en cada sección y aporta mucha información sin obligarte a leer todo (la pequeña fuente lo hace todo). Tiene navegación, pero vertical, al desplazarse, lo que reduce considerablemente las tasas de rebote..

BiznessApps

Llamadas a la acción, lema enfatizado y una impresionante lista de respaldos: esta es la combinación correcta para una página de destino y esta página la tiene. Además, incluye una cantidad mínima de texto y utiliza un video de demostración, ya que es un hecho conocido que la gente prefiere ver una película corta que leer. La forma es un elemento que pueden mejorar ligeramente. Por lo general, debe dar primero antes de poder obtener, así que si a cambio de enviar el formulario, los visitantes pueden recibir premios gratuitos, entonces el botón "Enviar mensaje" puede decir algo como "¡Obtenga sus cosas gratis ahora!"

Brusheezy

Otra prueba menos es más. Esta página de destino se ve muy bien con un solo icono y un encabezado prominente. Observe las dos llamadas a la acción, en la parte superior e inferior: este es un método infalible para hacer que el mensaje sea persistente sin sobrecargar la página. Destacar los beneficios para los clientes en lugar de las características del producto es otro vencedor..

Fuga

Es posible que esta página esté demasiado llena, pero en la tradición de las páginas de destino para aplicaciones. Sin embargo, la decisión de dividir la página en segmentos facilita la navegación a través de todos los elementos. Puede encontrar todo lo que está buscando: características, beneficios, testimonios e incluso una garantía de reembolso si no está satisfecho con el resultado. El último es bastante arriesgado, ya que puede plantear dudas sobre la calidad del servicio, y fue una buena idea colocarlo completamente en la parte inferior.

PageLines

El minimalismo es el concepto clave aquí. Personalmente, me gusta que esta página no te diga todo de inmediato, sino que te invita a descubrir. Sin embargo, lo que no me gusta tanto es un video que se inicia automáticamente (una función que generalmente evito), ¡incluso si Andrew Powers no solo es hábil sino también atractivo! Además, el hecho de que no haya un CTA inmediato puede ser un inconveniente para el sitio web.

Pico

Esta página de destino es simple pero potente. El signo rojo "mayor que" es sal y pimienta para la apariencia general. La disposición de los párrafos se asemeja a la disposición de un periódico y es bastante sugerente para los fines del CMS. Sin embargo, los botones de CTA son un poco demasiado débiles, y la dama en la esquina inferior derecha causa una leve distracción; con demasiada sorpresa en su rostro, parece que ella es capaz de negociar un asunto de negocios?

Caja de zapatos

Las líneas descriptivas para cada una de las secciones son un ejemplo de uso del lenguaje descriptivo. Entiendes el mensaje en una fracción de segundo, ya que tu línea de visión escanea rápidamente la primera fila y llega al botón CTA. Si aún está dudando, hay un testimonio para ayudar, junto con firmes respaldos, ¿no confiará en una compañía que aparece en Forbes y Tech Crunch? me gustaría.

Espacio cuadrado

Página de inicio de aspecto profesional, esto es. Un eslogan en negrita, botones de CTA que no puedes resistir a hacer clic y un muy buen respaldo, esta es la combinación para el éxito. También me gusta que pongan su contexto de uso en el centro de la página, con una captura de pantalla de la forma en que se ven sus páginas y las indicaciones tipo infografía. La estructura de 3 elementos de la página es otro punto fuerte..

Nota del editor: Esta publicación está escrita por Laura moisei para Hongkiat.com. Laura tiene una licenciatura en Ciencias de la Comunicación y pasa la mayor parte del tiempo persiguiendo su pasión por el diseño y la escritura. Ella trabaja para 123ContactForm, un creador de encuestas y formularios en línea que ayuda a los usuarios a crear formularios hermosos para cualquier página web.