Guía suprema para el diseño de correo electrónico en 2022

Puede creer que el correo electrónico es un entorno de extinción, pero según un informe de monitor de campaña, sus clientes enviaron 13 mil millones de correos electrónicos más en 2020 que en 2019, más de 100 mil millones en total. Hacer que sus correos electrónicos se destaquen entre la multitud no es una tarea fácil con toda esta competencia.
Un buen diseño de correo electrónico puede ayudarlo a romper el hielo con lectores potenciales y llamar su atención de inmediato. Con el diseño correcto, puede capturar la imaginación del lector, puede involucrarlos y presionarlos para que presionen “Compre ahora” para su producto o servicio.
Si no está seguro de cuál es un buen diseño, no se preocupe. Esto es lo que cubriremos en esta guía. Específicamente, le enseñaremos cómo mejorar el diseño de su correo electrónico e incluso mostrarle 26 ejemplos que lo inspiran.
¿Qué hace un buen diseño de correo electrónico? Más del 90% de la población de los Estados Unidos actualmente está utilizando el correo electrónico. Entonces, por supuesto, no hay un estilo perfecto de diseño de correo electrónico que atraiga a todos. Sin embargo, algunos conceptos universales pueden ayudarlo a diseñar constantemente correos electrónicos efectivos. Nos gusta llamarlos “los tres C”.
Claro: el objetivo del correo electrónico obviamente es inmediatamente
Cautivador: el correo electrónico atrae la atención del lector y despierta interés
Creative: el correo electrónico es único y se destaca en otros correos electrónicos de marketing
Veamos un ejemplo de premio para ver cómo se ven los tres C en la vida real.

