Cómo diseñar piezas de Email Marketing estratégicamente
-
Upload
fromdoppler -
Category
Design
-
view
286 -
download
3
description
Transcript of Cómo diseñar piezas de Email Marketing estratégicamente
![Page 1: Cómo diseñar piezas de Email Marketing estratégicamente](https://reader034.fdocument.pub/reader034/viewer/2022052400/55991f3e1a28abe4158b46c6/html5/thumbnails/1.jpg)
Diseño y contenidoCómo generar piezas de Email Marketing estratégicamente
![Page 2: Cómo diseñar piezas de Email Marketing estratégicamente](https://reader034.fdocument.pub/reader034/viewer/2022052400/55991f3e1a28abe4158b46c6/html5/thumbnails/2.jpg)
Santiago Tribiani
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.
UX/UI Designer en Landerapp
Sobre mí Qué hago
02
![Page 3: Cómo diseñar piezas de Email Marketing estratégicamente](https://reader034.fdocument.pub/reader034/viewer/2022052400/55991f3e1a28abe4158b46c6/html5/thumbnails/3.jpg)
Introducción al diseño de emails
01
02 Herramientas y Jerarquías
03 Tipos de Campaña
05 Lenguajes Visual
04 Estrategia en el flow
06 Responsive Design
![Page 4: Cómo diseñar piezas de Email Marketing estratégicamente](https://reader034.fdocument.pub/reader034/viewer/2022052400/55991f3e1a28abe4158b46c6/html5/thumbnails/4.jpg)
Introducción
01
![Page 5: Cómo diseñar piezas de Email Marketing estratégicamente](https://reader034.fdocument.pub/reader034/viewer/2022052400/55991f3e1a28abe4158b46c6/html5/thumbnails/5.jpg)
Introducción05
Diseñar emails no es diseñar websites
![Page 6: Cómo diseñar piezas de Email Marketing estratégicamente](https://reader034.fdocument.pub/reader034/viewer/2022052400/55991f3e1a28abe4158b46c6/html5/thumbnails/6.jpg)
Introducción06
Se trata de ir al punto y aprovechar la única y breve oportunidad que tenemos.
![Page 7: Cómo diseñar piezas de Email Marketing estratégicamente](https://reader034.fdocument.pub/reader034/viewer/2022052400/55991f3e1a28abe4158b46c6/html5/thumbnails/7.jpg)
Herramientas y jerarquías
02
![Page 8: Cómo diseñar piezas de Email Marketing estratégicamente](https://reader034.fdocument.pub/reader034/viewer/2022052400/55991f3e1a28abe4158b46c6/html5/thumbnails/8.jpg)
Herramientas y jerarquías07
• Asunto y pre-encabezado. • Encabezado y Pie. • Destacados. • Llamados a la acción. • Contenidos. • Estructuras.
![Page 9: Cómo diseñar piezas de Email Marketing estratégicamente](https://reader034.fdocument.pub/reader034/viewer/2022052400/55991f3e1a28abe4158b46c6/html5/thumbnails/9.jpg)
Herramientas y jerarquías
• 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.
Asunto y pre-encabezado
08
![Page 10: Cómo diseñar piezas de Email Marketing estratégicamente](https://reader034.fdocument.pub/reader034/viewer/2022052400/55991f3e1a28abe4158b46c6/html5/thumbnails/10.jpg)
Herramientas y jerarquías09
![Page 11: Cómo diseñar piezas de Email Marketing estratégicamente](https://reader034.fdocument.pub/reader034/viewer/2022052400/55991f3e1a28abe4158b46c6/html5/thumbnails/11.jpg)
Herramientas y jerarquías
• Header • Footer • CTA • Contenidos • Estructuras • Jerarquías
Elementos del email
10
![Page 12: Cómo diseñar piezas de Email Marketing estratégicamente](https://reader034.fdocument.pub/reader034/viewer/2022052400/55991f3e1a28abe4158b46c6/html5/thumbnails/12.jpg)
Fácil de leer
![Page 13: Cómo diseñar piezas de Email Marketing estratégicamente](https://reader034.fdocument.pub/reader034/viewer/2022052400/55991f3e1a28abe4158b46c6/html5/thumbnails/13.jpg)
Jerarquía de contenido
![Page 14: Cómo diseñar piezas de Email Marketing estratégicamente](https://reader034.fdocument.pub/reader034/viewer/2022052400/55991f3e1a28abe4158b46c6/html5/thumbnails/14.jpg)
![Page 15: Cómo diseñar piezas de Email Marketing estratégicamente](https://reader034.fdocument.pub/reader034/viewer/2022052400/55991f3e1a28abe4158b46c6/html5/thumbnails/15.jpg)
Promotion, 3 days to go. 25% off
![Page 16: Cómo diseñar piezas de Email Marketing estratégicamente](https://reader034.fdocument.pub/reader034/viewer/2022052400/55991f3e1a28abe4158b46c6/html5/thumbnails/16.jpg)
Tipos de Campaña
03
![Page 17: Cómo diseñar piezas de Email Marketing estratégicamente](https://reader034.fdocument.pub/reader034/viewer/2022052400/55991f3e1a28abe4158b46c6/html5/thumbnails/17.jpg)
Tipos de campaña16
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.
![Page 18: Cómo diseñar piezas de Email Marketing estratégicamente](https://reader034.fdocument.pub/reader034/viewer/2022052400/55991f3e1a28abe4158b46c6/html5/thumbnails/18.jpg)
Estrategia en el flow
04
![Page 19: Cómo diseñar piezas de Email Marketing estratégicamente](https://reader034.fdocument.pub/reader034/viewer/2022052400/55991f3e1a28abe4158b46c6/html5/thumbnails/19.jpg)
COMPRAR
Estrategia en el flow18
Asunto Diseño y contenidoObjetivo
![Page 20: Cómo diseñar piezas de Email Marketing estratégicamente](https://reader034.fdocument.pub/reader034/viewer/2022052400/55991f3e1a28abe4158b46c6/html5/thumbnails/20.jpg)
Lenguajes visuales
05
![Page 21: Cómo diseñar piezas de Email Marketing estratégicamente](https://reader034.fdocument.pub/reader034/viewer/2022052400/55991f3e1a28abe4158b46c6/html5/thumbnails/21.jpg)
Lenguajes visuales
![Page 22: Cómo diseñar piezas de Email Marketing estratégicamente](https://reader034.fdocument.pub/reader034/viewer/2022052400/55991f3e1a28abe4158b46c6/html5/thumbnails/22.jpg)
Lenguajes visuales
![Page 23: Cómo diseñar piezas de Email Marketing estratégicamente](https://reader034.fdocument.pub/reader034/viewer/2022052400/55991f3e1a28abe4158b46c6/html5/thumbnails/23.jpg)
Lenguajes visuales
![Page 24: Cómo diseñar piezas de Email Marketing estratégicamente](https://reader034.fdocument.pub/reader034/viewer/2022052400/55991f3e1a28abe4158b46c6/html5/thumbnails/24.jpg)
Lenguajes visuales
![Page 25: Cómo diseñar piezas de Email Marketing estratégicamente](https://reader034.fdocument.pub/reader034/viewer/2022052400/55991f3e1a28abe4158b46c6/html5/thumbnails/25.jpg)
Responsive design
06
![Page 26: Cómo diseñar piezas de Email Marketing estratégicamente](https://reader034.fdocument.pub/reader034/viewer/2022052400/55991f3e1a28abe4158b46c6/html5/thumbnails/26.jpg)
Responsive design25
¿Qué es Responsive?
![Page 27: Cómo diseñar piezas de Email Marketing estratégicamente](https://reader034.fdocument.pub/reader034/viewer/2022052400/55991f3e1a28abe4158b46c6/html5/thumbnails/27.jpg)
Responsive design26
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.
![Page 28: Cómo diseñar piezas de Email Marketing estratégicamente](https://reader034.fdocument.pub/reader034/viewer/2022052400/55991f3e1a28abe4158b46c6/html5/thumbnails/28.jpg)
Responsive design27
Diseño. El diseño responsive no es una técnica para reorganizar una estructura
sino un concepto.
![Page 29: Cómo diseñar piezas de Email Marketing estratégicamente](https://reader034.fdocument.pub/reader034/viewer/2022052400/55991f3e1a28abe4158b46c6/html5/thumbnails/29.jpg)
menor tamaño
distracción
ansiedad
prisa
falta de foco
Dispositivo móvil vs Dispositivo estático
mayor tamaño
concentración
tranquilidad
paciencia
en foco
![Page 30: Cómo diseñar piezas de Email Marketing estratégicamente](https://reader034.fdocument.pub/reader034/viewer/2022052400/55991f3e1a28abe4158b46c6/html5/thumbnails/30.jpg)
Responsive design29
• 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.
![Page 31: Cómo diseñar piezas de Email Marketing estratégicamente](https://reader034.fdocument.pub/reader034/viewer/2022052400/55991f3e1a28abe4158b46c6/html5/thumbnails/31.jpg)
![Page 32: Cómo diseñar piezas de Email Marketing estratégicamente](https://reader034.fdocument.pub/reader034/viewer/2022052400/55991f3e1a28abe4158b46c6/html5/thumbnails/32.jpg)
![Page 33: Cómo diseñar piezas de Email Marketing estratégicamente](https://reader034.fdocument.pub/reader034/viewer/2022052400/55991f3e1a28abe4158b46c6/html5/thumbnails/33.jpg)
![Page 34: Cómo diseñar piezas de Email Marketing estratégicamente](https://reader034.fdocument.pub/reader034/viewer/2022052400/55991f3e1a28abe4158b46c6/html5/thumbnails/34.jpg)
Diseñar para resoluciones y no para dispositivos
![Page 35: Cómo diseñar piezas de Email Marketing estratégicamente](https://reader034.fdocument.pub/reader034/viewer/2022052400/55991f3e1a28abe4158b46c6/html5/thumbnails/35.jpg)
¿Cómo hacerlo?
![Page 36: Cómo diseñar piezas de Email Marketing estratégicamente](https://reader034.fdocument.pub/reader034/viewer/2022052400/55991f3e1a28abe4158b46c6/html5/thumbnails/36.jpg)
@mediaqueries
![Page 37: Cómo diseñar piezas de Email Marketing estratégicamente](https://reader034.fdocument.pub/reader034/viewer/2022052400/55991f3e1a28abe4158b46c6/html5/thumbnails/37.jpg)
¿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.
![Page 38: Cómo diseñar piezas de Email Marketing estratégicamente](https://reader034.fdocument.pub/reader034/viewer/2022052400/55991f3e1a28abe4158b46c6/html5/thumbnails/38.jpg)
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.
![Page 39: Cómo diseñar piezas de Email Marketing estratégicamente](https://reader034.fdocument.pub/reader034/viewer/2022052400/55991f3e1a28abe4158b46c6/html5/thumbnails/39.jpg)
¿Preguntas?
![Page 40: Cómo diseñar piezas de Email Marketing estratégicamente](https://reader034.fdocument.pub/reader034/viewer/2022052400/55991f3e1a28abe4158b46c6/html5/thumbnails/40.jpg)
¡Gracias por venir!Tengan un buen día
Santiago Tribiani UX Designer en Lander
@SantiTribiani
santiagotribiani