Numerosos estudios revelan que los usuarios tienden a evaluar y analizar la credibilidad y confianza de un sitio web en función a aspectos como su diseño gráfico y visual. Es por esto que la imagen de una página de aterrizaje debe causar una primera impresión positiva para llamar la atención.
Estas son las 10 claves:
Mantén una jerarquía ordenada en los títulos
El título, subtítulo y texto tienen un tamaño específico. Cumplen con un orden jerárquico de lectura en el sitio web. La mayoría de las personas escanean cuando visitan páginas web y se quedan con lo que realmente llamó su atención.
El título principal es el de tamaño más grande, en este caso “Primero vas a leer esto”.
El subtítulo es de tamaño mediano, en este caso “Después esto”.
El segundo subtítulo es de tamaño pequeño, en este caso “Después vas a leer esto de aquí”.
No utilices más de dos tipos de fuente.
Elige una fuente principal y una fuente secundaria, esto hará que tu landing se vea más limpia. Aquí te dejo un ejemplo de cómo se ve la combinación de dos fuentes.
Fuente #1: Poppins Medium. Se utiliza para titulos y subtitulos.
Fuente #2: Poppins Light: Se utiliza para segundos subtítulos y texto.
Si te gusta una fuente en otro sitio web, usa esta extensión de Chrome WhatFont para averiguar la fuente. Lo más importante es que sea fácil de leer, sin demasiados “adornos”.Asegura una correcta visualización en versiones para móviles y escritorio (pc)
Asegura una correcta visualización en versiones para móviles y escritorio (pc)
Actualmente alrededor de un 95% de las visitas a una landing page o página de aterrizaje se producen desde dispositivos móviles, es por eso que debes garantizar una excelente experiencia al usuario tanto en formato móvil como en pc (escritorio). Lo más importante, antes de publicarla, verifica siempre que se vea perfecta en versión para móvil.
Usa de manera adecuada la paleta de colores.
Es ideal que utilices la paleta de colores de tu marca, evita usar demasiados y no elijas colores estridentes.
Algunas herramientas útiles para crear tu propia paleta de colores:
- Si te gusta un color en otro sitio web, ColorPick Eyedropper , es una extensión de Chrome que te indica el código de color exacto de todo lo que haces clic en tu navegador. Usa esto para descubrir los códigos exactos de los colores que estás visualizando.
- En este enlace podrás encontrar sugerencias muy prácticas para crear interfaces limpias y sencillas.
Supervisa que los testimonios sean legibles fácilmente.
Los testimonios deben leerse muy bien y si utilizas capturas de pantalla deben ser nítidas.
Evita la saturación de imágenes en la página web de aterrizaje.
Cuando utilizas muchas imágenes el cliente pierde atención en lo realmente importante, la idea es seleccionar las mejores imágenes, pero sin pasar el límite.
- Si necesitas imágenes aquí te dejo estos bancos de fotos gratis: freepik – pixabay – unsplash – pexels
Verifica la armonía visual con un uso adecuado de los márgenes.
Verifica la cohesión visual del diseño web ajustando de manera apropiada los márgenes para lograr una apariencia en armonía y equilibrio.
Emplea un color llamativo y diferente para el botón de «llamada a la acción».
Las personas escanean, por eso los colores de tu web en general no pueden ser estridentes, porque en la página de aterrizaje solo puede destacar un color por encima de todos y ese es el del famoso “call to action” CTA o llamada a la acción.
Revisa que los tiempos de carga en la web sean aceptables.
Es igual de importante la experiencia del usuario en cuanto a la velocidad de carga cuando está visitando tu web como el diseño gráfico. Puedes tener una página espectacular, pero si se demora en cargar terminarás perdiendo el cliente.
Revisa que la URL funcione bien.
Evita cargar imágenes o videos muy pesados.
En PageSpeed Insights, es uno de los sitios donde introduciendo la URL de tu landing puedes obtener un análisis aproximado de que tan rápido está cargando.
Evita llenar la web de aterrizaje de bloques largos de texto.
Es importante que la experiencia del usuario sea lo más agradable y entretenida posible. Juega con videos, fotos y textos cortos.
