DISEÑO Y CONTENIDOS - LANDER
2 recomendaciones1,664 vistas
Este documento presenta una guía sobre cómo diseñar piezas de email marketing de manera estratégica. Explica las herramientas y jerarquías clave como el asunto, encabezado y pie de página. Detalla diferentes tipos de campañas como boletines informativos, promocionales y estacionales. Además, cubre conceptos como el diseño responsive, lenguajes visuales y la importancia de considerar la experiencia del usuario a través de diferentes dispositivos. El objetivo es aprovechar la breve oportunidad de comunicación que brinda el
DISEÑO Y CONTENIDOS - LANDER
- 1. Diseño y contenido Cómo generar piezas de Email Marketing estratégicamente
- 2. Santiago Tribiani UX/UI Designer en Landerapp Sobre mí Qué hago Diseñador UI/UX en Lander. Licenciado en Diseño y Comunicación Audiovisual. Profesor de la cátedra Diseño Web y desarrollo de Interfaces en la Universidad CAECE. He trabajado construyendo campañas de Email Marketing específicas para una amplia variedad de clientes. Soy es un apasionado por entender los distintos tipos de usuarios y sus entornos, esto no solo me permite construir sentido sino también ser creativo, innovador y estratégico a la hora de pensar una pieza de comunicación. Soy un amante de los desafíos y la exploración. También diseño software para diferentes sistemas y plataformas, desde aplicaciones web hasta escritorio y mobile. 02
- 3. 02 Herramientas y Jerarquías Introducción al diseño de emails 01 03 Tipos de Campaña 04 Estrategia en el flow 05 Lenguajes Visual 06 Responsive Design
- 5. Introducción 05 Diseñar emails no es diseñar websites
- 6. Introducción 06 Se trata de ir al punto y aprovechar la única y breve oportunidad que tenemos.
- 7. 02 Herramientas y jerarquías
- 8. Herramientas y jerarquías 07 • Asunto y pre-encabezado. • Encabezado y Pie. • Destacados. • Llamados a la acción. • Contenidos. • Estructuras.
- 9. Herramientas y jerarquías Asunto y pre-encabezado • Es nuestro primer contacto con el usuario. • Es nuestra chance de generar interés y resaltar entre un mundo de asuntos distintos. • Es nuestra única oportunidad de lograr que el usuario tome contacto con nuestra comunicación: el email. 08
- 10. Herramientas y jerarquías 09
- 11. Herramientas y jerarquías Elementos del email • Header • Footer • CTA • Contenidos • Estructuras • Jerarquías 10
- 12. Fácil de leer
- 15. Promotion, 3 days to go. 25% off
- 16. 03 Tipos de Campaña
- 17. Tipos de campaña 16 Newsletters Fidelizar clientes, posicionar la marca y generar tráfico. Promocionales Generar Conversiones (clicks, recomendaciones, ventas, etc). Estacionales Fidelizar y adquirir clientes, posicionar la marca y aumentar las ventas. Informativas Posicionar la marca, comunicar una noticia y mantener el contacto.
- 18. 04 Estrategia en el flow
- 19. Estrategia en el flow COMPRAR 18 Objetivo Asunto Diseño y contenido
- 26. Responsive design 25 ¿Qué es Responsive?
- 27. Responsive design 26 Desarrollo. Responsive Web Design es una colección de técnicas que permiten que un sitio web sea flexible y se adapte al tamaño de la pantalla desde la que se está viendo.
- 28. Responsive design 27 Diseño. El diseño responsive no es una técnica para reorganizar una estructura sino un concepto.
- 29. Dispositivo móvil vs Dispositivo estático menor tamaño distracción ansiedad prisa falta de foco mayor tamaño concentración tranquilidad paciencia en foco
- 30. Responsive design 29 • Es la habilidad de ajustar una estructura a las distintas resoluciones. • Es la posibilidad de trasladar experiencias a través de cualquier dispositivo. • Es una nueva forma de pensar el Diseño Web: Flexibilidad.
- 34. Diseñar para resoluciones y no para dispositivos
- 35. ¿Cómo hacerlo?
- 36. @mediaqueries
- 37. ¿Qúe son los @mediaqueries? Son sentencias condicionales de CSS que nos permiten elegir a través de parámetros específicos cuándo aplicar una propiedad.
- 38. Resumen • Consideren toda la experiencia. • Sean transparentes. • Sean obvios, mejoran las conversiones. • Consideren el “Above the fold”. • Digan menos, pueden decir más después. • Hagan la pieza fácil de escanear. • Usen aires alrededor de las acciones. • Hagan su diseño a prueba de imágenes. • Piensen y diseñen los atributos Alt. • Responsive, solo si es necesario.
- 39. ¿Preguntas?
- 40. ¡Gracias por venir! Tengan un buen día Santiago Tribiani UX Designer en Lander @SantiTribiani santiagotribiani [email protected]