Correo electrónico de marketing de tinta instantánea HP. Este correo electrónico instantáneo de marketing HP de HP ganó un IAC por “Mejor campaña de correo electrónico de tecnología” en 2021. El logotipo de tinta instantánea y el título enfatizan la idea de tinta enviada en casa. Es cautivador: con una mezcla de ilustraciones, colores y una excelente imagen, atrae su atención. Es creativo: no se centra en los cartuchos de tinta, sino en el hecho de que el servicio lo ofrece a la puerta. No necesitas la idea más sorprendente de todos los tiempos para crear un buen diseño. Comience por evaluar sus correos electrónicos existentes y encontrar cosas para mejorar. Debe considerar:
Cómo comparar sus correos electrónicos en comparación con los tres “C”
Su tasa de clics (CTR). Como referencia, el CTR promedio varía de 2.6% a 2.34%
Si el correo electrónico le ayuda a cumplir con sus objetivos
Si sus correos electrónicos generan tráfico en su sitio web
Al crear nuevos correos electrónicos y campañas, continúe construyendo sobre la base de lo que ha aprendido. También le ofrecemos consejos y mejores prácticas, puede comenzar de inmediato si comienza desde cero. Un buen diseño de correo electrónico puede ayudarlo a romper el hielo con un lector potencial e atraer inmediatamente su atención Obtenga una inspiración útil para el diseño aquí, haga clic en Tweet.
11 Las mejores prácticas de diseño de correo electrónico cruciales aquí son once buenas prácticas que todos los agentes de marketing de correo electrónico deben seguir. También puede considerar las mejores prácticas de marketing de correo electrónico al enfocarse en el lado de marketing del correo electrónico. 1. Cree una línea de asunto fuerte El tema es su oportunidad de causar una primera impresión para su lector y tiene un efecto único en las tasas de apertura. Si bien la tasa de apertura de correo electrónico promedio varía entre 18 y 22%, algunos especialistas en marketing obtienen tasas de apertura de hasta 57% solo optimizando la línea de asunto. Prácticamente, las líneas de asunto son cruciales. Para optimizarlos, use un lenguaje conciso y descriptivo e incluya estadísticas, número o “gancho” para atraer la atención del lector. También debe evitar las palabras “spam” como “gratis” o “dinero fácil”. 2. Mantenga el diseño de su correo electrónico. Influye en cómo los consumidores ven su marca, por lo que es crucial considerar cuidadosamente cada elemento de diseño. Los elementos de diseño incluyen logotipos, colores, fuentes, opciones de apariencia, videos, imágenes e infografía. Para obtener los mejores resultados, se ajuste al diseño con su audiencia, por ejemplo, si tiene que apuntar a un público B2B, puede usar elementos de diseño profesionales, como colores desactivados y fuentes limpias. Un producto B2C puede usar una marca más “ocasional”.
3. Manténgalo simple y concentrado Los problemas complicados de los correos electrónicos pueden confundir a los lectores, y cuando los lectores se sientan confundidos, haga clic en el botón “Volver”. Debe adoptar un diseño simple, limpio y minimalista en sus correos electrónicos, también debe usar el mismo aspecto y marca en cada correo electrónico para que el lector sepa qué esperar. 4. Estimular la participación para generar la participación de los lectores, incluido un fuerte impulso (CTA) en cada correo electrónico. Seleccione cuidadosamente el texto de anclaje, aumente el botón CTA y colóquelo estratégicamente para optimizar sus conversiones. Dé su contenido de espacio para respirar si llena cada centímetro cuadrado de la pantalla del lector, no sabrá dónde buscar. Use los separadores y el espacio en blanco para ver su contenido y subrayar los componentes esenciales, como CTA o la imagen del producto. 6. Siga una cascada de información que una cascada de información (a veces llamada Pyramid of Information) presenta la información más importante y la información menos importante en la parte inferior. 7. Use correos electrónicos receptivos ¿Alguna vez ha abierto un correo electrónico sin poder ver secciones o imágenes completas? Si usa dimensiones fijas, el tamaño diferente de la pantalla del dispositivo deformará su diseño. Por lo tanto, la receptividad es esencial. Use los principios de diseño web receptivo para adaptar su diseño a las proporciones óptimas para diferentes tamaños de ventana y pantalla.
8. Asegúrese de accesibilidad si desea maximizar su cobertura y cumplir con las reglas y leyes sobre accesibilidad, es esencial considerar cómo las personas con dislexia, daltonismo o deficiencias de visión pueden percibir su marketing por correo electrónico. Para hacer sus modelos de correo electrónico accesibles, use fuentes para dislexia, texto alternativo, colores para el daltonismo y texto simple que los lectores de pantalla (como KNFB Reader) pueden leer en voz alta. 9. Optimizado para el rendimiento porque una persona común solo ve un correo electrónico durante 11 segundos, debe centrarse en el rendimiento para lograr resultados. Idealmente, su correo electrónico debe cobrar rápidamente y operar en todos los dispositivos (como en 2021, el 54.8% del tráfico de Internet proviene de dispositivos móviles). También debe ver conversiones para medir la eficiencia de los esfuerzos de marketing y cualquier táctica nueva que intente. 10. Incluya un enlace de cancelación de suscripción Muchas regulaciones requieren el uso de un enlace de cancelación de suscripción. La regla de Can-Sspam de 2003 de la Comisión Federal de Comercio (control de pornografía y marketing no solicitados (CAN-PSM)) es una de estas regulaciones. Para garantizar que las personas puedan darse de baja sin problemas, siempre incluya un enlace claro, fácil de usar y de uso visible. 11. Use la autenticación de correo electrónico por correo electrónico permite que su herramienta de marketing de correo electrónico envíe correos electrónicos como dominio (por lo que provienen de “YourWebSite.com”, no “a través de MCSV.NET”). Usando la autenticación de correo electrónico, sus correos electrónicos se verán más profesionales.
Ejemplos de buen diseño de correo electrónico que crea un diseño creativo y de alta calidad desde cero no es una tarea fácil, incluso si usted es una persona naturalmente creativa. Afortunadamente, no tienes que comenzar desde cero. Esta sección detallará 26 ejemplos de buen diseño de correo electrónico, destacando lo que nos gusta. Los correos electrónicos de bienvenida los correos electrónicos de bienvenida son lo primero que le recibe un cliente cuando se inscribe en su lista de correspondencia. Hacer una buena introducción es esencial para construir una relación duradera y de entrenamiento. Ipsye-emma ipsy bienvenido. El correo electrónico de bienvenida de IPSY es un excelente ejemplo de introducción A+. Esto es lo que nos gusta de él:
Ipsy llamó a su boletín por correo electrónico “calentamiento” (lo que lo hace sentir más como un club de hobby que los correos electrónicos de marketing)
El correo electrónico de Ipsy le da al lector un kit de autocuidado gratis
Ipsy coincidió con los colores de fondo, imagen y envasado de productos
Bajo la armadura

