E-mails animados: 9 dicas e 12 exemplos marcantes

É difícil imaginar a comunicação online sem animações. Usamos GIFs todos os dias para expressar emoções, reagir a algo ou até no lugar de uma mensagem de texto!

Não é de surpreender que os GIFs animados também tenham chegado aos e-mails. Dinâmicos e cheios de vida, eles podem se tornar indispensáveis nas suas campanhas. Mas há muitos detalhes a considerar antes de criar um e-mail animado:

• Quando vale a pena colocar um GIF no e-mail?
• Como inserir um GIF no e-mail?
• Qual deve ser a duração de um GIF?
• O que incluir nele?
• E muito, muito mais.

Não se preocupe: é exatamente isso que vamos ver neste guia. Acompanhe o artigo para conhecer todos os detalhes dos GIFs animados em e-mails e dominar os e-mails animados, turbinando suas campanhas e tornando-as inesquecíveis.

GIFs animados em e-mails: prós e contras

Vamos começar do começo. Os e-mails animados valem mesmo o esforço? Vamos comparar os prós e os contras dos GIFs em e-mails para descobrir.

Os GIFs animados trazem uma série de vantagens para as suas campanhas de e-mail. Por exemplo:

1. Eles trazem movimento. Provavelmente a vantagem mais óbvia das animações é a capacidade de dar vida à mensagem com a sensação de movimento. Os GIFs animados em e-mails chamam a atenção naturalmente: eles prendem o olhar do leitor e deixam a mensagem muito mais viva.
2. Eles animam o texto do e-mail. Sua mensagem em texto simples parece sem graça demais? Dê um tempero com uma animação (ou até passe a informação necessária com um GIF)! Imagens comuns também funcionam muito bem, mas os GIFs animados ajudam a gerar engajamento e a ilustrar o texto do e-mail de um jeito mais vibrante.
3. Eles podem substituir vídeos. Escolha um GIF animado para o seu e-mail sempre que precisar de um pouco de ação, mas um vídeo longo for exagero. Se você precisa só de alguns segundos, e não de um vídeo inteiro, a animação GIF pode ocupar o lugar dele e cumprir a função tão bem quanto (ou até melhor).

Mas, junto com vantagens importantes, os GIFs animados em e-mails também trazem desafios consideráveis:

1. Eles podem ser pesados. Uma única animação GIF tem vários quadros. Quanto mais complexos e volumosos eles forem, mais pesado fica o arquivo. Preste muita atenção ao tamanho: componentes grandes demais no e-mail podem causar problemas de entrega e com os filtros de spam.
2. Nem todos os clientes os suportam. Hoje, a grande maioria dos clientes de e-mail e dispositivos suporta e-mails animados. Mesmo assim, você pode ter obstáculos. Por exemplo, se o destinatário usa uma versão antiga do programa (como o Outlook 2007–2016), os GIFs animados podem travar em um quadro ou nem carregar.
3. Eles podem parecer fora de lugar. Os GIFs não funcionam igualmente bem em todos os tipos de e-mail. Por exemplo, se a sua mensagem tem um tom sério (ou formal), usar GIFs pode parecer pouco profissional e, em alguns casos, até totalmente inadequado.

Quando usar um GIF no meu e-mail?

Depois de pesar todos os prós e contras dos e-mails animados, você pode se perguntar: existe alguma situação em que os GIFs não são só aplicáveis, mas essenciais? Com certeza, e não só uma!

Os GIFs animados em e-mails podem ser exatamente o que você procura se quiser:

• Mostrar a identidade da sua marca. Os GIFs podem ser uma ótima solução para mostrar o estilo da marca e torná-la memorável. As animações dão vida aos seus mascotes e colocam em movimento todos os outros elementos reconhecíveis.

Um ótimo exemplo é este e-mail animado do Headspace, que mostra o seu conhecido estilo minimalista.

• Divulgar produtos novos. Os GIFs animados são perfeitos para apresentar suas novas linhas de produtos em todo o seu esplendor! Aproveite o poder da animação para mostrar o design, as funcionalidades e os diferenciais dos seus produtos de um jeito que imagens estáticas não permitem.

Veja um ótimo exemplo de e-mail animado da Warby Parker que usa um GIF para demonstrar a nova tecnologia Memory Metal em armações de óculos.

• Anunciar promoções e ofertas. Se você quer criar anúncios marcantes, aposte nos e-mails animados. Seja uma promoção de fim de ano ou uma oferta por tempo limitado, você pode usar GIFs para destacar a ocasião, gerar engajamento e incentivar o assinante a agir.

