Alrededor del 40% de los profesionales del marketing B2B afirman que los boletines de noticias por email son una de las características clave para el éxito de su marketing de contenido.

Hay toneladas de estadísticas que demuestran lo rentable que pueden ser los emails para su negocio. Lo que los números no muestran es que hay un montón de pruebas y ajustes que van en el diseño y la disposición del correo electrónico que permite al remitente obtener recompensas masivas.

¿Qué es lo que hace que una campaña de correo electrónico o de correo electrónico sea exitosa? Uno de los elementos principales en el diseño y la disposición que atrae a la gente y aumenta su tasa de clics.

Hoy, le mostraré diez ejemplos de diseño de correo electrónico ganador y cómo hacer el suyo propio.

1. Utilice colores e imágenes en sus diseños de correo electrónico

El color tiene el poder de afectar el estado de ánimo y las acciones del usuario. Agregar un poco de color a su correo electrónico puede ser muy útil.

1. Tock

• Por qué funcionaCopy: De entrada, Tock se sitúa como la mejor opción para reservar para los lectores hablando de los diferentes aspectos de su producto, y de las soluciones que ofrece.
• Diseño: Los colores contrastantes como el amarillo y el azul captan la atención del lector, en este caso también resultan ser los colores de la marca Tock. En el centro del correo electrónico hay una sencilla ilustración de la ciudad para destacar el ajetreo de la vida que rodea a los restaurantes. Decidieron hacer coincidir el color de su botón o diseños con los colores de su marca, con la ayuda de un color de fondo contrastado para el amarillo y el azul oscuro y el amarillo y el blanco.
• Colocación: Se colocan dos CTA en el emailer: «Explore Tock» y «Aprenda más».

Si alguien está listo para usar los servicios de Tock, es más probable que presione el primer CTA.

Si todavía están en las etapas de conocimiento de la marca, es más probable que sigan leyendo más sobre lo que Tock tiene para ofrecer. Están utilizando un diseño de correo electrónico para hablar con dos tipos de lectores en la primera etapa de su correo electrónico de bienvenida.

También puede cambiar el color de un diseño de correo electrónico en función del nuevo producto, la temporada o para que coincida con el nuevo aspecto de una campaña de marketing.

2. Harry’s

• Por qué funcionaCopia: La copia de este correo electrónico se centra más en la persona que en el producto en sí, lo cual es una excelente manera de vender tus productos. Esto permite a los compradores potenciales imaginar lo que podría ser poseer o regalar este artículo. A medida que se desplaza hacia abajo en el correo electrónico, comienza a hablar de los beneficios de comprar este producto como un regalo, como la opción de grabar las iniciales para el afortunado destinatario. El final crea una sensación de urgencia al utilizar las palabras «Edición Limitada», y recordarle al lector que sólo está disponible por un corto tiempo porque el invierno sólo dura un tiempo.
• Diseño: El correo electrónico imita un sistema de embudo de marketing de productos, llevando al lector hacia cada CTA con «Conciencia, Consideración y Acción» como etapas principales. Harry’s utilizó un diseño de bloques de color para guiar al lector a través de cada paso del correo electrónico. El bloqueo de color ayuda a guiar al lector a través de su copia, facilitando su lectura con un diseño agradable.
• Colocación: Hay dos CTA, una en la parte superior del correo electrónico y otra al final del mismo. De nuevo, esta es una buena práctica cuando se tiene un correo electrónico muy diseñado. El primer CTA funciona mejor para los lectores que pueden ser compradores impulsivos, y el segundo CTA es para el lector que se ha tomado el tiempo de leer el correo electrónico y puede que se haya perdido el primer CTA ya que algunos lectores tienden a omitir los detalles.

También puede considerar el uso de monocromo en el diseño de su correo electrónico si el juego de colores parece demasiado.

3. Miss Selfridge

• Por qué funciona Copia: Hay mucha copia en este correo electrónico, lo cual no es necesariamente algo malo. Cada texto está personalizado a una imagen de producto junto con un CTA. El código para la entrega gratuita se coloca en amarillo para contrastar con el aspecto monocromo para llamar la atención del lector.
• Diseño:El uso de colores limitados en tus correos electrónicos significa que tienes que usar tus colores sabiamente. Miss Selfridge se aseguró de añadir colores para resaltar sus ofertas y CTA «Shop New In» para que no se mezclen con el resto del correo electrónico.
• Ubicación: De arriba a abajo y para cada artículo de ropa promocionado, había un CTA en el lugar para llevar al lector a su producto preferido. Esta es una manera efectiva de asegurarse de que si usted está introduciendo más de un producto en su correo electrónico, el lector puede ser fácilmente redirigido a la prenda o categoría sin tener que buscar en su sitio web.