Bienvenido correo electrónico de Under Armour. El correo electrónico subyacente de bienvenida funciona porque el equipo de marketing eligió imágenes y texto temático en torno a su producto. Aquí hay más cosas que amamos:
El logotipo de Under Armour es lo primero que ves
Los colores en las imágenes coinciden y hacen que el correo electrónico aparezca
La jerarquía visual del correo electrónico lo hace parecer interesante
Beefree.io

Bienvenido correo electrónico de Beefree.io. Aunque desde un punto de vista técnico no es un correo electrónico bienvenido, este correo electrónico de confirmación BeFree es tan bueno que tuvimos 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 que las cursas pastelorias son hermosas pero no se ve infantil
BeeFree incluye enlaces a sus redes sociales
BeeFree usó su software para crear diseño de correo electrónico
Pelotón

Bienvenido correo electrónico de Peloton. El correo electrónico de bienvenida de Peloton contiene varias secciones de texto, pero no parece estar lleno porque han usado espacio en blanco de manera efectiva. Nos gusta y porque:
Peloton usó símbolos para atraer la atención del lector a las secciones de “resistencia” y “cadencia”
Peloton comienza su correo electrónico con una imagen que le da una sensación comunitaria
El correo electrónico explica lo que está haciendo la aplicación Peloton y aprende al lector cómo usarlo
Evernote
Bienvenido correo electrónico de Evernote. Evernote Welcome El correo electrónico tiene dos objetivos: saludar al suscriptor y ayudarlo a descargar la aplicación gratuita de Evernote. Nos gusta y porque:

El correo electrónico incluye un enlace a Evernote Introductory Resources
El botón CTA al Evernote es verde y coincide con el color del Evernote
Evernote incluyó un enlace al servicio al cliente para clientes que tienen problemas para instalar la aplicación
Los correos electrónicos para abandonar los correos electrónicos de la canasta para abandonar el carrito de compras se generan correos electrónicos automáticamente que envía a los clientes dentro de las 24-72 horas posteriores a que abandonen su canasta. Debido a que el reempleo del cliente potencial es el objetivo principal de estos correos electrónicos, deben atraer la atención del lector. El gigante americano
Envíe un correo electrónico para abandonar el carro del gigante estadounidense. El abandono del carro de American Giant es un excelente ejemplo de elegante diseño en blanco y negro que se ve animado. Nos gusta y porque:

American Giant muestra al lector que el artículo en Saamerican Basket Giant tiene enlaces a sus redes sociales
El correo electrónico utiliza efectivamente el texto previo
de Gerry
Envíe un correo electrónico para abandonar la canasta de Gerry. El correo electrónico de Gerry es el colorido opuesto de American Giant. Esto es lo que nos gusta:
El encabezado le recuerda al lector el cochecito abandonado de una manera creativa

El correo electrónico se dirige al destinatario por nombre
Los colores son divertidos pero no abrumadores
Estetson
Envíe un correo electrónico para abandonar el carrito de Stetson. El correo electrónico de Stetson tiene un giro amigable con los clientes que lo hacen funcionar: la oferta de envío gratuita. Aquí hay más cosas que nos gustan:
Stetson ha utilizado los colores de su marca a lo largo del correo electrónico

