La guía definitiva para el diseño de correos electrónicos en 2024

Podrías pensar que el correo electrónico es un medio en extinción, pero según un informe de Campaign Monitor, sus clientes enviaron 13.000 millones de correos electrónicos más en 2020 que en 2019, más de 100.000 millones en total. Hacer que tus correos electrónicos destaquen entre los demás no es tarea fácil con toda esta competencia.

Un buen diseño de correo electrónico puede ayudarte a romper el hielo con los lectores potenciales y a captar su atención desde el primer momento.

Con el diseño adecuado, puedes captar la imaginación de tu lector, hacer que se comprometa y empujarlo a pulsar «comprar ahora» en tu producto o servicio.

Si no estás seguro de lo que constituye un buen diseño, no te preocupes. Eso es lo que cubriremos en esta guía. En concreto, te enseñaremos a mejorar los diseños de tus correos electrónicos e incluso te mostraremos 26 ejemplos para que te sirvan de inspiración.

¿Porqué es bueno un diseño de correo electrónico?

Más del 90% de la población de Estados Unidos utiliza actualmente el correo electrónico. Así que, por supuesto, no hay un estilo perfecto de diseño de correo electrónico que atraiga a todo el mundo.

Sin embargo, algunos conceptos universales pueden ayudarte a diseñar correos electrónicos eficaces de forma consistente. Nos gusta llamarlos «las tres C»

• Claro: el objetivo del correo electrónico es evidente desde el principio
• Cautivador: el correo electrónico capta la atención del lector y despierta su interés
• Creativo: el correo electrónico es único y se distingue de otros correos electrónicos de marketing

Veamos un ejemplo premiado para ver cómo son las tres C en la vida real.

Este correo electrónico de marketing de HP Instant Ink ganó un premio IAC a la «Mejor campaña de mensajes de correo electrónico sobre tecnología» en 2021.

El logotipo de Instant Ink y el titular enfatizan la idea de la tinta enviada a tu casa.

Es cautivador: con una mezcla de ilustraciones, colores y una gran imagen destacada, capta tu atención.

Es creativo: no se centra en los cartuchos de tinta, sino en el hecho de que el servicio se entrega en la puerta de tu casa.

No necesitas la idea más increíble de todos los tiempos para crear un buen diseño. Empieza por evaluar tus correos electrónicos actuales y encontrar cosas que mejorar.

Deberías tener en cuenta:

• Cómo se comparan tus correos electrónicos con las tres «C»
• Tu tasa de clics (CTR). Como referencia, el CTR medio oscila entre el 2,6% y el 2,34%
• Si tus correos electrónicos te ayudan a cumplir tus objetivos
• Si tus correos electrónicos dirigen el tráfico a tu sitio web

Cuando crees nuevos correos electrónicos y campañas, sigue basándote en lo que has aprendido.

También te hemos cubierto con consejos y mejores prácticas que puedes empezar a utilizar de inmediato si estás empezando desde cero.

11 buenas prácticas cruciales para el diseño de correos electrónicos

Aquí tienes once buenas prácticas que todos los profesionales del marketing por correo electrónico deberían seguir. También puedes tener en cuenta las mejores prácticas de marketing por correo electrónico cuando te concentres en la parte de marketing del correo electrónico.

1. Elabora una línea de asunto fuerte

La línea de asunto es tu oportunidad de causar una primera impresión a tu lector y tiene un efecto único en las tasas de apertura. Aunque la tasa media de apertura de los correos electrónicos oscila entre el 18 y el 22%, algunos profesionales del marketing consiguen que sus tasas de apertura lleguen hasta el 57% optimizando únicamente la línea de asunto.

Básicamente, las líneas de asunto son cruciales. Para optimizarlas, utiliza un lenguaje conciso y descriptivo e incluye una estadística, un número o un «gancho» para captar la atención del lector. También debes evitar palabras «spam» como «gratis» o «dinero fácil»

