LANDING PAGES EFICACES

Semillero Emprede.ull

Ciclo de Píldoras formativas

Juan Manuel Pérez Díaz

 

http://slides.com/juanmapd/landing/live

Juan Manuel Pérez Díaz

Diseñador Web y UI

juanmapd.com

 

¿QUIEN SOY?

Algunas landings para empresas como:

Metropolitano: www.via-movil.es

YAP: youarepopular.com

Peris Seguros: www.peris.es/promocion-salud-2016  

Willis Seguros: willplatine.es/willisnetwork/opticas/

Grupo CIO, etc.

 

 

 

¿QUE VAMOS A VER?

  • Definición de landing page
  • Objetivos de una landing page
  • Cuándo utilizar una landing page
  • Anatomía de una landing page eficaz
  • Medir la eficacia

  • Herramientas y enlaces

  • Ejercicio práctico

DEFINICIÓN DE LANDING PAGE

Una landing page o página de aterrizaje es una página web optimizada para acoger al visitante.

Se abre al hacer un clic sobre el enlace compartido para este fin. El contenido es diferente del de una página de inicio tradicional, ya que propone un contenido más específico.

 

Este enlace puede provenir de por ejemplo:

una campaña de e-mail, un aviso publicitario, una campaña adwords, un sitio de un tercero.

Hay que saber diferenciar la landing page de la página de inicio de un sitio web. La landing page responde a una búsqueda particular y enfocada. 

La "home" muestra tres productos: créditos para estudios, re-financiación y créditos personales. La "landing" muestra un único producto, re-financiación.

OBJETIVOS DE UNA LANDING PAGE

principalmente..

CONVERTIR

convertir visitantes en leads (oportunidades)
(
venta, descarga, registro, subscripción, etc)

LANDING PAGE

CALL TO ACTION

LEAD FORM

SALES PAGE

CONVERSION

CUANDO UTILIZAR UNA LANDING

Si vendes productos online

Una oferta singular en una Landing page incrementa las conversiones en +200%

Si realizas campañas de marketing online

Mail, Banners, Adwords, Facebook ads, Twitter ads, Linkedin...
Crear una única página para cada campaña de anuncios te da la oportunidad de tener un contenido personalizado que se adapte a la campaña y convierta mejor

Si quieres captar nuevos clientes

Ayudan a captar nuevos clientes centrando el contenido en la conversión y segmentando

ANATOMÍA DE UNA LANDING PAGE EFICAZ

¿Que debe contener?

  • Un titular atractivo y enfocado a un objetivo específico
  • Un breve texto que explica la oferta
  • Una imagen que resalta los beneficios del producto/servicio
  • Un formulario que sólo pregunta lo mínimo
  • Un botón de CTA (Call-To-Action) con un mensaje claro y atractivo.
  • Una navegación reducida que elimina los enlaces de salida (menú y/o navegación).

¿Como debe estructurase?

Fuente:  http://www.bluecaribu.com/infografia-anatomia-de-una-landing-page-perfecta/

10
CONSEJOS DE DISEÑO

¿Como debe diseñarse?

#1 FOTOGRAFÍA DE CALIDAD Y A GRAN TAMAÑO

Fotos de buena calidad, relacionadas con el producto, y a todo el ancho de pantalla. Evitar imágenes de stock muy usadas. Fondos de vídeo.

#2 CABECERA CON LOGO Y NAVEGACIÓN REDUCIDA

Generalmente, el Logo está en la esquina superior izquierda y en la misma línea horizontal del menú de navegación. Los botones de navegación sencillos.

#3 TÍTULOS Y SUBTÍTULOS EFECTIVOS

Breves pero efectivos. Resalta los mejores atributos del producto. Los títulos deben ayudarte en el posicionamiento SEO.

#4 TIPOGRAFÍAS LEGIBLES Y ATRACTIVAS

Utiliza una combinación de tipografías con una sencilla y fácil de leer para textos largos y otra con personalidad para titulares.

#5 BOTÓN DE CALL TO ACTION CLARO Y DESTACADO

Botón mas grande que la navegación, color destacado, bordes redondeados, mensaje claro, conciso y atractivo. Nada de "click aquí".

#6 PIE DE PÁGINA LIMPIO Y ORDENADO

Redes sociales, información personal y datos de contacto. Se puede incluir navegación complementaria que no incorporamos en el menu principal.

#7 TRANSMITIR FELICIDAD

Imágenes con personas felices para empatizar y generar emociones positivas en los usuarios e impulsarlos a tomar acciones.

#8 FUNCIONALIDADES Y CARACTERÍSTICAS

Las funcionalidades y características de los dispositivos o cómo funciona el servicio son la principal preocupación de los usuarios a la hora de realizar una compra. Muéstralas de forma estructurada.

#9 JERARQUIA, MINIMALISMO, ESPACIO

No agregues demasiados objetos, trata de mantener las cosas en el lado más mínimo y utiliza una jerarquía visual para tus elementos y mensajes más importantes.

#10 COLOR APROPIADO AL TARGET

La paleta de colores seleccionada tiene que ir orientada al publico y el producto. Los colores de los CTO tienen que destacar.

¿Como debe mostrase?

+50% de la navegación desde móvil en 2015

El algoritmo de Google beneficia a aquellos sitios mejor preparados para móvil

Click to Call (permite llamada directa)

