Este documento discute los aspectos clave de las landing pages, incluyendo: (1) su objetivo de captar visitas y convertirlas en clientes; (2) los elementos esenciales como títulos atractivos, mensajes claros, formularios cortos y diseño limpio; y (3) la importancia de medir el rendimiento a través de herramientas analíticas para optimizar continuamente las landing pages.

1. ¡HOLA!
@Brunocanzutti
brunocanzutti@gmail.com
Diplo Mkt Digital |UBP| 2016
Landing Page Optimization
La lucha de convertir visitas en clientes

2. 1. ¿Qué es una Landing Page?
2. ¿Cómo Funciona?
3. ¿Por qué debo hacer una landing page?
4. ¿Por qué una landing es mejor que una web en términos de
performance?
5. ¿Cuando usarla? Cuando no?
6. ¿Que tiene que tener una landing para que funcione?
7. ¿Cómo mido los resultados?
Hoy responderemos lo siguiente

3. ¿Es necesario
hacer una
Landing Page?

4. ➔ Tienen un objetivo claro.
➔ Permiten personalizar de la oferta.
➔ Evitan distracciones.
➔ Aportan Reportes específicos.
➔ Permiten testear ofertas.
➔ ¡Pueden incrementar las Conversiones!
Por qué deberías responder ¡SI!

5. Pero si además, la visita del usuario fue
paga, “la optimización de la Landing Page
se vuelve esencial”.

6. Tenemos muy pocos segundos para
captar la atención de los usuarios de
nuestra landing page. Aprovechalos!
Aproximadamente el 96% de los
visitantes de tu sitio,
no están dispuestos a comprar.
¡Entreguemos contenido de valor!

8. ➔ Objetivos.
➔ Soporte.
➔ Fuentes de Tráfico.
➔ Mensaje.
➔ Formulario de contacto.
➔ Diseño | UX .
➔ Experiencia del Usuario | Test A/B.
➔ Analítica.
➔ ROI | Conversiones.
Aspectos a tener en cuenta para una Landing

9. Define muy bien tus objetivos

10. • Registros a un curso/charla/evento.
• Ventas.
• Descargas de material.
• Consultas.
Todas las opciones, generan registros a mi base de datos.
¿Qué voy a hacer con ellos después?
¿Qué quieres conseguir con tu Landing?

11. Fuente: http://www.google.com/intl/es-419/think/tools/customer-journey-to-online-purchase.html
Fuentes de tráfico

12. Fuente:
http://www.google.com/intl/es-419/think/tools/customer-journey-to-online-purchase.html

13. 1. El homepage de tu sitio web.
2. Una landing a medida.
3. Una página para dispositivos móviles.
4. Plataformas pre pagas.
(Landerapp, LeadPages, Instapage, Unbounce, Themeforest).
5. Tu página de Facebook
6. Blog.
Algunos ejemplos de landing page..

14. Tips infalibles
para crear una
landing page
exitosa ;)

15. TITULARES
LLAMATIVOS

16. ➔ Pensar como cliente.
➔ Lograr relación directa entre el anuncio previo/mail y el
título de la landing.
➔ Usar títulos como preguntas, donde la respuesta sea SI.
➔ Probar constantemente.
➔ Usar el factor emocional.
➔ La gran fórmula:
curiosidad + beneficio + gratificación instantánea
Para lograr un buen título debes..

17. ➔Usar tipografías claras y grandes.
➔Dejar espacio alrededor del titulo para que se destaque.
➔Mover el título fuera de la alineación del texto para llamar la
atención.
➔Incluir las Keywords utilizadas para SEO y PPC en el título y en
el mensaje.
Tenemos entre 0 y 8 segundos para persuadir a los usuarios
con el título y lograr que sigan leyendo
Para lograr un buen título debo..

19. • Dentista: Guía del Comprador > El Top 5 de Cepillos de Dientes
Eléctricos del 2016 (Incluyendo el que Yo Uso).
• Negocios: Guía de Apps > Top 3 de las Aplicaciones de IPhone Para
Organizar tu trabajo.
• Marketing: Las 5 mejores herramientas de marketing digital del año
para las empresas locales.
• Gimnasios/Deportistas: Los 3 y únicos aparatos de ejercicio que
necesitas tener en tu casa (Una Pista: Todos Pesan Menos de 7 Kilos).
Ejemplos de títulos:

20. EVITA LAS
BARRAS DE
NAVEGACIÓN

21. PROPUESTA
DE VALOR

22. Pueden generar 200% más de conversiones.
AGREGA
TESTIMONIOS

23. CONTENIDO
ACCIONABLE

24. Conceptos sobre los que enfocar la comunicación:
• Razones de compra. (Porque debo comprarlo?)
• Resultados. (Que me resuelve?)
Responder estas 2 preguntas, genera 8 veces más
probabilidad de conversión.
Mensaje

25. ➔ Responder a una sola acción.
➔ Mensaje claro, concreto y directo.
➔ Texto scaneable.
➔ Enfócate en los beneficios y nos las funcionalidades.
➔ Un audio o video corto solo si es necesario.
Tips para el mensaje