El correo electrónico envía al lector a las categorías de tiendas relevantes
CTA indica el déficit mencionando “hasta que las acciones estén agotadas”
Boletines informativos Los boletines informativos son correos electrónicos regulares que informan a los clientes sobre los nuevos productos y servicios, las últimas actividades de contenido y caridad. Por supuesto, deben ser informativos, pero cautivadores. Oficina de Diseño de Shuka
Boletín informativo de la 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 una atractiva caricatura

La redacción se ajusta al tema de la tira cómica
Comic usa colores brillantes y un estilo artístico distinto
Envíe un correo electrónico a ácido
Boletín informativo del correo electrónico al ácido. El correo electrónico sobre el boletín informativo ácido también tiene un enfoque único. Nos gusta:
El tema del periódico de correo electrónico

Usar espacio en blanco para dividir el texto
Ese es un gran ejemplo de la forma en que el correo electrónico puede desempeñar un papel en la eficiencia de la eficiencia del color blanco y negro
AUMENTAR
Boletín de información del incremento. El incremento ha adoptado un enfoque más elegante para su diseño del boletín de información. Nos encanta:
Regístrese para el boletín

¿Quieres saber cómo aumentar nuestro tráfico por más del 1000%? ¡Únase a las más de 20,000 personas que reciben nuestro boletín semanal con los consejos de WordPress!
Suscríbase ahora
La forma en que Increment usa las preguntas para estimular al lector a hacer clic en “leer el problema”
Ese incremento llamó a este problema de su boletín informativo “contenedor” para darle un tema
Cómo alinear el encabezado con el tema del espacio trippy con el tema
Correos electrónicos de vacaciones Los correos electrónicos de vacaciones capturan la atención del lector y los estimulan a comprar utilizando una oferta especial de vacaciones. Se trata de sorprender la esencia de sus vacaciones con su correo electrónico y promoción. Barca

Correo electrónico de muchos años de Barkbox. El correo electrónico de “Happy Birthday” de Barkbox vende clientes, ofreciéndoles un producto único (el pastel de cumpleaños de un perro). Nos gusta lo único que es este enfoque, así como:

Lenguaje divertido como las delicias con la cola
La forma en que aclara el precio de la oferta, el límite de tiempo y las expectativas
Gantri
Correo electrónico de vacaciones de Gantri. El correo electrónico de Gantri le presenta inteligentemente al lector un problema (“todavía busca el regalo perfecto” y posiciona la tarjeta Gantri como solución). Nos gusta esto también:
El correo electrónico destaca los beneficios de la tarjeta Gantri
Colocar CTA justo debajo del encabezado centrado en el problema
Judy

Correo electrónico de Judy para el Día Internacional de la Mujer. El correo electrónico de Judy adopta un enfoque diferente para Barkbox o Gantri, porque el correo electrónico de Judy tiene como objetivo construir una relación con los lectores. Nos gusta porque: el gran tamaño de fuente y el diseño acentúan el encabezado
El correo electrónico incluye mujeres de diferentes entornos en la imagen del encabezado
Utiliza espacio en blanco para resaltar el texto
Rxbar

Correo electrónico de Halloween de Rxbar. El correo electrónico de Halloween de Rxbar da miedo y divertido. Nos gusta eso:
El título usa un divertido “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, murciélagos y calabazas de Frankenstein

Los correos electrónicos para productos digitales los correos electrónicos para productos digitales son particularmente efectivos en las ventas, porque los clientes reciben acceso a su servicio poco después de registrarse a través de su enlace CTA. Su énfasis es a menudo obligar a las personas a comprar en su lugar. Postable
Correo electrónico con productos digitales de posibles. Este correo electrónico postable funciona porque aborda el problema del lector: direcciones obsoletas durante las vacaciones. Nos gusta y porque:
CTA de Postable es lo primero que ve el lector
El correo electrónico incluye un gráfico de aplicaciones postable
El excelente uso del espacio en blanco para resaltar el objetivo principal: hacer que el usuario actualice su dirección

