Estrategias de contenido y diseño Responsive email marketing

Webinario
GUILLERMO
GOMEZ LAVALLE
GUIDO
BOULAY

q  Variables del ecosistema:
q  La audiencia target.
q  Competencia, industria, prácticas generales.
q  Qué se desea comunicar
Estrategias e-marketing: contenido y diseño responsive
q  No todos los mails son iguales:
q  Masivos
q  Transaccionales
q  Definir:
q  Propositos del canal y objetivos
q  Integracion con otros medios/canales
q  Tono discursivo y manual de marca
Comprensión del medio:

q  Definición de la audiencia meta:
q  Utilización de métricas de performance previas
q  Segmentación en función de clicks
q  Utilización de encuestas
q  A/B testing
Comprensión de la audiencia:
q  Mayor información nos permite:
q  Generar segmentaciones más adecuadas
q  Utilizar tags dinámicos
q  Personalizar el contenido
q  Alinear el contenido con intereses
q  Predicción
q  Mejorar notablemente la performance

Contenido estratégico para engagement:
q  Primeros pasos
q  Definir un Subject alineado con la comunicación
q  Otorga dirección, propósito e indica la acción requerida
q  Utilizar tags dinámicos
q  Utilizar el Pre Header
q  Generalmente es pasado por alto
q  Favorece la tasa de apertura
q  Implicancias a nivel mobile

q  Diseño claro
q  Simplicidad
q  60/40
q  Estructura
q  Diagramar la ruta de usabilidad
q  CTA definidos y concisos
q  Integración con RRSS

Ejemplos
Los mails compuestos
exclusivamente por imágenes
pueden ser considerados como
SPAM
La falta de llamadas a la acción
representan una oportunidad de
engagement perdida.
Si el texto está embebido en la
imagen, y el suscriptor tiene
deshabilitadas las imágenes por
default, se perderá la totalidad del
mensaje.

Utilizar imágenes y texto en el
cuerpo del mail es una buena
práctica contra el SPAM.
Un diseño en html permite que
el texto se visualice
independientemente de las
imágenes.
Los isologotipos consistentes
contribuyen a la construcción
de marca.
Las llamadas a la acción y links
permiten una experiencia
interactiva.

Las imágenes
bloqueadas quitan
profesionalismo a la
comunicación
Sin Alt Text, los
lectores no podrán
saber cuál es el
contenido de las
imágenes que no se
ven.
Los colores de link
y fuentes con poco
contraste respecto
al fondo, dificultan
la lectura de la
pieza.
El exceso de
contenido atenta
contra la difusión
de un mensaje
claro.

La utilización de
URLs seguras y el
testeo de
campañas asegura
la visibilidad de las
imágenes
Incluir Alt Text, para
describir las
imágenes ayuda a
que los lectores las
descarguen cuando
las mismas no se
ven en el correo.
Subtítulos y frases
cortas: ideales para
resaltar contenidos
clave.
Determinar los
colores de fuentes y
URLs en base al
color de fondo
facilita la lectura

q  Personalización y uso de variables dinámicas
q  Contenido dinámico ajustado por variables
q  Interacción mediante banners
q  Uso de técnicas interactivas como videos, cinemagraphs, gif
animados.
q  A/B testing: subject y contenido

E-mails transaccionales
q  Incluir recomendaciones de productos
q  Incluye ofertas relevantes - noticias oportunas
q  Email Opt-in (muy importante)
q  Incluye un enlace a una página de destino

q  Mayor tasa de apertura
q  Excelente CTR y CTO
q  Diseño fluido que redirige
tráfico
q  Oportunidad para la
medición post click

Diseño Responsive

Diseño responsive: Enfoques
q  No ajustan los anchos de
tablas o imágenes entre
dispositivos, y no utilizan
consultas de medios CSS
q  Diseño escalable se puede definir como cualquier diseño que
funciona bien a través de escritorio y móviles sin utilizar código para
ajustar la tabla o imagen Tamaños, o mostrar u ocultar el contenido
entre las dos plataformas.

