Como diseñar una landing page efectiva

como crear una landing page
En esta entrada les traigo varios consejos útiles para diseñar una landing page que cumpla su función dentro del embudo de marketing digital.

Logo de toptal azul con fondo blanco
Esta es una colaboración de Toptal y su escritor Stelian Subotin.

Las landing page, o paginas de aterrizaje si lo traducimos toscamente, pueden describirse como sitios web de una sola pagina que empujan al usuario a realizar una acción. Este enfoque en realziar una tarea en especifico es la característica principal que diferencia a las landing pages del resto de los elementos de una web.

La meta principal de las landing page es obtener los datos de contacto de los visitantes y convertirlos en compradores, es decir, obtener leads y ventas. Este proceso de convertir a los visitantes en compradores se hace a través de las llamadas a la acción o call-to-action (CTAs), en forma de botones, formularios, etc.


"Una landing pages es cualquier pagina web en la cual el visitante de internet arriba en primera instancia en su camino a realizar una acción importante que tu quieres realicen en tu sitio" - Tim Ash

Las landing page se originaron en respuesta a las bajas ventas que Microsoft estaba teniendo con su suite Office  y se han expandido al punto donde se ha estandarizado su uso, pues a pesar de ser algo relativamente simple, continua siendo una de las herramientas mas poderosas para capturar clientes utilizando técnicas de mercadeo y diseño.

Las landing page se utilizan para convertir trafico y para tareas orientadas a las ventas, tales como:

- Promocionar nuevos productos
- Hacer crecer una lista de subscriptores
- Incrementar las ventas y los leads
- Obtener data a través de formularios




Las mejores practicas para el diseño de una landing page

1. Simplicidad visual

La simplicidad visual toma en cuenta todos los elementos de la interfaz de usuario de la landing page. mantener la simplicidad visual y un diseño minimalista es importante ya que ayudara al visitante a enfocarse en el valor de la proposición. 

simplicidad visual landing page

Algunas características de la simplicidad visual son:

- La simplicidad visual mantiene espacios en blanco que enfocan a los visitantes en las llamadas a la acción aislándolas de otros elementos.
- La simplicidad visual hace que sea fácil destacar las funciones clave y las llamadas a la acción.
- La simplicidad visual crea contraste al mostrar elementos en una forma que los haga resaltar.
- La simplicidad visual mantiene el flujo de diseño colocando los elementos en una manera en que dirija a los usuarios a seguir leyendo.

2. Una gran landing page comienza con gran contenido multimedia

Las imágenes y videos correctos en una landing page ayudaran a persuadir a los visitantes a seguir la call-to-action. Una muy buena imagen ayudara a contar una historia, muestra el producto de manera efectiva, y crea una conexión personal con los visitantes.

La relevancia de la imagen mostrada es crucial. Mostrar imagenes personas reales con rostros amistosos en lugar de imágenes de stock ayuda a generar confianza con los visitantes. De igual forma, incluir imágenes adecuadas del producto o servicio le da a los visitantes un mejor entendimiento de que están comprando.

Por otro lado, el efecto de los videos en las landing pages según las investigaciones es mucho mayor que el de las imágenes fijas. Usar video ayudara al SEO, mantendrá el engagement (el interés e interacción con tu sitio) de los usuarios y explicara de mejor manera el producto o servicio a los usuarios.

3. La importancia del color

Las investigaciones indican que los colores son de gran influencia en nuestra psicología, en la manera que nos sentimos y actuamos. Una selección de colores adecuada mejorara la interfaz de usuario y ayudara a guiar el comportamiento de los usuarios, mejorando en consecuencia las conversiones de la landing page.

Aquí hay unos cuantos tips sobre como usar los colores de manera efectiva:
- Entiende como usar el alto contraste, el cual esta ligado directamente a una buena lectura.

- Aborda los colores desde la perspectiva de la psicología y el marketing. Dependiendo del producto/servicio utiliza colores que lleven el mensaje correcto. Por ejemplo, el verde es un color que transmite seguridad, confianza y calma, por tanto, es el mas apropiado para utilizar en productos relacionados con la banca y finanzas.

- Considera el simbolismo de los colores, ya que varias culturas no interpretan los colores igual, por tanto lo que funciona con un usuario puede no hacerlo con otro de una region diferente del mundo.

- La interpretación de los colores varia con los géneros, y no hay una solución a prueba de balas para ello, acepta y entiende este hecho.

4. Diseño responsive