2. Mantén la marca

El diseño de tu correo electrónico influye en la forma en que los consumidores ven tu marca, por lo que es crucial considerar cuidadosamente cada elemento de diseño. Los elementos de diseño incluyen logotipos, colores, fuentes, opciones de diseño, vídeos, imágenes e infografías.

Para obtener los mejores resultados, adapta tu diseño a tu público. Por ejemplo, si tienes que dirigirte a un público B2B, podrías utilizar elementos de diseño profesionales como colores apagados y fuentes limpias. Un producto B2C puede utilizar una marca más «informal».

3. Mantén la sencillez y el enfoque

Los diseños complicados de los correos electrónicos pueden confundir a los lectores, y cuando éstos se sienten confundidos, hacen clic en el botón «atrás». Debes adoptar un diseño sencillo, limpio y minimalista en tus correos electrónicos.

También debes utilizar el mismo diseño y marca en todos los correos electrónicos, para que el lector sepa qué esperar.

4. Estimular el compromiso

Para generar el compromiso de los lectores, incluye una fuerte llamada a la acción (CTA) en cada correo electrónico. Selecciona cuidadosamente el texto de anclaje, haz que tu botón de CTA sea grande y colócalo estratégicamente para optimizar tus conversiones.

5. Dale a tu contenido espacio para respirar

Si llenas cada centímetro cuadrado de la pantalla del lector, no sabrá dónde mirar. Utiliza separadores y espacios en blanco para atraer sus ojos hacia tu contenido y enfatizar los componentes críticos como tu CTA o la imagen del producto.

6. Sigue una cascada de información

Una cascada de información (a veces llamada pirámide de información) presenta tu información más importante y la menos importante en la parte inferior.

7. Utiliza correos electrónicos responsivos

¿Has abierto alguna vez un correo electrónico sin poder ver secciones o imágenes completas? Si utilizas tamaños fijos, los distintos tamaños de pantalla de los dispositivos deformarán tu diseño. Por eso la capacidad de respuesta es esencial. Utiliza los principios del diseño web responsivo para adaptar tu diseño a las proporciones óptimas para los diferentes tamaños de ventanas y pantallas.

8. Asegura la accesibilidad

Si quieres maximizar tu alcance -y satisfacer las directrices y leyes de accesibilidad- es esencial tener en cuenta cómo pueden percibir tu marketing por correo electrónico las personas con dislexia, daltonismo o problemas de visión. Para que los diseños de tus correos electrónicos sean accesibles, utiliza fuentes aptas para la dislexia, texto alternativo, colores aptos para daltónicos y texto sin formato que los lectores de pantalla (como el lector KNFB) puedan leer en voz alta.

9. Optimiza el rendimiento

Como la persona media sólo ve un correo electrónico durante 11 segundos, tienes que centrarte en el rendimiento para obtener resultados. Lo ideal es que tu correo electrónico se cargue rápidamente y funcione en todos los dispositivos (ya que en 2021, el 54,8% del tráfico de Internet procede de dispositivos móviles).

También debes hacer un seguimiento de las conversiones para medir la eficacia de tus esfuerzos de marketing y de cualquier nueva táctica que pruebes.

10. Incluye un enlace para cancelar la suscripción

Muchas normativas exigen el uso de un enlace para darse de baja. La norma CAN-SPAM de 2003 de la Comisión Federal de Comercio (Control del Asalto a la Pornografía y el Marketing No Solicitados (CAN-SPAM)) es una de estas normativas.

Para asegurarte de que la gente pueda darse de baja sin problemas, incluye siempre un enlace que sea claro, fácil de usar y que se muestre de forma destacada.

11. Utiliza la autentificación del correo electrónico

La autentificación del correo electrónico permite que tu herramienta de marketing por correo electrónico envíe los correos electrónicos como tu dominio (de modo que procedan de «tusitioweb.com», no «a través de mcsv.net»). El uso de la autentificación del correo electrónico hará que tus correos electrónicos parezcan más profesionales.

