14 de los mejores ejemplos de hermoso diseño de correo electrónico

Abrir un correo electrónico de marketing es una tarea tan regular que los consumidores a menudo no lo piensan dos veces. Sin embargo, como especialistas en marketing por correo electrónico, conocemos el otro lado de la historia. Encontrar nueva inspiración de correo electrónico HTML puede ser una tarea desalentadora.

Cuando usted es un vendedor de correo electrónico, su lista de tareas a menudo se ve así: Genere clientes potenciales opt-in, segmente sus listas, configure flujos de trabajo de nutrición de clientes potenciales, redacte una copia de correo electrónico clara y concisa, verifique la capacidad de entrega de sus correos electrónicos, optimice texto y HTML, y así sucesivamente. “¿Dónde está la diversión en esto? te preguntarás.

Afortunadamente, hay muchos geeks de marketing por correo electrónico (incluidos nosotros mismos) que piensan que todo eso es divertido. Estos aspectos menos glamurosos del marketing por correo electrónico, aunque son fundamentales para el éxito de su campaña, no describen la imagen completa de lo increíble que es realmente el marketing por correo electrónico.

Si bien los correos electrónicos de texto sin formato o básicos aún pueden ser extremadamente efectivos, a veces desea sorprender a sus suscriptores con diseños de correo electrónico creativos, cautivadores o deliciosamente discretos. Algunas marcas también han descubierto cómo crear correos electrónicos que son bastante hermosos. Si está buscando incursionar en algo un poco más aventurero para su próxima campaña de marketing por correo electrónico, consulte los ejemplos a continuación para inspirarse.

Tabla de contenido:

Ejemplos de diseño de boletines por correo electrónico

1. Fondo Colaborativo

En el diseño, el rojo y el amarillo sirven como poderosas opciones de color. Si bien se sabe que el rojo transmite poder o pasión, el amarillo a menudo se considera brillante y energizante. Aunque muchas empresas usan un gran bloque de color en la parte superior de sus boletines para atraer a la gente, la gente de Collaborative Fund fue un poco más allá al combinar ráfagas de color rojo y amarillo en todo el correo electrónico. Bastante poderoso, ¿verdad?

Aparte del color, aprovecharon las divisiones limpias para separar estos bloques, al tiempo que incorporaron diferentes texturas, como ese papel arrugado, para crear una experiencia realmente convincente.

Fuente de imagen

Consejo profesional: cuando se hace bien, la incorporación de una variedad de texturas, a través de gráficos o fotografías de alta calidad (como el papel desmenuzado que se usó anteriormente), puede hacer que la experiencia 2D de ver un correo electrónico sea más visceral y atractiva.

2. dominó

Este boletín de Domino cubre mucha información: diseño con restricciones de almacenamiento, obsequios, una pieza de perfil con Chelsea Handler, consejos de diseño de baños y dormitorios, y un llamado a la acción.

Para que esto sea más fácil de escanear, Domino combinó estas breves descripciones con imágenes de alta calidad. Al igual que el ejemplo del Fondo Colaborativo, también usaron divisiones horizontales claras para separar cada tema.

Fuente de imagen

Consejo profesional: la incorporación de colores contrastantes puede ayudar a crear divisiones entre secciones y atraer la atención de cada sección con facilidad.

3. LABORATORIOS InVision

Este es un correo electrónico mucho más conciso de InVision, que incluye un diseño limpio y un color llamativo. El fondo azul hace que tanto la llamada a la acción como el cuadro blanco cerca de la parte inferior del correo electrónico llamen la atención. Las imágenes del producto distribuidas en abanico ayudan al destinatario a comprender lo que implica el anuncio antes de sumergirse en la copia explicativa.

Fuente de imagen

La colorida experiencia no termina con el correo electrónico. El color azul brillante se transmite al sitio web correspondiente, lo que lo convierte en un sólido ejemplo de una marca perfecta.

¿Está inspirado por el diseño limpio de InVision y está listo para crear su propia campaña? Utilice un software gratuito de marketing por correo electrónico como HubSpot para crear y enviar su mensaje al mundo.

4. GrubHub

Este correo electrónico de GrubHub es un excelente ejemplo de promoción de productos... porque no suena ni se siente como una promoción de productos en absoluto. En lugar de decir: “Oye, te gusta la comida. ¡Deberías pedirlo usando nuestro servicio!”, el correo electrónico cuenta una historia con la ayuda de un contenido interactivo realmente genial: un cuestionario para ver qué debes servir en tu fiesta (¿ves lo que hicieron allí?).

Nos encanta especialmente el GIF saturado que usaron para promocionar el contenido, ya que realmente llama la atención del destinatario.

Fuente de imagen

Consejo profesional: el movimiento llama la atención. Vemos esto a través de las redes sociales y otras formas de medios. Agregar esta función a sus correos electrónicos puede atraer a los espectadores atraídos por el factor de movimiento en el contenido público. Aprende a crear un GIF usando Photoshop.

