GIFs animados são uma das formas mais fáceis de adicionar movimento a um e-mail. Eles podem mostrar um produto de vários ângulos, demonstrar um recurso ou simplesmente dar um toque divertido a uma saudação. Nossos modelos de e-mail com GIF são criados para fazer esse movimento valer a pena, posicionando a animação onde ela reforça a mensagem em vez de distrair dela.
Por que usar modelos de e-mail com GIF
A maioria dos e-mails é estática, então o movimento chama a atenção imediatamente. Usado com propósito, um GIF pode explicar algo mais rápido do que um parágrafo de texto e dar aos leitores um motivo para continuar rolando a página.
- Mostre em vez de contar. Uma animação curta de uma tela de aplicativo ou de um produto em uso comunica valor em segundos.
- Destaque a oferta. Um movimento suave ao redor de um desconto ou botão direciona a atenção para a parte mais importante do e-mail.
- Adicione personalidade. Animações sazonais e ilustrações divertidas deixam as campanhas de datas comemorativas mais festivas e memoráveis.
Trabalhando com GIFs no Blocks
No Blocks, os GIFs são adicionados como qualquer outra imagem: envie o arquivo ou escolha-o na sua biblioteca de imagens, coloque-o em um bloco e defina seu tamanho, link e texto alternativo nas configurações. O resto do modelo continua totalmente editável ao redor dele.
O editor também inclui um elemento de contagem regressiva que gera uma imagem de cronômetro animado, uma forma popular de combinar movimento com urgência em e-mails de vendas.
Ótimos usos para e-mails animados
- Lançamentos de produtos: e-mails de lançamento que revelam um novo item com um giro curto ou um loop de unboxing.
- Vitrines de moda: trocas de looks e variações de cor dos modelos de moda.
- Saudações de datas comemorativas: neve caindo, confete ou corações para campanhas de Natal e Dia dos Namorados.
- Anúncios: e-mails de anúncio em que um banner animado sutil sinaliza uma novidade que vale a pena ler.
Dicas para modelos de e-mail com GIF
- Coloque a mensagem principal no primeiro quadro. Algumas versões do Outlook exibem apenas o primeiro quadro de um GIF, então ele precisa fazer sentido sozinho.
- Mantenha o tamanho do arquivo pequeno. Limite cores, dimensões e número de quadros, já que GIFs grandes carregam devagar em conexões móveis.
- Use uma animação principal. Vários GIFs competindo entre si deixam o e-mail com aspecto carregado e diluem a chamada para ação.
- Escreva texto alternativo. Descreva o que a animação mostra para leitores que desativaram as imagens ou usam leitores de tela.
- Evite piscar rapidamente. Piscadas rápidas e de alto contraste podem ser desconfortáveis ou prejudiciais para alguns leitores, então mantenha o movimento suave.
Quer se aprofundar no design de movimento para e-mail? Nosso guia de e-mails animados aborda formatos, tamanhos e ideias criativas, e o artigo sobre GIFs de cronômetro de contagem regressiva mostra uma das animações mais práticas em ação.
A animação deve sempre apoiar um objetivo claro. Antes de adicionar um GIF, pergunte-se o que ele ajuda o leitor a entender ou fazer. Se a resposta não for óbvia, uma imagem estática bem escolhida pode servir melhor ao e-mail e carregar mais rápido.
Também ajuda planejar as animações com as diretrizes da sua marca em mente. Estilos de movimento consistentes, como a mesma suavização, cores e duração de loop entre campanhas, fazem os e-mails animados parecerem uma parte reconhecível da sua identidade, em vez de decorações aleatórias.
Ao criar seus próprios GIFs, exporte-os exatamente na largura em que vão aparecer no e-mail, em vez de reduzir um arquivo enorme no layout. Alguns segundos de animação em loop costumam ser suficientes, e menos quadros geralmente parecem mais suaves do que se espera, mantendo o arquivo leve.
Obtenha modelos gratuitos de e-mail com GIF
Escolha um modelo acima, adicione sua animação e confira o e-mail no computador e no celular antes de enviar. Um único GIF bem posicionado pode transformar uma campanha comum em uma que as pessoas realmente param para assistir.