Ejemplos de un buen diseño de correo electrónico

Crear un diseño creativo y de alta calidad desde cero no es una tarea fácil, incluso si eres una persona creativa por naturaleza. Por suerte, no tienes que empezar de cero.

Esta sección desglosará 26 ejemplos de buenos diseños de correo electrónico, destacando lo que nos gusta de ellos.

Correos electrónicos de bienvenida

Los correos electrónicos de bienvenida son lo primero que un cliente recibe de ti cuando se inscribe en tu lista de correo. Hacer una buena presentación es esencial para construir una relación duradera y atractiva.

Ipsy

El correo electrónico de bienvenida de Ipsy es un ejemplo A+ de una gran introducción. Esto es lo que nos gusta de él:

• Ipsy ha llamado a su boletín de correo electrónico «refrescos» (lo que hace que se parezca más a un club de aficionados que a correos electrónicos de marketing)
• El correo electrónico de Ipsy ofrece al lector un kit de inicio de autocuidado gratuito
• Ipsy combinó los colores del fondo, la imagen y el envase del producto

Under Armor

El correo electrónico de bienvenida de Under Armor funciona porque el equipo de marketing ha elegido imágenes y texto en torno a su producto. Aquí hay más cosas que nos encantan:

• El logotipo de Under Armor es lo primero que ves
• Los colores de las imágenes coinciden y hacen que el correo electrónico destaque
• La jerarquía visual del correo electrónico lo hace interesante

Beefree.io

Aunque técnicamente no es un correo de bienvenida, este correo de confirmación de BeFree es tan bueno que teníamos que presentarlo aquí. ¿Por qué? El correo electrónico muestra perfectamente lo que es posible con el software de diseño de BeeFree. Aquí hay más cosas que nos gustan:

• La animación es adorable
• Los colores pastel son bonitos pero no parecen infantiles
• BeeFree incluye enlaces a sus redes sociales
• BeeFree utilizó su software para crear el diseño del correo electrónico

Pelotón

El correo electrónico de bienvenida de Peloton contiene varias secciones de texto, pero no parece abarrotado porque han utilizado el espacio en blanco de forma eficaz. También nos gusta porque:

• Peloton utilizó símbolos para atraer la atención del lector hacia las secciones de «resistencia» y «cadencia
• Peloton comienza su correo electrónico con una imagen que le da un aire de comunidad
• El correo electrónico explica lo que hace la aplicación Peloton y enseña al lector a utilizarla

Evernote

El correo electrónico de bienvenida de Evernote tiene dos propósitos: dar la bienvenida al suscriptor y ayudarle a descargar la aplicación gratuita de Evernote. También nos gusta porque:

• El correo electrónico incluye un enlace a los recursos introductorios de Evernote
• El botón CTA de Evernote es verde y coincide con el color de la marca Evernote
• Evernote incluye un enlace al servicio de atención al cliente para los clientes que tengan problemas para instalar la aplicación

Correos electrónicos de abandono del carrito

Los correos electrónicos de abandono del carrito son correos electrónicos autogenerados que envías a los clientes en un plazo de 24 a 72 horas después de que abandonen su carrito. Como el objetivo principal de estos correos es volver a atraer al cliente potencial, deben captar la atención del lector.

American Giant

El correo electrónico de abandono de carrito de American Giant es un excelente ejemplo de un elegante diseño en blanco y negro que parece animado. También nos gusta porque:

• American Giant muestra al lector el artículo de su cesta
• American Giant enlaza con sus redes sociales
• El correo electrónico utiliza eficazmente el texto de la cabecera

Gerry’s

El correo electrónico de Gerry’s es todo lo contrario al de American Giant. Esto es lo que nos gusta:

• El encabezado recuerda al lector que ha abandonado su cesta de forma creativa
• El correo electrónico se dirige al destinatario por su nombre
• Los colores son divertidos pero no abrumadores