Ejemplos de diseño de correo electrónico de nutrición

5. Práctico

Nos encanta este sencillo correo electrónico de bienvenida de Handy. El esquema de color es consistente, confiando en el gris para la base y el azul brillante para llamar la atención sobre el logotipo y las llamadas a la acción.

Aquí hay un buen equilibrio entre el texto y las imágenes, y el diseño de los mosaicos facilita la lectura. Finalmente, nos encanta que usaron fotos de stock no cursis para representar su marca, lo que las hace más genuinas y adorables desde la perspectiva del consumidor.

Fuente de imagen

Consejo profesional : hoy en día, la mayoría de los espectadores tienen cierto nivel de capacidad para detectar si una imagen es una foto de archivo o contenido capturado originalmente. Si debe usar fotografías de archivo, tómese su tiempo para revisar las bases de datos de imágenes y filtrar las imágenes que representan no solo el tono del correo electrónico y el mensaje, sino también la estética general y la sensación de su marca.

6. tornasol

Es posible que espere un hermoso correo electrónico de una empresa que anuncia una conferencia de diseño de correo electrónico, y Litmus no lo decepciona. El correo electrónico comienza con una llamativa explosión de color que capta la atención de los lectores. Debajo de esto, encontrará un diseño limpio que incluye una copia concisa, ilustraciones caprichosas y un gran uso del espacio en blanco.

En la parte inferior del correo electrónico, verá un feed de Twitter en vivo que muestra tweets que usan el hashtag oficial de la conferencia. Ese factor de las redes sociales es un toque realmente genial por el que estamos dispuestos a apostar por una mayor participación, al mismo tiempo que informamos a las personas sobre cómo mantenerse conectados en el evento.

Fuente de imagen

Consejo profesional: ser imaginativo y usar íconos e ilustraciones puede ser una forma sencilla y gratificante de transmitir mensajes. La apariencia y la sensación consistentes marcan la diferencia, mostrando intención y estrategia de diseño. Puede encontrar paquetes de iconos gratuitos que incluyen los iconos más utilizados en sitios web como FlatIcon.com.

7. Uber

Como especialistas en marketing, sabemos que los cuadros y gráficos pueden servir como una forma eficaz de ilustrar la información. Pero, ¿qué pasa con la incorporación de gráficos en los correos electrónicos?

Este diseño de correo electrónico de Uber demuestra hábilmente el poder de la visualización de datos mediante el uso de gráficos simples. En lugar de depender de las palabras para explicar sus tarifas reducidas, Uber preparó algunas imágenes comparativas para hacer el trabajo. Gracias a la opción de color azul brillante, es fácil para los destinatarios comprender cómo han cambiado las tarifas con solo un vistazo rápido.

Fuente de imagen

Consejo profesional: la emoción es más difícil de obtener del público de lo que uno pensaría. Lo anterior sirve como ejemplo de cómo Uber utiliza sus datos históricos para generar entusiasmo por las nuevas ofertas de la empresa. El potencial de lo que está por venir está correlacionado con lo que ha sucedido. Muestre lo que se ha hecho antes de mostrar lo que está por venir, para que los consumidores sepan que su emoción está asegurada.

8. Cuyana

Aquí hay un correo electrónico de promoción de productos que Cuyana envió a las personas que se inscribieron en la lista de "acceso anticipado" de un nuevo producto. El correo electrónico se centra completamente en mostrar el nuevo producto, pero en este caso, eso es exactamente lo que buscaban las personas que optaron por la lista de "acceso anticipado".

El diseño del correo electrónico es limpio y sofisticado, gracias a un uso brillante del espacio negativo y fuentes atractivas. Este enfoque es muy fiel a la marca de una empresa de indumentaria y accesorios para mujeres. Nos encanta el uso de colores consistentes, especialmente el tono naranja característico que eligieron para el botón de llamada a la acción en la parte inferior.

Fuente de imagen

Consejo profesional: este es un ejemplo de un correo electrónico creado con HubSpot. Haga clic aquí para ver más ejemplos de marketing por correo electrónico de nuestra biblioteca .

Ejemplos de diseño de correo electrónico de comercio electrónico

9. J. Crew

A veces, las palabras pueden estar sobrevaloradas. ¿Por qué no dejar que una imagen cuente la historia por ti? De todos modos, eso es lo que hizo J.Crew en este correo electrónico. El correo electrónico está promocionando una venta, pero no lo sabría de inmediato: todo lo que ve es la copia, "Vale la pena el desplazamiento", junto con una imagen de alta definición muy larga (y muy digna de desplazarse) de un cono de helado. Nos encanta la sutileza. ¡mmm!

Fuente de imagen

Consejo profesional: si llega al final, notará que la punta del cono de helado actúa como una flecha direccional, apuntando a los destinatarios hacia la llamada a la acción. La fotografía puede servir como más que una imagen estática, puede ser una guía interactiva, guiando la mirada a lo largo del mensaje.

10. manzana