Calificación
Bienvenido correo electrónico de Markup. Este correo electrónico de Markup es excelente porque enseñan a los lectores cómo usar el marcado mientras venden su software. Nos gusta y porque:
Markup usó iconos para enfatizar la copia
El software de marcado es lo primero que ves está por encima del pliegue
Forma de tipo

Envíe un correo electrónico “sobre nuestro producto” de TypeForm. El correo electrónico tipo formulario funciona porque se abre con el punto de venta único (USP): “una nueva forma de usar videos de marketing”. Nos gusta esto también:
¿Luchas con tiempos no funcionales y problemas de WordPress? ¡Kinsta es la solución de alojamiento diseñada para ahorrarle tiempo! Revise nuestras características
TypeForm muestra ejemplos de video marketing
El correo electrónico utiliza una fuente accesible
La imagen usa la jerarquía para atraer la atención del lector

Correo electrónico de ventas El correo electrónico de ventas proporciona a los suscriptores un descuento exclusivo para estimularlos a comprar. Por supuesto, necesitan los fuertes. Ser profesional
Correo electrónico de ventas de GoPro. CTA de este correo electrónico de GoPro funciona bien, porque la jerarquía de texto está haciendo lo segundo que los espectadores leerán después de “reducir el precio”. Nos gusta y porque:
GoPro usó un esquema de color adecuado a lo largo del correo electrónico
Un producto masivo del producto destaca el producto
El correo electrónico contiene dos ofertas: envío gratis y un precio más bajo

MCM
NUEVO PRODUCTO CORREO EL PRODUCTO DE MCM. Este correo electrónico de ventas de MCM es excelente porque usa una imagen en lugar de un texto para anunciar la bolsa. Nos gusta esto también:
La imagen presentada combina ilustración y fotografía
El botón CTA se destaca
El correo electrónico incluye enlaces para tiendas en el encabezado
Mamíferos modernos

Correo electrónico de nuevo producto de mamíferos modernos. Este correo electrónico de ventas de los mamíferos modernos funciona bien, porque muestra el producto en acción a través de una foto estática. Nos gusta y porque:
El correo electrónico utiliza múltiples colores de fuentes para acentuar el fondo, coincide con el empaque del producto
El texto subraya el USP del producto
Los correos electrónicos de testimonio y los correos electrónicos con testimonios y revisiones solicitan al lector un favor y, por lo tanto, deben usar su lealtad para estimular al lector a dejar una revisión. G2
Revisarlo por correo electrónico de G2. El correo electrónico del G2 “Revisarlo hoy” es convincente, porque hace que el lector sienta que puede ayudar a otros con su revisión. Nos gusta esto también:

G2 muestra una serie de reseñas en imágenes (no solo positivas)
G2 mantiene el correo electrónico corto
CTA es descriptivo
Apuntar
Revise el correo electrónico objetivo hoy. El correo electrónico objetivo funciona porque está personalizado para cada cliente, solicitando una revisión y ayuda a los clientes infelices a contactar la asistencia. Nos gusta esto también:

El correo electrónico utiliza encabezados como separadores entre bloques de contenido
Los dos botones CTA tienen diferentes colores para mayor claridad
Mostrar la compra del lector con una imagen
Volar
Revise el correo electrónico de Bite. Este correo electrónico de revisión de mordeduras tiene un enfoque único porque ofrece mostrar reseñas de lectores de otros clientes. Nos gusta esto también:

Mordida usó más tonos de verde para crear una jerarquía
Bite Links a su página “Acerca de nosotros”.
Morder incluye su producto en la imagen
Los correos electrónicos de correo electrónico de marca le dicen a los lectores “ABC” de su negocio, incluidas la identidad de marca, la misión y la USP. Por supuesto, necesitan generar un interés profundo para su marca Thinx
Correo electrónico de marca personal de Thinx. Este correo electrónico de marca de Thinx capta la atención del lector, presentando a un empleado (MORGS). Nos gusta esto también: Thinx usó una paleta adecuada de colores mate