4. Beauty Bay

• Copy: A veces menos es más. Beauty Bay encontró una forma divertida de guiar a los lectores a su sitio web con un encabezado de una línea, «Por aquí, síganme, vamos». «Automáticamente apuntando la dirección con el lápiz labial moviéndose alrededor de la página.
• Diseño: El GIF y la copia van de la mano, llevando hacia abajo el correo electrónico. ¿Por qué funciona este correo electrónico? El elemento de sorpresa. ¿Con qué frecuencia abre un correo electrónico con un pintalabios aventurero? No muy a menudo
• Colocación: El correo electrónico está diseñado con un solo CTA, colocado al final. Una vez más, la animación, la copia y la colocación van de la mano, guiándole al final del correo electrónico para hacer clic, clic, clic.

Añadir un poco de animación a la mezcla

Los diseños de correo electrónico GIF no son nuevos, pero son más populares con los correos electrónicos B2C. Le dan a los lectores de correos electrónicos una experiencia diferente cuando se comparan con las imágenes estáticas o el texto.

Cada día sus suscriptores tienen más y más correos electrónicos compitiendo por su atención. Hoy en día, los estudios revelan que los profesionales del marketing tienen sólo 10 segundos para captar una audiencia porque sus períodos de atención son cada vez más cortos. Por lo tanto, es hora de arremangarse y ser creativo añadiendo algunos GIF y vídeos.

Los correos electrónicos que incluyen vídeos o GIF pueden aumentar su tasa de apertura en un 19% y la tasa de clics en un 50%. Esto se debe a que los vídeos tienen una probabilidad 12 veces mayor de ser vistos que el texto leído. Con el video, usted puede transmitir un sentimiento o mensaje mucho más rápido que el texto, de modo que los lectores pueden actuar más rápidamente

5. Hunter Original

• Copy: Deja que tu GIF sea el que más hable para que tu copia vaya directamente al grano. Esta copia de correo electrónico simplemente le dice al lector que Hunter tiene un nuevo producto de agua, es hora de comprar.
• Diseño: El GIF muestra los diferentes colores en los que los compradores pueden ponerse sus impermeables, de modo que pueden decidir fácilmente qué color les gustaría hacer el suyo.
• Colocación: Dado que la mayor parte del correo electrónico es un GIF, ya es llamativo. La copia y el CTA se colocan en el centro del correo electrónico para que el lector pueda encontrar rápidamente y tomar medidas sin tener que buscar mucho.

¿Listo para hacer su propio diseño de correo electrónico GIF?
Aquí hay dos guías útiles para aprender a crear un GIF en Photoshop o Canva.

Llevando la animación en sus correos electrónicos un paso más allá, puede tratar de jugar con el diseño de sus correos electrónicos. Escúchame; la gamificación es incorporar un elemento de un juego en tu email, motivando a los usuarios a hacer algo para tener la oportunidad de ganar un descuento o una recompensa.

Si eres un geek del email marketing, revisa el email gamificado de EmailMonk. Ellos fueron los primeros en diseñar un email con juegos, incluyendo un laberinto.

6. EmailMonk

Llevando la animación de tus emails un paso más allá, puedes intentar y jugar con el diseño de tus emails. Escúchame; la gamificación consiste en incorporar un elemento de juego en tu correo electrónico, motivando a los usuarios a hacer algo para tener la oportunidad de ganar un descuento o una recompensa.

7 HD Brows

• Por qué funcionaCopy: Si eres un adicto a las compras como yo, nada te reconforta más que una marca que sabe que quieres comprar. Añadiendo una copia de la CTA para endulzar el trato diciendo: «Te lo mereces». Incluso si no tenía la intención de comprar, no puede evitar hacer clic.
• Esta copia habla perfectamente a su público objetivo de compradores nuevos y actuales, usando el tono de un amigo en lugar de un vendedor. Tener una voz de marca personalizada en sus correos electrónicos llega muy lejos.
• Diseño: El diseño del correo electrónico es muy limpio y sencillo, con imágenes de producto y colores de copia que complementan los espacios en blanco. Yendo un paso más allá para colocar su best seller abajo para facilitar la compra.
• Colocación: La colocación del correo electrónico se lee como una forma de «T» al revés con la copia y CTA se coloca en el punto muerto ya que el texto es el aspecto más importante del correo electrónico. Los productos más vendidos tienen su propio CTA para facilitar la compra.