Este correo electrónico navideño de Apple equilibra el espacio en blanco con las pantallas de productos para crear una experiencia realmente interesante.

Si bien todos los productos comparten un esquema de color similar, lo que es realmente convincente es su posicionamiento. Al organizar estratégicamente los productos, Apple pudo crear patrones visuales que se alternan a lo largo del correo electrónico. Este enfoque es uno de los mejores para mostrar la confianza de una marca en sus productos. Permite que los productos mismos sean el foco del mensaje, así como los medios a través de los cuales se transmite el mensaje.

Fuente de imagen

Consejo profesional: redactar o esbozar el diseño de un correo electrónico al comienzo del proceso puede hacer que la creación de mensajes llamativos sea un objetivo fácilmente alcanzable y puede ahorrarle tiempo.

11. Productos fabricados por la Unión

Los consumidores reciben muchos correos electrónicos de empresas de comercio electrónico que muestran ideas de regalos navideños de sus sitios web, y este es un ejemplo de uno de estos correos electrónicos bien hecho. Optaron por un diseño simple aquí, que incluye un uso muy agradable tanto del color como del espacio en blanco, lo que hace que la copia y las imágenes que están allí destaquen un poco más.

Realmente disfrutamos cómo la simplicidad permite que la mente del lector se centre menos en los elementos que distraen dentro del mensaje. En cambio, pueden llenar el espacio negativo imaginando cómo los productos exhibidos, u otros vendidos por la compañía, podrían provocar la reacción deseada de las madres en sus vidas. Hace que uno se pregunte: "¿Qué tiene mamá?", "¿Qué necesita ella?" o "¿Qué le gustaría?"

Fuente de imagen

Consejo profesional: Ofrecer algo así como un descuento en una compra, sin vender en exceso, inclina a los lectores a echar un vistazo a su propio tiempo, sabiendo que recibirán incentivos por participar más.

12. Casper

Este correo electrónico de bienvenida de Casper hace un trabajo estelar al proporcionar una descripción general de lo que obtendrá si se une a su comunidad de más de 1 millón de miembros. A partir de los números de su comunidad, está claro que han dedicado mucho tiempo y trabajo a crear un producto y una reputación para que pueda estar tranquilo. (¿ Entendido ? ¿“Descansa”, porque es una compañía de colchones? ¡Ah, no importa!)

Enumeran algunos de los beneficios que obtiene de una membresía y luego saltan inmediatamente a establecer el valor educativo, ofreciendo consejos para dormir. Esto por sí solo no es lo suficientemente convincente como para convertir a alguien en un suscriptor de correo electrónico de Casper lealmente atento, pero conecta aún más la marca y los productos con las experiencias de los consumidores. Nos encanta cómo usan gráficos simples y mensajes concisos para asociarse sutilmente con la solución a los problemas de sueño.

Fuente de imagen

Consejo profesional: mantenlo simple, permitiendo que los espectadores y consumidores concluyan por sí mismos que necesitan lo que tienes para ofrecer.

13. Shwood x Stanley

En el mundo del comercio electrónico, la calidad de las imágenes en sus correos electrónicos puede tener un gran impacto en si los destinatarios se quedan para leer todo el correo electrónico o presionan rápidamente el botón "eliminar". Este correo electrónico de Shwood x Stanley pone un gran énfasis en esas imágenes de alta calidad. Nos encantan especialmente los fondos texturizados, así como la forma en que juegan con las luces y las sombras.

Fuente de imagen

Consejo profesional: cuando use varias imágenes en un correo electrónico html, considere qué colores se complementan y contrastan entre sí. Esta consideración puede hacer que las experiencias de transición de una sección a otra sean perfectas para el espectador, atrayendo la atención a lo largo del mensaje.

14. Harry´s

Para los correos electrónicos de temporada como este de Harry's, puede considerar usar combinaciones de colores que vayan con la temporada. Para promocionar su juego de regalo de invierno, la gente de Harry's enfrió su combinación de colores con colores tradicionales de invierno como el verde, el azul y el marrón. También lograron un buen equilibrio entre el texto y las imágenes, y ayudaron a que su correo electrónico fuera más fácil de hojear mediante el uso de un diseño de mosaico simple.

Otra cosa que amamos son esos llamados a la acción de color rojo brillante; se ven bastante fáciles de hacer clic... ¿no estás de acuerdo?

Fuente de imagen

Consejo profesional: En pocas palabras, no hay sustituto para una buena fotografía de productos. Si te sumerges en el océano de la fotografía de productos originales, consulta esta Guía para principiantes sobre fotografía de productos.

¿Qué otras empresas ha notado que están creando un atractivo marketing por correo electrónico? ¿Qué destaca de su enfoque? ¿Cómo puede tomar esto y agregar su propio giro original, creando algo nuevo para el mensaje de su marca?

Nota del editor: esta publicación se publicó originalmente en mayo de 2012 y se actualizó para brindar frescura, precisión y exhaustividad.