Ya desde hace un par de años los sitios web reactivos o responsiva (esos que se modifican automáticamente para visualizarse correctamente en cualquier pantalla) se volvieron un estándar en la industria.

Las compras online realizadas desde dispositivos moviles siguen creciendo y pronto esta plataforma se convertira en la mayor fuente de trafico para las tiendas online. 

ya que las landing pages están orientadas a la conversión, es importante entender el potencial de la audiencia movil y adaptarse para recibir este tipo de trafico.


Contenido. La fundación de una gran landing page

1. Titulares concisos y atrapantes

El titular es lo primero que los visitantes ven cuando llegan a una landing apge y son una manera efectiva de atraparlos. Considera el titular como una gancho o anzuelo que bien atrapa o pierde a los visitantes.
titulares landing page  
Es un hecho que perderás a los visitantes si no los haces interesarse en los primeros segundos. Ademas, es importante impresionar, siendo el titular el elemento que mas sobresale del resto, deberia llevar el mensaje de tu propuesta.

Un titular efectivo para una landing page es:
- Persuasivo y atrapante.
- Corto pero claro, y especifica que problema soluciona.
- Lleva cierto sentido de urgencia. CLICK NOW!

2. Llamadas a la acción

Los botones de las call-to-action son componentes claves de una buena landing page y actúan como la puerta principal entre tu producto o servicio y el usuario.
call to action landing page

Es posible mejorar el rendimiento de tus CTAs con estos tips:

- Mantenlo encima del pliegue de la pagina, es decir, que no sea necesario darle al scroll para verlo.
- Haz énfasis en la CTA primaria, que sea fácil para el usuario realizar la acción deseada.
- Utiliza imágenes sugestivas y pistas visuales para llevar a los visitantes a la CTA.
- Utiliza colores fuertes y brillantes que hagan que el boton de la CTA resalte creando contraste.
- Usa frases naturales en tus llamadas de acción.


3. Aspectos psicológicos


Cada persona esta sujeta a principios y reglas psicológicas. La motivación, deseos, creencias, etc de una persona la llevan a tomar una decisión en especifico. Estas decisiones son afectadas por factores conscientes e inconscientes, y hay menares de jugar con ello:

- Usar imágenes que simpaticen y sean relevantes para el contexto del usuario. esto permitirá una mejor conexión a nivel emocional y lleva un sentimiento de empatía hacia el usuario.
- Los elementos clave de la landing page, como el titular y los botones de llamada a la acción, deben crear valor y sentido de urgencia en el usuario. Esto puede lograrse escribiendo un texto apropiado y usando colores en contraste.
- El uso de Widgets, como ratings, premios, placas de confianza, socios, etc... Dan un sentimiento de confianza.
- Mostrar los logos de marcas que han estado involucradas con el servicio o producto ayuda también a construir confianza.
- El uso de testimonios de clientes aumenta la credibilidad.


4. Uso de personas en una landing page


Como ya indique antes, el uso de personas con rostros amigables es una técnica probada para aumentar las conversiones de una landing page.
usar personas landing page

Una buena implementación de esto es desviar la atención hacia los CTAs utilizando imágenes de personas mirando y/o apuntando hacia estos.




Errores comunes al diseñar una landing page

1. No utilizar imágenes es o usar gráficos de baja calidad.

Según estudios, las personas perciben los símbolos e imágenes hasta 1000 veces mas rápido que el texto. Esto enfatiza la necesidad de utilizar imágenes y video de alta calidad.

Una imagen vale mas que mil palabras

El uso de imágenes genéricas, pixeladas, antiguas e incluso de stock dañara la credibilidad y confianza de la marca, haciendo que la landing page parezca poco autentica a los ojos del usuario.


2. Diseño complejo y con demasiado contenido.

Las landing page han de ser fáciles y rápidas de leer y entender (y de cargar también). 

diseño complejo landing page

Entender la perspectiva del usuario demuestra las debilidades del diseño mas efectivamente, ayuda a hacer el flujo de la pagina mas intuitivo, y el proceso de escanear (leer a gran velocidad sin detenerse y aun asi obtener la información relevante) la landing page menos difícil.


3. Texto pobre o complicado.

Un texto bien escrito no solo es sugestivo sino también interesante, es esencial para una experiencia clara e intuitiva de los visitantes. 

Hay que saber contar historias.

Demasiado texto, errores gramaticales, cuerpos muy extensos de texto y un tono aburrido, te llevaran con toda seguridad a tener una landing page un rendimiento pobre.

Fuente: Toptal Blog - How to Design an Effective Landing Page



Comentarios