q  Funcionan mejor para los
diseños de texto ya que hay
menos control sobre las
imágenes
q  Correos electrónicos Fluidos utilizan dimensionamiento basado en
porcentaje para que el ancho de las tablas y las imágenes se adaptan
al tamaño de la pantalla en que se vieron.
q  No alteran deliberadamente el diseño o el contenido de un correo
electrónico, pero tienen la ventaja de tener el contenido de "flujo" para
llenar el espacio en la pantalla.

q  Correo electrónico Reponsive añade más control a través de
consultas de medios CSS.
q  Utiliza media queries para cambiar el diseño de los mensajes de correo
electrónico, ajustar el tamaño del texto, imágenes y botones, y, en
algunos casos, ocultar o incluso intercambiar contenido entre
dispositivos de escritorio y móviles.

Diseño responsive: estadísticas

q  LATAM tendrá 155.9
millones de smartphones
users in 2015, un
crecimiento del 22.2% year-
over-year
q  Se proyecta que alcanzará la
cifra de 245.6 million en el
2019.
q  75.1% de los usuarios
navegan RRSS mediante
celulares vs 79,1% a nivel
mundial

Efectos y limitaciones:

q  Tamaño de letra mínimo de 16px - Apple recomienda 17-22px,
Google recomienda 18-22px.
q  Hemos encontrado 16px Georgia resulta agradable y fácil de leer
q  Llamada a la acción, como los botones, deberíamos tener al
menos 46px al cuadrado Apple recomienda 44px al cuadrado,
Google recomienda 48px
q  Evite agrupar varios enlaces juntos en su copia. Hace enlaces
individuales de muy difícil acceso
Sugerencias:

Nuevas Tendencias
Emails muy Graficos
O con mucho texto

e work to inspire and connect people and artists:

Medios que usan puro texto

A tener en cuenta: Controlar el peso.

Gmail Clipea el mensje si el HTML es superior a 102 kb
IOS si es superior a 20 kb

Tip para mensajes
con mucho texto:
q  Jerarquia

Definir los anchos de los parrafos

5 Consideraciones finales para
Mobile
q  1 – Pantallas pequeñas
q  2 Pantalla Tactil
q  3- Soporte HTML es mucho mejor
q  4-Performance y ancho de banda
q  5- Contexto: Estan en movimiento?

5 Consejos Practicos
q  Mas alla de la codificacion, la herramienta utilizada,
5 tips practicos y sencillos que van a mejorar la
performance de tus campañas en moviles.

1 – Contenido Conciso
q  Ir al grano con el contenido
q  Poco Espacio
q  Poco Tiempo
q  Solo lo relevante

2 – Una Sola Columna
q  Crear el contenido en una sola
columna
q  Va a ser mas sencillo de leer.
q  Se va a adaptar mejor a cualquier tipo
de navegador.
q  Mas dificil que haya problemas en el
rendering

3- Diseña pensando en Touch
q  Botones mas
Grandes
q  Minimo 44 pix
q  El espaciado es
importante
q  22 a 44 pix

4- Iphone ( y otras
plataformas ) cortan los titulos
q  35 Caracteres
q  Lo importante
primero!

5 – Alto Contraste
q  Baterias Bajas
q  Pantallas al Sol
q  Bajo Brillo
q  Texto fuerte sobre fondo
claro que contraste
mejora la experiencia

¿Preguntas?
GUILLERMO
GOMEZ LAVALLE
GUIDO
BOULAY

Estrategias de contenido y diseño Responsive email marketing

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (18)

Similar a Estrategias de contenido y diseño Responsive email marketing

Similar a Estrategias de contenido y diseño Responsive email marketing (20)

Más de OM Latam

Más de OM Latam (20)

Estrategias de contenido y diseño Responsive email marketing