Coloca tu copia de forma creativa & Tipografía.

No hay ninguna regla que diga que no se pueden usar palabras para diseñar tu correo electrónico. Puedes usar texto para entretener e informar a los lectores sobre tu marca y productos. También puede diseñar la tipografía de sus letras para dar al lector una sensación de urgencia sin usar demasiados trucos de copia o CTA’s.

8 Nordstrom

• Por qué funcionaCopia: Nordstrom no pierde el tiempo con su copia. Los lectores pueden decir de antemano que hay una venta en liquidación y pueden ahorrar hasta un 40% en sus compras.
• Diseño:El color rojo capta la atención de cualquier lector. El rojo se asocia con la emoción, la pasión, el peligro, la energía y la acción. En este correo electrónico, el rojo se utilizó para despertar la emoción y centrar la atención en la venta de Nordstrom.
• Colocación:El uso de la copia y el color se complementan entre sí; este es un excelente ejemplo de cómo utilizar la tipografía en el diseño de su correo electrónico sin hacer que el lector se sienta abrumado.

¿No sabe qué decir? Adopte un enfoque ingenioso para utilizar emoji’s o símbolos o signos de puntuación. Eso es lo que J.Crew hizo con su diseño de correo electrónico.

9 J.Crew

• Por qué funcionaCopia: ¡No hay copia! Esa es la genialidad de este diseño. Sólo un gran signo de exclamación que te lleva en un viaje de desplazamiento a tu amigable CTA.
• Diseño: Blanco y negro con el aspecto sencillo que hace el trabajo. Una copia simple y atrevida que despierta el interés del lector de forma instantánea, llevándole al sitio web de J.Crew.
• Colocación: Añadir una mezcla de urgencia y un toque de misterio es lo que hace que este diseño simple pero efectivo sea un correo electrónico ganador.

10. ¿Qué Tienen en Común Todos estos Correos Electrónicos Ganadores?

Aquí hay algunas claves que puede o no haber notado con estos diseños de correos electrónicos ganadores. Agarre un bloc y tome algunas notas!

1. Escoja un mensaje principal, un tema, y un beneficio en el que quiera que se centre el diseño de su correo electrónico. Intente hacer más de uno y el diseño de su correo electrónico va a sobrevender o confundir a sus lectores. Uno es suficiente (Dos sólo si ya domina el diseño de su correo electrónico).
2. Deje su copia lógica y estéticamente, especialmente si hay mucha copia. Por cada trozo de texto tenga una imagen o color, para que sus lectores no se aburran o sus tasas de clicks empiecen a sufrir. Trate sus diseños de correo electrónico como si fueran diseños de páginas de aterrizaje; se aplican las mismas reglas porque ambos tienen como objetivo convertir a los espectadores en compradores.
3. Gaste tiempo en el diseño de su correo electrónico; el color, las imágenes, los tamaños adecuados y el uso de los espacios. La gente recibe de 10 a 20 correos electrónicos cada día; una vez que pasen las líneas de asunto de su correo electrónico, sólo tiene que hacer un clic para causar una buena primera impresión, haciendo que valga la pena.
4. La salsa secreta para crear un correo electrónico ganador es A/B probando el diseño y la disposición hasta que obtenga los máximos resultados. Sin probar su correo electrónico, no sabrá qué está funcionando y qué no. Deje de disparar a ciegas en la oscuridad y comience a probar A/B sus correos electrónicos.

Resumen

No voy a mentirle, esta no es una guía de un solo tamaño para todos. Si quieres ver los resultados, tienes que tomar cada punto de este artículo y hacerlo tuyo.

Lo que puedo prometerte es que una vez que empieces a practicar un buen diseño de email y a copiar, es como montar en bicicleta. No olvidarás lo básico, y sólo podrás mejorar.

¿Cuáles fueron tus favoritos de nuestros 10 ejemplos de diseño de email ganadores y por qué? Comente abajo – Me encantaría saber de usted.