Veja como a True Grit Texture Supply anuncia a “Snap Sale” usando um GIF animado no e-mail.

• Mostrar seus produtos em ação. Os GIFs animados em e-mails podem servir de guia de uso dos seus produtos ou mostrar sequências dinâmicas de “antes e depois”. Para isso, crie uma pequena animação (ou use um trecho curto de vídeo real) e mostre os produtos no seu melhor.

Por exemplo, este e-mail animado da Rael traz um GIF que mostra a aplicação da sua máscara facial de tecido.

Onde conseguir um GIF para o meu e-mail?

Agora vamos ver como conseguir o componente mais importante do seu e-mail animado: o próprio GIF. Há 3 opções:

1. Use o Blocks. Nosso construtor de e-mails avançado oferece uma enorme biblioteca de GIFs gratuitos para qualquer ocasião! É só abrir a seção “GIF” no Centro de imagens, digitar o que procura no campo de busca e escolher a animação de que mais gostar.

Quer incluir um GIF animado feito sob medida no seu e-mail? Moleza! Depois de preparar o arquivo GIF, arraste e solte-o direto no Centro de imagens, envie-o de uma pasta do seu computador ou cole um URL que leve à sua animação.

2. Por serviços externos. Você pode encontrar GIFs excelentes em serviços específicos como o GIPHY ou até na Pesquisa Google! É uma ótima opção para economizar tempo, mas é preciso ter 2 coisas em mente:

• Sem elementos da marca, esses GIFs obviamente não terão personalidade própria. Por outro lado, podem ser uma boa escolha se você só quer animar a mensagem ou transmitir emoções.
• Alguns GIFs encontrados na Pesquisa Google (e em outros buscadores) são protegidos por direitos autorais e não podem ser usados livremente. Antes de colocar o GIF no e-mail, confira esse detalhe para não violar direitos autorais.

Veja um exemplo visual dessa abordagem: a Heatonist usa um trecho animado de Os Simpsons para ilustrar seu e-mail de boas-vindas.

3. Crie seu próprio GIF. Animações sob medida são o único caminho se você quer mostrar a identidade da sua marca, suas ofertas e outros detalhes exclusivos. Felizmente, existem muitos programas e serviços para criá-las, incluindo o já citado GIPHY, o Photoshop e outros!

9 dicas para e-mails animados

Pronto para criar seus e-mails animados? Vamos ajudar você a tirar o máximo deles! Siga estas 9 dicas eficazes para chamar a atenção dos assinantes e mandar bem no e-mail marketing.

Avalie se você precisa de um GIF no e-mail

Os GIFs são incríveis (e podem até aumentar a taxa de cliques em 26%), mas isso não significa que você precise usá-los o tempo todo. Um GIF animado no e-mail precisa ter um propósito. Caso contrário, vai ser só um enorme desperdício de tempo, espaço e recursos.

Cuidado com o tamanho

Ao criar ou escolher um GIF animado para o seu e-mail, garanta que ele não seja pesado demais. Conteúdo pesado pode prejudicar sua campanha de várias formas. Por exemplo:

• O tamanho do conteúdo afeta o tempo de carregamento do e-mail, o que é especialmente perceptível em conexões lentas. Além disso, destinatários com pacote de dados limitado com certeza não vão gostar de gastar boa parte dele com um único e-mail.
• Os clientes de e-mail podem considerar e-mails pesados suspeitos. Mantenha o tamanho do conteúdo razoável para não acionar os filtros de segurança e fugir da pasta de “Spam”.

O ideal é que o seu GIF animado fique abaixo de 1 MB. Assim, ele carrega rápido e consome menos dados móveis.

Veja um ótimo exemplo da Cat Person: o GIF do e-mail é simples e leve, mas continua cheio de vida.

Evite a complexidade

Não é só uma questão de tamanho: o GIF é um formato compactado, e imagens detalhadas demais podem sofrer com artefatos e perda de qualidade. Para evitar isso, mantenha o GIF do e-mail comedido, sem uma infinidade de quadros e visuais complexos demais.

Uma opção é animar só uma parte do GIF (como o fundo ou um elemento específico). Isso economiza tempo e ajuda a destacar detalhes importantes da mensagem.

Veja este e-mail animado discreto, mas excelente, do The New York Times, que apresenta o seu app para celular.

