Diseño UX/UI

Virket Agency

Ene 27, 2021

Conoce 15 Claves de diseño para Email Marketing y llama la atención de tus clientes

Conoce 15 Claves de diseño para Email Marketing y llama la atención de tus clientes

Descubre en el artículo de hoy cómo atraer la atención de los clientes con diseño para email marketing y 15 claves que te ayudarán a conseguir los resultados esperados.

El marketing por correo electrónico va a seguir siendo una tendencia muy fuerte durante mucho tiempo y por eso no podemos bajar la guardia respecto a cómo lo estamos llevando a cabo. Por eso, en esta ocasión vamos a hablar del diseño para email marketing, ya que en cada mensaje hay que poner el cuidado y atención necesarios para llamar la atención de nuestros clientes.

Vamos a profundizar en el diseño de los mails y cómo podemos motivarnos a hacer campañas de mailing creativas con ejemplos de la vida real. 

¿Por qué es importante el diseño para email marketing?

Es un hecho que vivimos en un mundo con una gran cantidad de información por todos lados y no podemos esperar que por más leales que sean nuestros usuarios, lean todo lo que enviamos. Así que vamos a explicar cómo hacer un mail con diseño en 15 claves que te ayudarán a cumplirlo.

Esto es muy triste, pero es verdad. 

Aún así, seguimos necesitando enviar información para dar continuidad a nuestro Road Map en la etapa de fidelización. Captar la atención de los lectores desde el Subject y pasar al contenido, el cual no sólo debe tener una pequeña porción de texto, sino algo más que atrape a los lectores. 

El diseño para email marketing nos ayuda a jugar con el flujo de lectura, crear curiosidad en la audiencia y fijar la atención a aquellos aspectos que necesitamos que el cliente lea. 

Algunas razones por las que el diseño para email marketing es importante:

  • Identificar la marca por medio de lo gráfico.
  • Involucrar a la audiencia con la marca.
  • Encantar al público con un mail.
  • Producir un efecto sorpresa.
  • Convertir a los usuarios con claves de Inbound Marketing.

Reconoce tres principales tipos de diseño para email marketing

Cada campaña de correo electrónico requiere de diferentes tipos de diseño dependiendo del objetivo que se tiene con el mensaje. No será lo mismo para una carta con el fin de captar la atención de algún director de empresa, que el correo que enviaremos para destacar los principales productos de la temporada. En este último caso, es sumamente necesario el uso de HTML.

Consideramos que existen 3 tipos de correo electrónico principales:

  • Texto sin formato:

Este estilo es el más común en la comunicación personal y con él podemos comunicar con sentido personal, incluye sólo la información vital y tiene un formato accesible.

  • Diseño para correo electrónico con HTML enriquecido:

Tiene una ventaja visual debido a los colores, la tipografía y las imágenes, es como si fuera una pequeña Landing Page de tu marca. Su potencial recae en que puedes comunicar la identidad de tu marca y crear asociaciones con mensajes importantes y tus productos o servicios.

Es un formato flexible, puedes incluir todo tipo de información, está bien organizado y puede ser accesible en diferentes dispositivos. La desventaja es que los diferentes lectores pueden mostrar de forma diferente la información a la pensada en el diseño original. 

  • Diseño de correo electrónico interactivo:

Es un formato realmente nuevo en la escena del correo electrónico e implica el uso de Javascript para poder crear contenido interactivo en imágenes. El obstáculo que tiene es que algunos lectores no son compatibles con este tipo de diseño para email marketing.

Una pequeña solución a este problema sería la incorporación de gifs para simular la interactividad y que el contenido siga siendo atractivo.

Una vez que has elegido cualquiera de estos tres tipos de diseños para email marketing, sólo queda que recuerdes las 15 claves de diseño para emplearlas.

15 claves de diseño para email marketing:

El diseño de correo electrónico se divide en diferentes claves a tomar en cuenta para hacer una campaña de email llamativa, creando una experiencia de usuario agradable y sobre todo estética.

1. Copy:

Sabemos que el contenido es el rey pero para que tenga éxito, lo recomendable es que todos los elementos en el copy ayuden a conseguir el objetivo con sencillas acciones como: 

  • Dividir los textos grandes en pequeños párrafos.
  • Títulos de varios niveles
  • Alineación consistente de texto
  • Tipografía decorativa sólo en los textos por resaltar
  • Elementos visuales como imágenes.

2. Estructura:

La estructura pensada de forma que sea una base sólida para toda la información y técnicas de marketing que deseas utilizar. Esto también forma parte del diseño para email marketing y te ayudará a que el mensaje llegue a los lectores. 

