Estrategias de contenido y diseño Responsive email marketing

37
Webinario GUILLERMO GOMEZ LAVALLE GUIDO BOULAY

Transcript of 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

Estrategias e-marketing: contenido y diseño responsive

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

Estrategias e-marketing: contenido y diseño responsive

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

Estrategias e-marketing: contenido y diseño responsive

Contenido estratégico para engagement:

Estrategias e-marketing: contenido y diseño responsive

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.

Estrategias e-marketing: contenido y diseño responsive

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.

Estrategias e-marketing: contenido y diseño responsive

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.

Estrategias e-marketing: contenido y diseño responsive

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

Estrategias e-marketing: contenido y diseño responsive

Contenido estratégico para engagement: 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

Estrategias e-marketing: contenido y diseño responsive

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

Estrategias e-marketing: contenido y diseño responsive

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

Estrategias e-marketing: contenido y diseño responsive

Diseño Responsive

Estrategias e-marketing: contenido y 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.

Estrategias e-marketing: contenido y diseño responsive

Diseño responsive: Enfoques

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.

Estrategias e-marketing: contenido y diseño responsive

Diseño responsive: Enfoques

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.

Estrategias e-marketing: contenido y diseño responsive

Diseño responsive: estadísticas

Estrategias e-marketing: contenido y diseño responsive

Diseño responsive: estadísticas

Estrategias e-marketing: contenido y diseño responsive

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

Estrategias e-marketing: contenido y diseño responsive

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

Estrategias e-marketing: contenido y diseño responsive

Sugerencias:

Nuevas Tendencias

Emails muy Graficos O con mucho texto

Estrategias e-marketing: contenido y diseño responsive

e work to inspire and connect people and artists:

Medios que usan puro texto

Estrategias e-marketing: contenido y diseño responsive

A tener en cuenta: Controlar el peso.

Estrategias e-marketing: contenido y diseño responsive

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

IOS si es superior a 20 kb

Estrategias e-marketing: contenido y diseño responsive

Tip para mensajes con mucho texto:

q  Jerarquia

Estrategias e-marketing: contenido y diseño responsive

Definir los anchos de los parrafos

Estrategias e-marketing: contenido y diseño responsive

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?

Estrategias e-marketing: contenido y diseño responsive

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.

Estrategias e-marketing: contenido y diseño responsive

1 – Contenido Conciso

q  Ir al grano con el contenido

q  Poco Espacio

q  Poco Tiempo

q  Solo lo relevante

Estrategias e-marketing: contenido y diseño responsive

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

Estrategias e-marketing: contenido y diseño responsive

3- Diseña pensando en Touch

q  Botones mas

Grandes

q  Minimo 44 pix

q  El espaciado es

importante

q  22 a 44 pix

Estrategias e-marketing: contenido y diseño responsive

4- Iphone ( y otras plataformas ) cortan los titulos

q  35 Caracteres

q  Lo importante

primero!

Estrategias e-marketing: contenido y diseño responsive

5 – Alto Contraste

q  Baterias Bajas

q  Pantallas al Sol

q  Bajo Brillo

q  Texto fuerte sobre fondo

claro que contraste

mejora la experiencia

Estrategias e-marketing: contenido y diseño responsive

¿Preguntas?

Estrategias e-marketing: contenido y diseño responsive

GUILLERMO GOMEZ LAVALLE

GUIDO BOULAY