Thinx tiene el tema de recordar el correo electrónico sobre el producto y la misión
Jirón
Correo electrónico de marca personal desde WISP. Este correo electrónico de marca WISP funciona porque ayuda a los clientes potenciales a explorar sus ofertas. Nos gusta esto también:
WISP utiliza preguntas para atraer la atención del lector
Wisp envía a sus “favoritos” su

WISP utiliza una imagen que se une al fondo del correo electrónico
Cómo crear su propio diseño de correo electrónico ahora que ha visto veintiséis ejemplos de buen diseño de correo electrónico, está listo para poner su ojo recién preparado. Aquí hay tres formas de crear su diseño de correo electrónico: 1. Use el software de marketing por correo electrónico Muchas herramientas populares de marketing por correo electrónico tienen plantillas integradas que puede usar. Estos incluyen MailChimp, Constant Contact, SendInblue, Drop y Hubspot. Puede usar fácilmente las plantillas y constructores de arrastrar y arrastrar para crear su diseño único.
Creador de correo electrónico de MailChimp. Pro:
Fácil y rápido
Puede cambiar el texto, las imágenes y las partes críticas de la plantilla.

Sabe que su diseño funcionará en dispositivos de escritorio y móviles
Puedes usar las mismas plantillas varias veces
Por lo general, no tendrá que pagar adicionales
Versus:

Estas plantillas se crean para un público objetivo amplio (por lo que es posible que no coincida con el resto de su marca)
2. Utilice una herramienta de diseño de diseño de correo electrónico dedicada El software de correo electrónico ofrece plantillas de correo electrónico y características únicas para crear un diseño único. Fuerte, Chamileon, BeeFree y Postales son excelentes opciones. Pro: muy fácil de usar para personas sin experiencia en diseño
Estas herramientas tienen cientos de plantillas (por lo que es fácil encontrar una que se adapte a sus necesidades)
Personalización completa: cambie la apariencia, los colores, las imágenes, el estilo y el texto
Muchas plantillas son amigables con los dispositivos móviles

Versus:
Es posible que tenga que pagar el acceso a estas herramientas
Deberá descargar la plantilla e importarla al software de marketing por correo electrónico (o utilizar una integración donde esté disponible)
3. Cree un diseño personalizado Eventualmente, puede crear un diseño de correo electrónico personalizado con una herramienta como Adobe InDesign, Vivasigner, Scribus o simplemente puede codificarlo con HTML y CSS en línea. Pro:
Tu diseño será único
Flexibilidad completa
Puede asegurarse de que su diseño sea amigable con los dispositivos móviles y las imágenes son de alta calidad.
Versus:
El software de diseño es caro
Consume mucho tiempo
Necesitas un fondo de diseño sólido
Aprenda a mejorar el diseño de su correo electrónico y vea 26 ejemplos para inspirarlo en esta guía ️ Haga clic para tuitear el resumen en 2020, había más de 4.03 mil millones de usuarios de correo electrónico en todo el mundo, y las personas enviaron y recibieron 319.6 mil millones de correos electrónicos diariamente. Por supuesto, resaltarte en las casillas de correo electrónico de tus suscriptores es difícil. Por lo tanto, un buen diseño de correo electrónico es crucial. Llamar la atención de su público es el primer paso para desarrollar su relación con clientes potenciales, aumentar los ingresos y aumentar la venta de los clientes. Para dominar un buen diseño de correo electrónico, asegúrese de: use espacio en blanco para la acentuación
Desarrollar imágenes de alta calidad para atraer la atención del lector
Use una copia clara, especialmente en el encabezado y CTA
Use un enfoque de arriba a abajo para priorizar el contenido
Ser creativo
Nos encantaría escuchar todo lo que sabe sobre un buen diseño de correo electrónico. ¿Cuál de estos modelos le gustó más y cómo puede crear correos electrónicos únicos para su marca? Por favor, cuéntanos en los comentarios a continuación.