Comienza con el encabezado para mostrar la identidad de marca y el pie de página para agregar la información de contacto, así como la opción para darse de baja. Recuerda también, utilizar un diseño de columna para que la información sea más sencilla de ver mientras se escanea. 

Estructura de diseño para email marketing

La estructura de un mail es importante en el diseño para email marketing. Esta imagen sobre un ejemplo de estructura en Pinterest nos parece una forma muy buena de mostrarlo.

3. Enlaces:

Siempre que exista un enlace en el mail, lo mejor es cumplir con las normas de éstos: son azules y están subrayados. Si el color no concuerda con la paleta de colores de tu identidad gráfica, siempre puedes variar, sin excesos ya que podrías perder algunos clics con ello.

4. Llamados a la acción:

Los botones de llamados a la acción son algunos de los elementos más fuertes para conseguir un determinado CTR por lo que el diseño en estos lugares son sumamente importantes. Es mejor no incluir palabras o frases genéricas y dejar en claro la acción que se espera que hagan las personas respecto al objetivo del mail. 

El botón de CTA es el final de la historia que contamos en el Mailing por lo que recordar la oferta será una buena forma de incitar a una acción. El formato para email marketing que utilizamos en Virket Agency nos ayuda a destacar estos aspectos.

Diseño para email marketing: ejemplo de llamado a la acción

Indicar por medio de botones claros lo que queremos que haga el lector es una forma de guiar la lectura.

5. Gráficos:

Los atractivos visuales son parte del diseño para email marketing, por lo que agregar diferentes archivos como imágenes, gifs o emojis puede impulsar a los clientes más cautelosos. Para conseguirlo se pueden seguir consejos como los siguientes:

  • Equilibrio entre imágenes y texto
  • Elementos visuales para respaldar el contenido.
  • Utilizar imágenes que den sentido a diversos productos o mensajes relacionados con la marca.
  • Fotografías de alta calidad y que inspiren a saber más del tema.
  • Agregar iconografía personalizada para demostrar la identidad de marca.
Integrar gráficos llamativos en el diseño para email marketing, llamará la atención de los lectores.

Integra gráficos de buena calidad en los diseños y relacionados al texto con el fin de llamar la atención con el diseño para email marketing.

6. Psicología del color:

Cada uno de los colores brinda una experiencia emocional a los lectores, debido a que tiene un significado diferente y son capaces de crear estados mentales. El color es un elemento indispensable en el diseño para email marketing y estos son algunos de ellos:

  • Verde: provoca paz y salud, es decir; un color que funciona para promoción de servicios que busquen un bienestar.
  • Azul: confianza para realizar una acción determinada o en la generación de confianza en la marca.
  • Rosa: es el color de la vibra femenina pero también implica inocencia y poca agresividad.
  • Marrón o café: está asociado con la estabilidad, la seriedad y madurez. Esto lo vuelve un color perfecto para el branding a personas con un nivel para tomar decisiones.
  • Amarillo: evoca alegría y simpatía por el mensaje que se está dando.
  • Naranja: es un color que representa la energía por lo que se usa en diseño para email marketing con el fin de despertar el interés por el mensaje.
  • Rojo: es el color de la fuerza y para marcar un aspecto muy importante como pueden ser las ofertas o promociones.

7. Tipografía:

La tipografía de un correo electrónico debe elegirse de forma cuidadosa debido a que tiene una influencia muy grande en la estética de un correo electrónico, en la experiencia de usuario que lo recibe y la legibilidad en espacios pequeños. 

Para usar tipografía te recomendamos seguir las siguientes medidas:

  • No mezclar más de dos tipos de fuentes ya que no se verá profesional y puede confundir a los lectores.
  • Emplear espacios adecuados entre caracteres y si se trata de textos decorativos hay que asegurarnos de que son legibles.
  • Utilizar fuentes personalizadas para títulos o textos que se quieran destacar.
  • Emplear tamaños entre 14 y 16 px para el texto genérico de un mensaje y encabezados de 20 a 30 px.

8. Identidad de marca:

La identidad es lo que nos caracteriza como personas, en el caso de una marca, se trata del rostro frente al mundo con toda la gama de productos y servicios que comercializamos. Lo mismo debe ocurrir en los correos electrónicos. 

Cuando se haga una campaña en email marketing, queremos convertir a quienes se han suscrito para recibir nuestras noticias y productos, por ello, es importante hacer un diseño que deje claro que lo que están viendo sólo es parte de nuestra marca. El fin es que el correo de confianza y se dé la idea de “certificación de marca”.