Contenido diferenciado por GEO Localización

 

 

 

MEDIR LA EFICACIA

El A/B Testing es la ejecución de experimentos simultáneos entre dos o más páginas para ver cual rinde o convierte mejor.

A/B TESTING

Probar, probar, probar

Una vez decidido que cambios probar en la landing page (titulares, CTA, fotografía, añadir vídeo, etc) se crean nuevas versiones o variantes de la página para experimentar con ellas.

variantes de página

El tráfico es asignado aleatoriamente a cada variante de página basado en un determinado "peso", por ejemplo, si hacemos una prueba con 2 variantes, podemos dividir el tráfico 50/50 o 60/40. El principal factor para decidir el "peso" es si estamos probando diferentes variaciones nuevas al mismo tiempo o contra una página ya establecida.

peso del tráfico

Si se arranca una campaña desde cero y tenemos varias ideas, podemos crear una landing para cada idea. En este caso asignaríamos un peso igual de tráfico a cada página. Queremos tratarlas igual para elegir un "ganador" tan pronto como sea posible, direccionando la misma cantidad de tráfico hasta que sea estadísticamente significante o válido.

comenzando con multiples variantes

Si tenemos una página ya establecida y queremos probar algunas nuevas ideas, le daríamos a la nueva pagina un porcentaje del tráfico más pequeño que a la actual, para mitigar el riesgo innerente a la introducción de nuevas ideas (que pueden no rendir bien).

probando contra una página existente

ejemplo de resultados

ejemplo de resultados

MÉTRICAS Y ANALÍTICA

Medir, medir, medir

Definir objetivos medibles

Debe ser básicamente lo que esta contenido en la llamada a la acción o call to action. Y que sea medible. Un registro completado, un pago de una subscripción, la compra de un producto, la descarga de un fichero, etc.

 

Los objetivos pueden ser de 4 tipos:

  • Destino: Que la visita llegue a una url concreta. 
  • Duración de la visita. Que permanecen en el sitio un tiempo determinado.
  • Páginas/visita: Que cada visitante hiciese al menos un número de páginas vistas.
  • Evento: Una descarga, una visualización de un vídeo, etc.

Ratio de conversiones

Existen dos tipos principales de conversiones:
leads y transacciones.

 

Los leads son cualquier información obtenida de un usuario que está interesado en tu oferta. Esencial en las páginas destinadas a fomentar la captación de leads.

 

Las transacciones definen si hay descargas o, en última instancia, ventas, la finalidad última de toda campaña que tenga como punto final la conversión.

 

Sin embargo, la tasa de conversiones es una métrica que debes matizar con otro indicador: el valor medio de cada transacción o coste por venta que surge de dividir la inversión realizada entre el total de las ventas.

Tasa de abandonos

El ratio de abandonos (o de rebote) se refiere al número de usuarios que una vez que han llegado a la landing page deciden abandonarla sin terminar la acción que propones.

 

Tener controlados los puntos de salida es uno de los aspectos más importantes. Si los tienes controlados podrás descubrir si existe alguna distracción que haga que los usuarios se marchen. Y si eres capaz de re-engancharlos.

ejemplo de panel de analítica

Otros análisis

Eye tracking

Son pruebas con usuarios donde se mide a que miran en una página. Pueden dar una información muy valiosa para mejorar la colocación de elementos clave.

 

Heat maps

Es un software que mide los movimientos y acciones del ratón sobre la página. Permitiendo saber donde se hace click o se mantiene por más tiempo la posición.

Heat map

HERRAMIENTAS PARA LANDING PAGES

Diseño de landing pages

Plantillas html,

Bootstrap themes:

wrapbootstrap.com

HTML

CMS

ONLINE

Wordpress templates,

Drupal templates:

themeforest.net

Servicios online:

instapage.com

unbounce.com

landerapp.com

(Incluyen A/B Test)

A/B Testing

Jquery:

EasyAB

Google Analytics:

Nativo

+JS

HTML

CMS

ONLINE

Wordpress plugins:

Nelio

Convert

Servicios online:

vwo.com

kissmetrics.com

abtasty.com

Otros enlaces

EJERCICIO PRÁCTICO

Creación de una landing page online

Seleccionar un producto o servicio propio, basarse en uno que conozcan o inventarselo.

Grupos de 4 o 5 personas

Elegir un producto concreto

Nos llega la visita de un mailing, un banner, addword o facebook ad? Definir el texto del anuncio y sus características.

Definir el origen

Titulo, subtitulo, descripción, campos del formulario y llamada a la acción.

Crear los textos

Realizar varios bocetos en papel de la estructura de la página. Con varias alternativas.

Bocetear la landing

Darse de alta en Instapage.com y seguir el mini tutorial.

Diseñar la página siguiendo las recomendaciones ya vistas.

Diseñar la landing page

Elegir que cambios realizar y crear una variante de la página para realizar un test A/B.

Crear una variante

Pasar la url de la página para que el resto de la clase la pruebe y tener resultados para el test A/B.

Probar la página

!MUCHAS GRACIAS¡

Semillero Emprede.ull

Ciclo de Píldoras formativas

Juan Manuel Pérez Díaz

juanmapd.com

@juanmapd

Landing pages eficaces

By Juan Manuel Pérez Díaz

Landing pages eficaces

Píldora de formación para ULL

  • 5,338