Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Landing page, potente herramienta de marketing online

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.

6c68edbaa40e50a0420ee1c125d17189?s=128

Imanol Terán

April 21, 2015
Tweet

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
  8. None
  9. None
  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

  14. None
  15. None
  16. None
  17. None
  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?

  52. None
  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.
  55. None
  56. CALL TO ACTION

  57. – Imanol Terán “Escribir una cita aquí”

  58. NEWSLETTER NEWSLETTER

  59. + +

  60. 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
  61. HERRAMIENTAS cómo hacer vuestra propia landing

  62. HERRAMIENTAS HERRAMIENTAS VISUALES

  63. HERRAMIENTAS VISUALES Rapidez Sencillez Eficacia Personalización Optimización

  64. HERRAMIENTAS VISUALES ๏ Macaw ๏ Invision ๏ Photoshop ๏ Instapage

    ๏ UNBOUNCE ๏ PAGEWIZ
  65. None
  66. None
  67. None
  68. HERRAMIENTAS PLANTILLAS HTML

  69. PLANTILLAS ๏ Nos facilitan enormemente el trabajo ๏ Modelos estándar,

    ya probados ๏ Podemos empezar a probar rápidamente ๏ Interesante personalizar para diferenciarnos
  70. http://themeforest.net

  71. HERRAMIENTAS PASARELAS DE PAGO

  72. PASARELAS DE PAGO

  73. PASARELAS DE PAGO https://www.paypal.com/es/webapps/mpp/accept-payments-online

  74. PASARELAS DE PAGO https://stripe.com https://plasso.co

  75. CONSEJOS PARA CREAR UNA LANDING PAGE EFECTIVA

  76. PRODUCTO / SERVICIO COMPETITIVO

  77. DISEÑO SENCILLO

  78. TIPOGRAFÍA LEGIBLE

  79. COLORES JUEGA

  80. LENGUAJE EFICAZ

  81. TIEMPO DE CARGA RAPIDITO, QUE ME LARGO

  82. CONFIANZA QUE SE SEPA LO BIEN QUE LO HACES

  83. FORMULARIOS CORTOS Y SENCILLOS

  84. LLAMADA A LA ACCIÓN SINO, NO SIRVE DE NADA

  85. MIDE Y VENCERÁS

  86. GRACIAS Imanol Terán Maruri @itermar itermar@gmail.com