Tag Archives: páginas de aterrizaje

5 ideas para crear una landing page que convierta

Aquellos de nosotros que llevan haciendo campañas de Google Adwords un tiempo saben lo importante que es tener una buena página de aterrizaje o landing page para que las campañas funcionen. Muchas veces se usa la página de inicio en lugar de una página específicamente creada para una campaña de Google Adwords. Otras veces son las páginas de producto las que funcionan como landings o incluso páginas de índice de productos. Pues bien, ninguna de estas alternativas sirve realmente.

Seguramente que aquellos que no sepan cómo crear una landing page me odiarán, pero es imprescindible trabajar la página a la que con tanto trabajo (y coste!) enviamos visitas. Para hacer esto no hay que ser un gurú de la publicidad, sino seguir una serie de pautas bastante sencillas.

1. La landing page ha de ser una página por separado con una estructura muy sencilla, gráficos visuales, poco texto y una llamada a la acción. Para que realmente convierta es importante que tenga un fondo blanco o azul claro. La imagen tiene que estar a la izquierda, el formulario a la derecha. Ésta es una landing page bien hecha.

Ejemplo de una landing page bien hecha

Ejemplo de una landing page bien hecha

Hemos hecho un test A/B con dos landings, una con un fondo negro y otra con un fondo blanco. La evolución de la landing page con fondo blanco fue espectacular, al principio su tasa de conversión fue aumentando gradualmente hasta llegar a ser mucho más alta que la página negra.

Tasas de conversión de landings

Tasas de conversión de landings, la azul era negra y la naranja blanca

Como se puede apreciar en el gráfico la página de aterrizaje que convirtió fue la blanca, es la linea naranja. La azul era una landing con un fondo negro que dejamos de usar, porque como es evidente en el gráfico no funcionaba.

2. En un artículo sobre la influencia del diseño en las conversiones, Oli Gardner explica que es muy importante dirigir la mirada del usuario hacia la llamada a la acción. Para ello se usa el esquema de Fibonacci.

Espiral de Fibonacci

Espiral de Fibonacci

La mirada se ha de centrar en el cuadrado de la derecha, sobre todo al interior de la espiral. Por eso se insertan en esta zona el formulario de contacto y el botón de enviar.

3. Dentro de esta misma linea es recomendable usar colores para crear un contraste y flechas para invitar a los usuarios a ir hacia la llamada a la acción.

Flechas y color para la llamada a la acción

Oli Gardner explica cómo funcionan flechas y color para una landing

 

4. Es necesario dejar espacio blanco alrededor de nuestra llamada a la acción para que se vea.

Espacio blanco alrededor de llamada a la acción

Oli Gardner muestra cómo el espacio blanco hace resaltar la llamada a la acción

 

5. Hay que separar el resumen de la descripción e insertarlos en diferentes lugares de la landing page. Como se puede apreciar en el gráfico del espacio en blanco, hay una linea con un resumen que suele ser el título y más abajo una descripción del servicio o producto en una lista o en frases enteras. Es muy importante tener primero una linea con un resumen sencillo de lo que se ofrece para explicar más abajo en detalle la oferta.

Referencias:

Oli Gardner: How to use Design Principles to Increase Conversions