Una página de destino proporciona a los visitantes de su sitio una primera impresión crucial. Esa impresión podría ser la diferencia entre hacer una conexión o crear una desconexión. Por lo tanto, cada detalle importa en la búsqueda para mantener el interés de un usuario.
Aquí hay cinco cosas que debe buscar en una gran página de destino, junto con ejemplos que lo hagan bien. Todos los ejemplos que mostraremos son de Envato Elements, un servicio que brinda a los miembros acceso ilimitado a una amplia biblioteca de plantillas, fuentes, complementos y activos de diseño, todo por una única tarifa mensual.
La misión singular de cada página de destino debe ser convencer al usuario para que actúe. Ya sea que esa acción se ponga en contacto con usted, descargue un archivo o realice una compra, una llamada a la acción (CTA) simple y claramente definida puede ayudarlo a convertir.
Hype es una página de inicio HTML / CSS que proporciona una CTA atractiva y fácil de leer. La llamada está justo en la parte superior y consta de un titular, botones llamativos y una hermosa imagen. Como usuario, no necesita pensar dos veces sobre cuál es el punto de la página: todo está allí.
Hype - Página de inicio de la aplicaciónCada sección de una página de destino debe tener su propio espacio para respirar. Junto con el espacio en blanco, los fondos y las imágenes también se pueden utilizar para proporcionar separación visual. Esto ayuda a garantizar que los usuarios no se sientan abrumados o distraídos durante su estancia. Los sitios de una sola página utilizan esto con gran efecto con la ayuda de la navegación de anclaje, proporcionando a cada nueva sección una clara separación de la última.
La plantilla PURE es un gran ejemplo, ya que utiliza una combinación de espacios en blanco, fondos y fotos para resaltar cada sección. Otro buen toque es el uso de las viñetas de navegación que permiten a los usuarios desplazarse hacia abajo una sección completa a la vez. Esto realmente te ayuda a mantenerte enfocado en solo una parte del contenido.
PURE - Plantilla Sublime PróximamenteCuanto más fácil sea para los usuarios leer y digerir el contenido de su página de destino, mayores serán sus posibilidades de éxito. Use fuentes que sean legibles con una buena dosis de espacio entre letras y altura de línea. Y, también es aconsejable evitar bloques largos de contenido de texto. El contenido que llega al punto es más eficiente y se ve mejor.
El Adviento es una plantilla de página de destino que proporciona un plan sólido para esta filosofía. Cuenta con una tipografía bien ejecutada (aunque, un poco más de contraste en algunas secciones sería bueno, esto se puede modificar fácilmente a través de CSS) y contenido conciso en todo. Siguiendo el ejemplo de sus páginas de demostración, podrá comenzar en la dirección correcta..
Plantilla de página de aterrizaje multiusos de AdvientoJunto con el texto corto y dulce, el uso de imágenes puede ser una parte importante de la definición de su mensaje general. Esto puede venir en forma de una foto, diagrama, tabla o infografía con subtítulos. Los elementos visuales como este a menudo hacen que el punto sea mucho mejor que el texto solo.
Ex Watch es un excelente ejemplo de una página de destino que utiliza varios elementos para informar visualmente a los usuarios. Hay fotos de productos con diagramas, íconos que llaman la atención sobre características específicas y un uso ingenioso de la animación. Es visualmente atractivo y cuenta una historia, en lugar de simplemente mostrar información.
Ex Watch - HTML de eCommerce de un solo productoComo beneficio adicional, vale la pena señalar que hay toneladas de excelentes recursos visuales como este disponibles para los miembros de Envato Elements. Explore su colección de infografías, iconos y otras imágenes vectoriales para tener una idea de lo que está disponible. Pueden ser muy útiles para crear la apariencia y el mensaje exactos que está buscando..
El uso del color es ciertamente una cuestión subjetiva del gusto personal. Pero vale la pena señalar que una página de destino que utiliza el color de una manera fácil de usar puede hacer que sea más fácil de usar y entender. Los elementos de navegación de codificación por colores y el uso de relaciones de alto contraste son formas simples de aumentar la UX.
Echando un vistazo a Landify, su uso del color es excepcional. Es agradable de ver, mientras que las llamadas a la acción son increíblemente fáciles de señalar. De alguna manera, el aspecto es muy simple, pero eso es lo que hace que esta plantilla sea tan efectiva..
LandificarSi bien puede usar una página de destino para una gran variedad de temas, ciertos elementos deben ser comunes en todas partes. Querrá asegurarse de que sea fácil para los ojos y fácil de usar. También debe contarle al usuario una historia de la manera más eficiente y llevarlo a la acción. Con la ayuda de las plantillas anteriores de Envato Elements, estará en el camino para lograr exactamente eso..