La identidad de marca es un de los aspectos más importantes en el diseño para email, marketing

Integrar la identidad de marca en el diseño ayudará a crear reputación y dar confianza a los lectores.

9. Tendencias para email marketing:

Dentro del diseño para email marketing  muchas veces podemos recibir a nuestro correo mails que ya usan tendencias como las de gif, los diseños AMP o los que ya tienen un formato interactivo. Esto quiere decir que ya se tienen en cuenta las tendencias y las buscan de forma constante.

Así lucen estos formatos:

  • GIF: su objetivo es atraer la atención por medio del movimiento del formato.
Gifs en el diseño para email marketing

Este es un ejemplo tomado de Pinterest sobre cómo los Gifs forman parte de correos electrónicos que captan la atención de los clientes destacando el mensaje inicial.

  • AMP: el objetivo de este formato es brindar un marco o estructura base para la interactividad o el contenido dinámico.
AMP en el diseño para email marketing

Este es un ejemplo de diseño AMP para Email Monk.

    • Interactivo: su objetivo es que el usuario viva la experiencia de uso del producto o del servicio.

10. Atención en el mensaje:

Cuando se escriben correos para boletines informativos, es importante poner todos los esfuerzos en el mensaje principal. Resulta estresante para un receptor leer o ver un correo con demasiado contenido, la alternativa será colocar links.

11. Detalles importantes:

Acentuar la información importante con letras Bold o de colores diferentes, ayudarán al usuario a saber qué ver y a saber si le interesa o no.

Brinda atención al mensaje en el diseño para email marketing

Centra la atención destacando el mensaje principal con otro tipo de fuente o color.

12. Política de privacidad:

Como mencionamos anteriormente, el correo electrónico de una marca es parte de la identidad y la promesa de marca, por esto es importante tener enlaces a la política de privacidad ya que proporciona mayor confianza. 

La política de privacidad es un elemento importante en el diseño para email marketing

Recuerda integrar la política de privacidad, ya que es uno de los principales componentes para crear confianza en el cliente.

13. Accesibilidad:

Dentro del diseño para email marketing, será importante el factor de la accesibilidad. Todas las personas, incluso aquellas que tengan una mala conexión de internet deberán ver, al menos, la información básica. Toma en cuenta la capacidad de respuesta y la compatibilidad con dispositivos móviles, para ello; revisa las métricas por dispositivos.

14. Contraste: 

Otra clave del diseño para email marketing es seguir las especificaciones, el diseño debe cumplir con estándares de nivel AA, que implica que los diseños y el correo cumplen con un nivel de accesibilidad mínimo.  

Para lograr esto, recuerda:

  • Alinear los colores con tu identidad de marca.
  • Tener una línea gráfica. 
  • Definir el impacto de los colores.
  • Establecer la diferencia entre colores cálidos y fríos. Al mismo tiempo es importante que contemples un color principal, otro complementario al diseño y finalmente un acento, que puede ser el color de tus textos destacados.

15. Diseños de alta conversión:

Una vez que diversas marcas se dieron cuenta del poder de conversión de un email con diseño, estas claves son parte del día a día.

Estos resultados muchas veces tienen que ver en cómo está estructurado el diseño del boletín o correo.

Un ejemplo de diseño de alta conversión es el de pirámide invertida como el que se muestra a continuación:

Pirámide invertida en el diseño para email marketing

Promoción de diseño de Zoës Kitchen

En este caso podemos ver que lo primero que llama la atención es la imagen, seguido de la información sobre la comida, regresamos a verificar la marca y finalmente vemos en botón de CTA. 

Esperamos que estas claves te ayuden a mejorar el diseño para email marketing de tus campañas.

¡Recuerda seguirnos en Redes Sociales y suscribirte a nuestra Newsletter para seguir actualizando todas tus acciones de marketing!

También te recomendamos

El poder del Atomic Design en la creación de sitios web
El poder del Atomic Design en la creación de sitios web

Conoce cómo los átomos, moléculas y organismos se combinan para crear i...

Ver artículo completo
Ley de Hick-Hyman: el secreto de un diseño web exitoso
Ley de Hick-Hyman: el secreto de un diseño web exitoso

¿Qué es la ley de Hick Hyman y cómo se aplica al diseño web? En el art...

Ver artículo completo
Leyes UX para empresas y por qué son importantes
Leyes UX para empresas y por qué son importantes

Las Leyes UX para empresas son elementos indispensables para diseñar siti...

Ver artículo completo