Stetson

El correo electrónico de Stetson tiene un giro favorable al cliente que lo hace funcionar: la oferta de envío gratuito. Aquí hay más cosas que nos gustan:

• Stetson utiliza los colores de su marca en todo el correo electrónico
• El correo electrónico enlaza al lector con las categorías relevantes de la tienda
• El CTA indica escasez al indicar «hasta agotar existencias»

Boletines

Los boletines son correos electrónicos regulares que ponen al día a tus clientes sobre nuevos productos y servicios, tus últimos contenidos y obras de caridad. Naturalmente, tienen que ser informativos pero atractivos.

Oficina de diseño de Shuka

Este correo electrónico de Shuka Design Bureau es un excelente ejemplo de boletín informativo creativo. Esto es lo que nos gusta:

• El correo electrónico presenta un cómic llamativo
• La redacción se ajusta al tema del cómic
• El cómic utiliza colores brillantes y un estilo artístico distintivo

Email on Acid

El boletín de Email on Acid también tiene un enfoque único. Nos gusta:

• El tema del correo electrónico es un periódico
• El uso del espacio en blanco para romper el texto
• Que es un gran ejemplo de cómo el correo electrónico puede desempeñar un papel en el marketing de contenidos eficaz
• La combinación de colores en blanco y negro

Increment

Increment ha adoptado un enfoque más elegante en el diseño de su boletín. Nos encanta:

• La forma en que Increment utiliza preguntas para incentivar al lector a hacer clic en «Leer el número»
• El hecho de que Increment haya llamado a este número de su boletín «Contenedores» para darle un tema
• La forma en que la imagen de la cabecera, de temática espacial, se alinea con el tema

Correos electrónicos festivos

Los correos electrónicos navideños captan la atención del lector y le incentivan a comprar mediante una oferta especial de celebración. Se trata de captar la esencia de las fiestas con tu correo electrónico y tu promoción.

BarkBox

El correo electrónico de «feliz cumpleaños» de BarkBox vende a los clientes ofreciéndoles un producto único (una tarta de cumpleaños para perros). Nos encanta lo singular de este enfoque, así como:

• El lenguaje divertido, como las delicias de la cola
• La forma en que deja claro el precio de la oferta, el límite de tiempo y las expectativas

Gantri

 

El correo electrónico de Gantri presenta ingeniosamente al lector un problema («sigue buscando el regalo perfecto» y sitúa la tarjeta Gantri como solución). También nos gusta eso:

• El correo electrónico destaca las ventajas de la tarjeta Gantri
• La colocación del CTA justo debajo del encabezado centrado en el problema

Judy

El correo electrónico de Judy adopta un enfoque diferente al de BarkBox o Gantri, ya que el correo electrónico de Judy pretende establecer una relación con los lectores. Nos encanta porque

• El gran tamaño de la letra y el diseño enfatizan el encabezamiento
• El correo electrónico incluye mujeres de diferentes orígenes en la imagen de la cabecera
• Utiliza el espacio en blanco para resaltar el texto

RXBAR

 

El correo electrónico de Halloween de RXBAR es espeluznante y divertido. Eso nos gusta:

• El encabezamiento utiliza un giro divertido de «truco o trato»
• El correo electrónico incluye enlaces relevantes en la parte superior
• El diseño utiliza imágenes icónicas de Halloween como las uñas de Frankenstein, murciélagos y calabazas

Correos electrónicos para productos digitales

Los correos electrónicos para productos digitales son especialmente eficaces en las ventas, ya que los clientes reciben el acceso a tu servicio poco después de registrarse a través de tu enlace CTA. Su objetivo suele ser obligar a la gente a comprar en el momento.

Posteable

Este correo electrónico de Postable funciona porque aborda el problema del lector: las direcciones obsoletas durante las vacaciones. También nos gusta porque:

• La CTA de Postable es lo primero que ve el lector
• El correo electrónico incluye un gráfico de la aplicación de Postable
• Gran uso del espacio en blanco para destacar el objetivo principal: conseguir que el usuario actualice su dirección

MarkUp

Este correo electrónico de MarkUp es excelente porque enseña a los lectores a utilizar MarkUp a la vez que les vende el software. También nos encanta porque:

• MarkUp utilizó iconos para acentuar el texto
• El software de MarkUp es lo primero que se ve
• El CTA está por encima del pliegue

Typeform

El correo electrónico de Typeform funciona porque se abre con el punto de venta único (USP) de la empresa: «una nueva forma de utilizar el vídeo en el marketing» Eso también nos gusta:

• Typeform muestra ejemplos de su video marketing
• El correo electrónico utiliza una fuente accesible
• La imagen utiliza la jerarquía para captar la atención del lector

Correos electrónicos de venta

Los correos electrónicos de venta ofrecen a los suscriptores un descuento exclusivo para incentivarles a comprar. Naturalmente, necesitan CTAs potentes.

GoPro

El CTA de este correo electrónico de GoPro funciona bien porque la jerarquía del texto hace que sea lo segundo que leerán los espectadores después de «bajada de precio» También nos gusta porque:

• GoPro utilizó una combinación de colores a juego en todo el correo electrónico
• Una gran imagen del producto destaca el producto
• El correo electrónico contiene dos ofertas: envío gratuito y un precio más bajo

MCM

Este correo electrónico de ventas de MCM es excelente porque utiliza una imagen en lugar de un trozo de texto para anunciar el bolso. También nos gusta eso:

• La imagen destacada combina ilustración y fotografía
• El botón CTA destaca
• El correo electrónico incluye enlaces a la tienda en la cabecera

Modern Mammals

Este correo electrónico de ventas de Modern Mammals funciona bien porque muestra el producto en acción en lugar de una imagen estática. También nos gusta porque:

• El correo electrónico utiliza varios colores de fuente para dar énfasis
• La imagen de fondo coincide con el embalaje del producto
• El texto enfatiza la USP del producto

Correos electrónicos de testimonios y reseñas

Los correos electrónicos de testimonios y reseñas piden un favor al lector y, por lo tanto, tienen que aprovechar la fidelidad para incentivar al lector a dejar una reseña.

G2

El correo electrónico «revísalo hoy» de G2 es persuasivo porque hace que el lector sienta que puede ayudar a otros con su reseña. También nos gusta eso:

• G2 muestra una serie de opiniones en las imágenes (no sólo las positivas)
• G2 mantiene la brevedad del correo electrónico
• El CTA es descriptivo

Target

El correo electrónico de Target funciona porque está personalizado para cada cliente: pide una revisión y ayuda a los clientes insatisfechos a ponerse en contacto con el servicio de asistencia. También nos gusta eso:

• El correo electrónico utiliza cabeceras como separadores entre los bloques de contenido
• Los dos botones CTA son de colores diferentes para mayor claridad
• Muestra la compra del lector con una imagen

Bite

Este correo electrónico de revisión de Bite tiene un enfoque único, ya que ofrece mostrar al lector opiniones de otros clientes. También nos gusta eso:

• Bite utilizó varios tonos de verde para crear una jerarquía
• Bite enlaza con su página «sobre nosotros
• Bite incluye su producto en la imagen

Correos electrónicos de marca

Los correos electrónicos de marca cuentan a los lectores el «ABC» de tu negocio, incluyendo tu identidad de marca, tu misión y tu USP. Naturalmente, tienen que generar un profundo interés por tu marca.

Thinx

Este correo electrónico de branding de Thinx capta la atención del lector presentándole a un empleado (Morgs). También nos gusta eso:

• Thinx utilizó una paleta de colores mate adecuada
• Thinx ha centrado la redacción del correo electrónico en su producto y su misión

