Landing page, potente herramienta de marketing online

Conceptos, aspectos clave, elementos que incluye y herramientas para crear una landing page efectiva que nos ayude a promocionar nuestros productos o servicios.

Transcript

1. CREA UNA LANDING PAGE PARA PROMOCIONAR TU PRODUCTO O SERVICIO
2. ¿QUIÉN SOY?
3. ¿QUIÉN SOY? ๏ Desarrollador Frontend ๏ Desarrollador iOS ๏ Formador imanolteran.com @itermar itermar@gmail.com
4. widdiapps.com @widdiapps info@widdiapps.com ȍ widdiapps ๏ Web ๏ iOS ๏ E-Commerce ๏ Publicaciones Digitales ๏ Formación ¿QUIÉN SOY?
5. PROGRAMA ๏ INTRODUCCIÓN ๏ CONCEPTOS ๏ ELEMENTOS IMPORTANTES ๏ HERRAMIENTAS ๏ CONSEJOS
6. INTRODUCCIÓN ¿QUÉ ES UNA LANDING PAGE?
7. ¿QUÉ ES UNA LANDING PAGE? ๏ Carta de presentación ๏ Web con un objetivo claro ๏ Puede no ser tu website principal
10. A.I.D.A. Atención Interés Deseo Acción http://webdesign.tutsplus.com/tutorials/designing-a-landing-page-using-aida-principles--webdesign-7043
11. INTRODUCCIÓN IMPORTANCIA DE TENER UNA BUENA LANDING PAGE
12. IMPORTANCIA DE TENER UNA BUENA LANDING ๏ Guiar a los visitantes hacia nuestro objetivo ๏ Conseguir conversión ๏ Detectar interés de los usuarios ๏ Medir efectividad de nuestras campañas
13. INTRODUCCIÓN EJEMPLOS DE LANDING PAGES
18. INTRODUCCIÓN ESTILOS DE DISEÑO
19. FONDO MULTIMEDIA ๏ Más vistoso ๏ Facilita la captación de atención e interés por parte del usuario ๏ Puede penalizar rendimiento, tiempos de carga… sobre todo en móvil
20. FONDO PLANO ๏ Menos espectacular ๏ Más eficiente en términos de rendimiento ๏ Si tenemos un buen título, puede resultar interesante no tener un fondo que distraiga
21. ANIMACIONES ๏ Útiles para resaltar elementos importantes ๏ Dotan de “vida” a la landing, a medida que los elementos van apareciendo ⛔ No abusar de ellas
22. ESTILOS DE DISEÑO TESTS A/B
23. A/B TESTING – Wikipedia “..el objetivo es identificar los cambios que incrementan o maximizan un resultado determinado (…). Como el propio término indica, se comparan dos versiones (A y B), que son idénticas salvo por una variación que puede afectar al comportamiento del usuario.”
24. A/B TESTING ๏ Probar la eficacia de un modelo frente a otro ๏ Objetivo —> Obtener más conversión
25. BUSCAR / ESTUDIAR
26. ANALIZAR / DECIDIR
27. ACTUAR / PROBAR
28. CAMBIAR / ADAPTAR
29. OPTIMIZAR
30. CONCEPTOS ¿PARA QUÉ SIRVE UNA LANDING PAGE?
31. CONVERSIÓN
32. CONVERSIÓN ๏ Objetivo prioritario y razón de ser ๏ Generar NEGOCIO ๏ Tráfico ๏ Ventas ๏ Leads
33. LEADS
34. LEADS ๏ Potenciales clientes ๏ Rellenar formulario ๏ Obtenemos sus datos ๏ Nombre ๏ Email
35. LEADS ๏ Generar contenido descargable GRATUITO para ellos. ๏ Ebook ๏ Capítulo de un libro ๏ Nivel de un juego ๏ Video-tutorial ๏ …………………………………
36. LEADS ๏ Lead ≠ Suscriptor ๏ Suscriptor recibe información tuya ๏ Newsletter ๏ Suscripción blog
37. LEADS ๏ Convertir Suscriptor en Lead ๏ Contenido descargable ๏ Proporcionarle contenido interesante ๏ Cuidado con resultar “pesados”
38. LEADS ๏ “Temperatura” de los Leads ๏ Leads FRÍOS ๏ Leads CALIENTES
39. LEADS ๏ Leads FRÍOS ๏ Datos captados mediante formulario en proceso muy INICIAL de compra ๏ El usuario se da cuenta de su necesidad
40. LEADS ๏ Leads CALIENTES ๏ Datos captados mediante formulario en proceso FINAL de compra ๏ Ya conocen su necesidad ๏ Están comparando proveedores
41. LEADS INFLUENCIA Leads FRÍOS VS Leads CALIENTES
42. LEADS ๏ Generar Leads Fríos ๏ Ciclo de compra LARGO ๏ Pasa un tiempo entre que surge la necesidad y se realiza la contratación/compra
43. LEADS ๏ Cómo generar Leads Fríos ๏ Blog que responda a sus preguntas ๏ Combinar ๏ Marketing de contenidos ๏ SEO ๏ Social Media marketing ๏ ………………………..
44. LEADS ๏ Pasar a la CONVERSIÓN ๏ Proceso habitual: OFERTA ๏ Para obtener sus datos
45. LEADS ๏ Tipos ๏ Lead - Frío ๏ Ha descargado contenido y entregado datos ๏ Lead Cualificado para marketing (MQL) ๏ Pedirles más datos para valorar ๏ Lead Cualificado para la venta (SQL) - Caliente ๏ Formularios largos
46. TIEMPO DE CARGA
47. TIEMPO DE CARGA ๏ Causa de abandono ๏ 90% de gente que abandona, no vuelve ๏ Tiempo medio: 2 segundos ๏ Determinante para posicionamiento ๏ Estrechamente ligado a la conversión
48. CALL TO ACTION
49. CALL TO ACTION ๏ Botón o enlace ๏ Convertir clientes potenciales en clientes finales ๏ Formulario ๏ Venta
50. CALL TO ACTION ๏ Aumentar tasa de clics ๏ Focalizar, segmentar. ๏ Texto claro, que invite a pulsar ๏ Ubicación ๏ Precios, descuentos ๏ Diseño: coherencia visual
51. ELEMENTOS IMPORTANTES ¿QUÉ ES UNA LANDING PAGE?
53. TÍTULOS TÍTULOS TÍTULOS Títulos
54. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.
56. €
57. CALL TO ACTION
58. – Imanol Terán “Escribir una cita aquí”
59. NEWSLETTER NEWSLETTER
60. + +
61. TÍTULOS Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis CALL TO ACTION – Imanol Terán “Testimonios” NEWSLETTER
62. HERRAMIENTAS cómo hacer vuestra propia landing
63. HERRAMIENTAS HERRAMIENTAS VISUALES
64. HERRAMIENTAS VISUALES Rapidez Sencillez Eficacia Personalización Optimización
65. HERRAMIENTAS VISUALES ๏ Macaw ๏ Invision ๏ Photoshop ๏ Instapage ๏ UNBOUNCE ๏ PAGEWIZ
69. HERRAMIENTAS PLANTILLAS HTML
70. PLANTILLAS ๏ Nos facilitan enormemente el trabajo ๏ Modelos estándar, ya probados ๏ Podemos empezar a probar rápidamente ๏ Interesante personalizar para diferenciarnos
71. http://themeforest.net
72. HERRAMIENTAS PASARELAS DE PAGO
73. PASARELAS DE PAGO
74. PASARELAS DE PAGO https://www.paypal.com/es/webapps/mpp/accept-payments-online
75. PASARELAS DE PAGO https://stripe.com https://plasso.co
76. CONSEJOS PARA CREAR UNA LANDING PAGE EFECTIVA
77. PRODUCTO / SERVICIO COMPETITIVO
78. DISEÑO SENCILLO
79. TIPOGRAFÍA LEGIBLE
80. COLORES JUEGA
81. LENGUAJE EFICAZ
82. TIEMPO DE CARGA RAPIDITO, QUE ME LARGO
83. CONFIANZA QUE SE SEPA LO BIEN QUE LO HACES
84. FORMULARIOS CORTOS Y SENCILLOS
85. LLAMADA A LA ACCIÓN SINO, NO SIRVE DE NADA
86. MIDE Y VENCERÁS
87. GRACIAS Imanol Terán Maruri @itermar itermar@gmail.com