27. Es el punto clave de la conversión.
➔Formulario fácil de entender y completar.
➔Pedir estrictamente lo necesario. Ni un dato más!
➔Transmitir seguridad / Disminuir la ansiedad.
➔Call To Action claro y atractivo.
➔Usar Lead Box, logra mejoras de hasta 30% en las
conversiones.
El formulario de contacto

28. Landing Page + Lead Box

29. ¿Formularios cortos o largos?

30. CALL TO
ACTION

31. ➔ Cambios sutiles en el botón de acción, como ubicación,
color, tamaño, tipografía, pueden tener alto impacto en la
taza de conversión.
➔ Mensaje claro, directo y llamativo.
➔ Repetir al menos 3 veces el call to action en toda la landing.
Call To Action

32. ➔ Generalmente las tipografías grandes funcionan mejor.
➔ Incluir el Call To Action en la parte superior, donde el
usuario pasa el 80% del tiempo sin scrolear.
➔ Un segundo Call To Action, puede ayudar a captar usuarios
indecisos:
> Links de Redes Sociales
> Páginas de confirmación de compra.
Call To Action

33. IMÁGENES
DE CALIDAD

34. ➔ Diseño limpio, sin ruido, responsive o adaptativo.
➔ Evitar distracciones / Limitar la navegación.
➔ Las Fotos de productos que se pueden rotar 360º
incrementan las conversiones.
➔ Las fotos deben tener relación directa con el mensaje.
➔ Las fotos con Personas convierten más.
Diseño

35. Podemos lograr hasta 30% mas de conversiones.
Fuente: Leadpages.com, basado en estudio de mas de 4000 paginas.

36. Google Analytics le dice qué está pasando.
KISSmetrics le dice “Quién lo está haciendo”

38. DISEÑA
PARA TODOS

39. Fuente: http://www.google.com/intl/es-419/think/tools/customer-journey-to-online-purchase.html

40. • Diseño adaptativo / responsive.
• Contenido justo y necesario.
• Texto grande.
• Intuitivo y fácil de usar.
• Botones y Links grandes.
• Tiempo de carga rápido. (Menos de 4’’)
• Call to Action claro
• Formularios de contacto de 3 o 4 campos máximo.
“El 77 % de las personas que investigaron productos desde un Smartphone, luego compró a
través de un canal diferente, PC o en el local.”
Fuente: Google
Landing para dispositivos móviles

42. 1
Principales obstáculos
32
Falta de recursos
de IT o Diseño
Exceso de
información
No tener un
objetivo claro
4
Contenido de
mala calidad.

43. EXCESO DE
INFORMACIÓN

44. EXCESO DE
INFORMACIÓN

45. ¿Cómo combatir la ansiedad?
Generan mayor ansiedad
•Dejar mis datos personales.
•Poner mi tarjeta de crédito.
•Permitir que usen nuestros
datos.
•Permitir que alguien nos
llame.
Disminuyen la ansiedad
•Políticas de privacidad
claras.
•Garantías de devolución.
•Explicación clara del proceso
de compra.
•Testimonios.
•Sellos de confianza.

47. Asignar aleatoriamente páginas web a los visitantes de un sitio
web para probar la efectividad entre 2 o más versiones de una
página.
Proceso constante
1.Siempre comparar la nueva versión con la existente.
2.Si conseguimos derrotar a la existente.
3.Poner un nuevo contrincante.
¿En qué consiste el TEST A/B?

48. 1) Título y propuesta de valor,
2) Call to Action,
3) Colores,
4) Imágenes,
5) Cantidad de contenido,
6) Mapas de calor.
¿Qué testear en un A/B?

50. ➔ Test de los 5 Segundos
◆ ¿Quién eres?
◆ ¿Qué productos o servicios ofreces?
◆ ¿Por qué debería estar interesado en tus productos o servicios?
➔ Test de los 2 Metros
➔ Test de Usabilidad (Entre 5 y 7 personas)
Test de usabilidad

51. Medición de resultados

52. ➔ Impresiones / CTR / CPA
➔ Cantidad de tráfico / Tiempo de permanencia.
➔ Cantidad de descargas.
➔ Tasa de Cierre /Cantidad de visitas que compran / CPA.
➔ Cantidad de formularios completos.
➔ Cantidad de prospectos.
Principales herramientas de medición: Analytics / KISS metrics
Medición de resultados

53. ➔ Analytics
➔ Optimizely.com
➔ clicky.com > (Mapas de calor)
➔ Lander
➔ Encuestas
Herramientas de test y análisis

54. La evolución de

59. Repaso..
Puntos básicos
de una Landing

60. ➔Elimina distracciones.
➔Mensaje claro y concreto.
➔Call To Action (⅔).
➔Diseño limpio.
➔Formulario corto.
➔Título de calidad.
➔Imágen adecuada.
➔Reflejar confianza.
➔Incluir Comentarios.

61. ¡Muchas Gracias!
Bruno Canzutti | brunocanzutti@gmail.com