Los GIFs en los correos electrónicos serán de gran utilidad si quieres mostrar tu producto, llamar la atención de los usuarios sobre ciertos elementos, o simplemente decorar ligeramente tu texto.
En este artículo, hemos proporcionado algunos de los mejores ejemplos de animación gif en correos electrónicos.
Ejemplos de GIFs animados en correos electrónicos
Aquí tienes una recopilación de los mejores ejemplos con GIFs en correos electrónicos. Cada GIF cumple su misión.
1. Adidas
(Fuente: Correo electrónico de Adidas)
Adidas utilizó animaciones en el correo electrónico para mostrar las opciones de color que tienen. Se ve limpio y simple, pero impresionante.
Los GIFs ahorran mucho espacio en los correos electrónicos promocionales.
2. Stripo
(Fuente: Correo electrónico de Stripo)
Las animaciones para los correos electrónicos son mucho más que algo para alegrar a tus usuarios y captar su atención con su brillo. Por ejemplo, Stripo utilizó un GIF en el correo electrónico para contar la nueva característica del producto.
3. Ghirardelli
(Fuente: Correo electrónico de Ghirardelli)
Como dijimos anteriormente, puedes usar GIFs en los correos electrónicos para mostrar una gran variedad de tus productos. En lugar de construir 2-3-8 grandes banners brillantes, puede poner todas las fotos de los productos necesarios en un GIF. Esta es una buena manera de mantener los correos electrónicos cortos, pero llenos de fotos útiles.
4. Chubbies
(Fuente: Correo electrónico de Chubbies)
Chubbies siempre encuentra una manera de destacar, incluso cuando tiene que demostrar cómo dar la vuelta a sus nuevas chaquetas. Creo que es interesante y al mismo tiempo es útil para el público potencial.
5. Forever 21
(Fuente: Correo electrónico de Forever 21)
Un maravilloso ejemplo de los descuentos del Black Friday ¡Parece elegante e intrigante! ¿Qué más necesitas para llamar la atención del cliente?
6. CB2
(Fuente: Really Good Emails)
CB2 utilizó una forma divertida de promocionar sus servicios. Venden muebles y decoración para el hogar, y mediante este GIF informaron a los clientes sobre el envío gratuito. El GIF cumple con los requisitos de los correos electrónicos, y este divertido perro definitivamente hará sonreír al usuario que abra el correo electrónico.
7. Cuarzo
(Fuente: Really Good Emails)
¿Te gusta leer? Quartz se ha asegurado de que puedas ver el contenido del libro inmediatamente cuando abras su nuevo correo electrónico. Aquí podrás ver si el tipo de letra de este libro te conviene, y también entenderás si te gusta su contenido. La decisión de compra es más fácil cuando ves todos los detalles del producto.
Importante: si la animación fuera un poco más lenta, eso haría que el GIF fuera aún mejor.
8. Monica Vinader
(Fuente: Correo electrónico de Monica Vinader)
Aunque está demostrado que los vídeos aumentan la conversión, hay que tener en cuenta un dato más: los clientes no siempre tienen tiempo para verlos. Mónica Vinader encontró una alternativa y animó la imagen, para mostrar tanto su producto como cómo se ve en la vida real en la mano de la modelo.
9. Alit
(Fuente: Really Good Emails)
Alit demostró una gran manera de presentar su nuevo producto utilizando un GIF animado en sus correos electrónicos. Si no hubieran utilizado el GIF en su mensaje en lugar de un texto habitual, la descripción del producto habría sido aburrida de leer. Y la gran mayoría de sus suscriptores no habrían notado este nuevo vino.
Así, se ve que en algún momento es bastante razonable animar el texto para una breve introducción o un manual. Esto hará que los destinatarios vean su mensaje hasta el final.
10. Loft
(Fuente: Pinterest)
Hace unos meses, publicamos un artículo sobre cómo crear una campaña de teaser email efectiva. Y los GIFs juegan un papel esencial en ella.
11. Stripo
(Fuente: Correo electrónico de Stripo)
Los temporizadores por sí mismos llaman la atención de los usuarios. Pero es posible que quieras añadir animaciones GIF de correo electrónico en algún lugar cerca de los primeros para asegurarte de que los usuarios se fijan en los segundos.
12. Lyft
(Fuente: Really Good Emails)
Así de divertido retrata Lyft su producto con un patinete eléctrico. La animación complementa con sencillez y gracia el importante texto, y además se puede ver el propio vehículo desde todos los lados.
13. Everlane
(Fuente: Correo electrónico de Everlane)
Cuando quieres llamar la atención de los clientes sobre un problema que has planteado en un mensaje, tienes que asegurarte de que el texto llame la atención. Animar este último en el correo electrónico es una especie de garantía de que será leído. ¡Everlane lo ha conseguido!
14. Charity Water
(Fuente: Correo electrónico de Charity Water)
En este correo electrónico animado, Charity Water utilizó el GIF como imagen en miniatura del vídeo para asegurarse de que los usuarios se fijaran en el vídeo explicativo del correo electrónico.
Importante:
Con Stripo, puedes añadir cualquier imagen en miniatura personalizada a tus vídeos.
Para el manual, por favor refiérase a la entrada del blog dada a continuación.
15. Chubbies
(Fuente: Correo electrónico de Chubbies)
Chubbies utilizó este divertidísimo GIF para llamar la atención de los usuarios sobre sus enormes rebajas. Una buena alternativa a los grandes banners con el importe del descuento en ellos.
Requisitos y recomendaciones para el GIF en los correos electrónicos
Son pocos, pero muy importantes:
Tamaño
El tamaño óptimo de una imagen GIF para un correo electrónico varía entre 500 KB y 1 MB. Si el tamaño del GIF es mayor, el GIF puede tardar en cargarse. Por ello, se recomienda comprimir el archivo antes de añadirlo al correo electrónico.
Velocidad
No hagas tus GIFs demasiado rápidos: tres cuadros por segundo, como máximo. De lo contrario, los GIFs pueden provocar convulsiones a las personas que sufren de epilepsia fotosensible.
Importante:
No es necesario animar banners enteros. Puedes "revivir" sólo algunos elementos de la imagen. Y el GIF no perderá su belleza.
(Fuente: Really Good Emails)
Cantidad
No utilices más de un GIF en un mismo correo electrónico:
- para evitar ataques epilépticos;
- para que el correo electrónico no sea tan pesado y de carga rápida;
- algunas versiones de Outlook acaban de empezar a soportar GIFs. Si hay más de 3 GIFs en un correo electrónico, Outlook no los animará automáticamente. Sólo mostrará el primer cuadro del GIF con el botón de reproducción sobre cada uno de ellos
Recuerda que el correo electrónico debe tener una idea principal, que el GIF muestra. ¿Quieres vender? Muestra la principal ventaja del producto con el GIF. ¿Quieres informar? Haz que tu texto destaque con un fondo animado.
Texto alternativo
¿Sabías que algunos usuarios desactivan deliberadamente la visualización de imágenes y, por tanto, de GIFs? Y a veces los suscriptores tienen un internet lento. Como resultado, no ven el GIF en sí, sino que ven el texto completo. Es importante que describa de forma precisa y concisa el contenido de la imagen.
También es importante añadir texto alternativo por razones de accesibilidad al correo electrónico.
El primer fotograma es la clave
Dado que algunos clientes de correo electrónico no admiten los GIF, sino que sólo muestran el primer fotograma de su GIF, es importante que el primer fotograma transmita la idea principal de su campaña de correo electrónico.
Clientes de correo electrónico que admiten GIFs
La mayoría de los clientes de correo electrónico actuales admiten imágenes GIF. Sin embargo, hay excepciones: Microsoft Outlook 2007-2016 y Windows Phone 7 no muestran las animaciones, sino el primer fotograma del GIF. Diseñe los GIFs teniendo esto en cuenta: recuerde que el primer fotograma debe transmitir la idea principal del GIF.
Clientes de correo electrónico que admiten GIFs:
Clientes de escritorio
- Lotus Notes (6, 7, 8);
- Outlook 2000-2003;
- Outlook for Mac;
- Apple Mail;
- Windows 10 Mall;
- Outlook 365.
Clientes de correo web
- Gmail;
- G Suite;
- Yahoo!Mail;
- AOL;
- Outlook.com;
Clientes móviles
- iOS Mail;
- Android (native);
- Android (Gmail);
- Blackberry.
Reflexiones finales
Los GIFs en los correos electrónicos son una forma de:
- mostrar tu producto desde diferentes ángulos o en toda su diversidad;
- mostrar las formas de utilizarlo;
- lamar la atención sobre la idea principal del correo electrónico;
- animar un botón CTA (Call To Action);
- simplemente animar a tu cliente.
¡Sé creativo y dale vida a los correos electrónicos con animaciones brillantes!
12 comentarios