Lembre-se do limite de cores

Os GIFs comuns são limitados a 256 cores por quadro. Para comparar, o JPEG suporta até 16 milhões de cores e gradações. Tenha isso em mente, porque uma imagem estática cheia de centenas de cores simplesmente não vai ficar tão vibrante quando virar GIF.

Por outro lado, formas simples com cores chapadas, sem gradações, funcionam muito bem em animações GIF. Veja um ótimo exemplo da Pelago: a sequência animada usa só 4 cores (branco, preto, cinza e amarelo) sobre um fundo azul.

Capriche no primeiro quadro

Pode parecer surpreendente, mas o primeiro quadro tem um papel muito importante nos GIFs animados em e-mails. Às vezes, mesmo quando a animação não carrega, o primeiro quadro continua visível. Por isso:

1. se você tem algo importante a dizer, coloque no primeiro quadro do GIF;
2. faça o primeiro quadro funcionar como uma imagem independente (do seu produto novo, por exemplo). Assim, se a animação travar, ela ainda vai agradar aos olhos.

Neste exemplo animado de e-mail de reativação do Zoom, o primeiro quadro pode servir como imagem independente se o resto não carregar.

Mantenha uma duração razoável

Como o tempo médio de atenção (acredite se quiser!) é de só 8 segundos, o melhor é manter o GIF do e-mail relativamente curto.

Mas qual deve ser, exatamente, a duração de um GIF em um e-mail? Tecnicamente, não há limite para o número de quadros em um GIF. Mas, considerando o tempo de atenção (e o fato de que cada quadro aumenta o tamanho do arquivo), recomendamos algo entre 2 e 6 segundos para ter o máximo de efeito.

Neste e-mail animado da Artsy, por exemplo, o GIF tem só 3 quadros e passa toda a informação necessária em poucos segundos.

Crie urgência com animações

Procurando um jeito de gerar ainda mais engajamento? Coloque um GIF especial no e-mail e crie senso de urgência! Por exemplo:

• use a imagem de um relógio com os ponteiros girando. Esse pequeno detalhe passa a sensação de que o tempo está acabando;
• crie um timer de contagem regressiva. É uma opção bem mais direta, porque mostra exatamente quanto tempo falta e aumenta ainda mais o senso de urgência.

Veja como a Restream faz isso no seu e-mail animado: a mensagem sobre a “Contagem final” vem acompanhada do timer e de um texto que diz “O tempo está acabando”.

Não exagere na quantidade de GIFs

Já vimos como é importante manter o tamanho e a duração dos GIFs animados em e-mails sob controle. O mesmo vale para a quantidade.

O ideal é usar no máximo 1 GIF por e-mail (ou algumas animações simples). O excesso de GIFs prejudica o visual do e-mail, deixa-o pesado e pode acabar irritando.

Veja um exemplo de e-mail de indicação da Postable com só 1 GIF animado (mas bem chamativo).

Teste seus e-mails e inclua texto alternativo

Para finalizar, adicione um texto alternativo ao seu GIF. Esse detalhe aparentemente pequeno ajuda por 2 motivos:

1. quando a animação não carrega (ou o cliente de e-mail não a suporta), o texto alternativo funciona como “rede de segurança” e aparece no lugar dela;
2. graças ao texto alternativo, o conteúdo do e-mail continua acessível para destinatários com deficiência visual que usam leitores de tela.

E, claro, teste seus e-mails animados em diferentes clientes e dispositivos antes de colocá-los para funcionar. Elimine qualquer problema para garantir a melhor experiência possível.

Conclusão

Quando bem criados e bem usados, os GIFs animados em e-mails podem trazer muitos benefícios para a sua campanha. Estes pontos principais vão servir de cola na hora de criar seus e-mails animados:

• antes de adicionar um GIF animado ao e-mail, defina o objetivo dele e avalie se você realmente precisa de um GIF;
• fique com 1 GIF por e-mail;
• deixe o GIF leve e sem complexidade excessiva;
• lembre-se do limite de cores e crie seus GIFs levando isso em conta;
• dê atenção especial ao primeiro quadro do GIF;
• use GIFs para criar urgência e levar os assinantes à ação;
• teste seus e-mails animados e adicione texto alternativo.

Seja para uma ideia ambiciosa ou só para alegrar a mensagem com uma animação divertida, o Blocks vai ser seu assistente indispensável! Cadastre-se de graça e prepare-se para criar e-mails animados excelentes em questão de minutos.