Wisp

Este correo electrónico de marca de Wisp funciona porque ayuda a los clientes potenciales a navegar por sus ofertas. También nos gusta:

• Wisp utiliza preguntas para captar la atención del lector
• Wisp enlaza con sus «favoritos de la comunidad»
• Wisp utiliza una imagen que se funde con el fondo del correo electrónico

¿Cómo crear tu propio diseño de correo electrónico?

Ahora que has visto veintiséis ejemplos de buen diseño de correo electrónico, estás preparado para poner a trabajar tu recién entrenado ojo para el diseño. Aquí tienes tres formas de crear el diseño de tu correo electrónico:

1. Utiliza el software de marketing por correo electrónico

Muchas herramientas populares de software de marketing por correo electrónico tienen plantillas incorporadas que puedes utilizar. Esto incluye Mailchimp, Constant Contact, SendinBlue, Drop y HubSpot.

Puedes utilizar fácilmente sus plantillas y constructores de arrastrar y soltar para crear tu diseño único.

Pros:

• Fácil y rápido
• Puedes cambiar el texto, las imágenes y las partes críticas de la plantilla
• Sabes que tu diseño funcionará en dispositivos de escritorio y móviles
• Puedes utilizar las mismas plantillas varias veces
• Normalmente no tendrás que pagar más

Contras:

• Estas plantillas están hechas para un público objetivo amplio (por lo que pueden no coincidir con el resto de tu marca)

2. Utiliza una herramienta de diseño de correo electrónico dedicada

Las herramientas de software de diseño de correo electrónico ofrecen plantillas de correo electrónico y funciones exclusivas para crear un diseño único. Stripo, Chamaileon, BeeFree y Postcards son excelentes opciones.

Ventajas:

• Son muy fáciles de usar para personas sin formación en diseño
• Estas herramientas tienen cientos de plantillas (por lo que es fácil encontrar una que se adapte a tus necesidades)
• Totalmente personalizables: cambia el diseño, los colores, las imágenes, el estilo y el texto
• Muchas plantillas son aptas para dispositivos móviles

Contras:

• Es posible que tengas que pagar por el acceso a estas herramientas
• Tendrás que descargar tu plantilla e importarla a tu software de marketing por correo electrónico (o utilizar una integración cuando esté disponible)

3. Crear un diseño personalizado

Por último, puedes crear un diseño de correo electrónico personalizado desde cero con una herramienta como Adobe InDesign, VivaDesigner, Scribus, o simplemente codificarlo con HTML y CSS en línea.

Ventajas:

• Tu diseño será único
• Flexibilidad total
• Puedes asegurarte de que tu diseño es apto para dispositivos móviles y de que tus imágenes son de alta calidad

Contras:

• El software de diseño es caro
• Requiere mucho tiempo
• Necesitas una sólida formación en diseño

Resumen

En 2020, había más de 4.030 millones de usuarios de correo electrónico en todo el mundo, y la gente enviaba y recibía 319.600 millones de correos electrónicos diariamente. Naturalmente, destacar en las bandejas de entrada de tus suscriptores es complicado.

Por eso un buen diseño de correo electrónico es crucial. Captar la atención de tu audiencia es el primer paso para alimentar tu relación con los clientes potenciales, aumentar los ingresos y hacer upselling a los clientes de forma eficiente.

Para dominar un buen diseño de correo electrónico, asegúrate de que

• Utiliza el espacio en blanco para enfatizar
• Desarrolla imágenes de alta calidad para captar la atención del lector
• Utiliza un texto claro, especialmente en la cabecera y el CTA
• Utiliza un enfoque descendente para priorizar el contenido
• Sé creativo

Nos gustaría saber todo lo que sabes sobre un buen diseño de correo electrónico. ¿Cuál de estos diseños te ha gustado más, y cómo creas correos electrónicos únicos para tu marca? Cuéntanoslo en los comentarios de abajo.