Práticas recomendadas de design de e-mail: seus designs são convertidos?

Qual é o desempenho de suas campanhas de marketing por e-mail? De acordo com a Constant Contact, uma taxa média de abertura de e-mail de 34,51 por cento e uma taxa de cliques de 1,33 por cento em 200 milhões de e-mails são comuns em 2023.

Considerando que essas métricas variam de acordo com o setor, se as suas estiverem abaixo da média, um fator a considerar é o design do seu e-mail. Um e-mail bem elaborado atrai o segmento de público que o recebe. Seu e-mail deve ser responsivo, talvez interativo e certamente otimizado para dispositivos móveis.

As práticas recomendadas de design de e-mail nesta postagem do blog serão úteis se você estiver procurando inspiração e dicas úteis para suas campanhas.

Práticas recomendadas de design de e-mail para belas campanhas

Vejamos algumas dicas que provaram funcionar para os melhores profissionais de marketing por e-mail.

1. Teste A/B em tudo

Não importa quão avançados sejam a tecnologia e o design de e-mail: testes A/B sempre serão necessários.

Você tem mais maneiras de testar A/B o conteúdo do seu e-mail do que nunca. Muitas ferramentas de marketing por email possuem automação integrada ou IA que pode comparar seus emails sem que você precise fazer isso manualmente. Essas ferramentas ajudam a identificar as melhores imagens, posicionamento do CTA, linhas de assunto, comprimento do e-mail e até mesmo quando enviar.

O teste A/B garante que sua mensagem seja relevante, orientada para o desempenho e pronta para lançamento.

2. Inclua as informações corretas no rodapé

Um rodapé de e-mail ou bloco de assinatura é uma das partes mais importantes da sua mensagem, mesmo que não esteja acima da dobra. Alguns profissionais de marketing usam rodapés genéricos, sem fazer nenhum favor a si mesmos.

Então, o que você deve incluir no rodapé do seu e-mail? Aqui estão algumas ideias:

• Links de suporte: você pode usar esta seção para solicitar feedback sobre seu e-mail (a menos que seja enviado de um endereço de e-mail sem resposta) ou fornecer links de suporte para que clientes ou leads possam obter respostas para suas perguntas.
• Links de referência: um rodapé de e-mail é o local ideal para links de referência, especialmente se o seu programa de indicações for novo e você estiver divulgando o assunto.
• Link do aplicativo: incentive mais downloads e engajamento de aplicativos incluindo um link para seu aplicativo na Google Play Store e na Apple App Store no rodapé do seu e-mail.
• Links de mídia social: crie botões de mídia social para as principais plataformas, incluindo Facebook, LinkedIn, Twitter, Instagram e YouTube. Adicione hiperlinks a cada botão.
• Link do site: não custa nada adicionar um link extra para o seu site no rodapé. No entanto, se o seu rodapé já tiver muitos links, você pode omitir este.
• Informações legais: Você deve incluir uma declaração legal sucinta, mas completa, incluindo um link de cancelamento de assinatura, declarando que não compartilhará informações pessoais. Explique seus termos e condições nesta declaração legal e considere consultar um advogado para revisão.

3. Um design minimalista é bom

Qual deve ser a aparência do seu e-mail? Essa é a pergunta de um milhão de dólares e não há uma resposta correta.

O design do seu e-mail irá variar dependendo do produto ou serviço que você está promovendo e do seu público. No entanto, independentemente do design, pode certamente beneficiar de um toque de minimalismo. Muitos novos profissionais de marketing por e-mail presumem que seu e-mail deve ter todos os recursos visuais para atrair uma alta taxa de abertura e cliques.

Na verdade, acontece o contrário, pois uma mensagem desordenada parece spam e pode acabar na lixeira. Não tema o espaço em branco. Isso torna os elementos visuais do seu e-mail mais impactantes e dá espaço para esses elementos respirarem.

Também pode ajudar na otimização móvel, garantindo que os elementos visuais não sejam empilhados uns sobre os outros ou carregados incorretamente.

Leia também: 15 modelos de e-mail de introdução que funcionam perfeitamente

4. Use conteúdo dinâmico

O conteúdo dinâmico está causando sucesso no marketing por e-mail, e com razão.

Como o nome sugere, o conteúdo dinâmico muda de acordo com o público. Este tipo de email permite que você crie conteúdo personalizado para seus grupos de público sem enviar milhares de emails por dia.

Uma boa ferramenta de marketing por e-mail o ajudará a utilizar ao máximo o conteúdo dinâmico, pois segmenta e pontua seu público automaticamente. Você também pode automatizar a inclusão de elementos de conteúdo dinâmico, como pesquisas com clientes, mensagens de carrinho abandonado, ofertas de produtos ou serviços e recomendações.

5. Verifique novamente se há erros gramaticais e ortográficos

Quer você tenha escrito o e-mail sozinho ou usado uma ferramenta de marketing por e-mail, você deve sempre ter pelo menos outro par de olhos lendo o conteúdo antes de clicar no botão “enviar” (ou “agendar” se estiver usando uma ferramenta de automação de marketing) .

Erros gramaticais e ortográficos são embaraçosos e reduzem sua confiabilidade. Você pode usar uma extensão Grammarly ou até mesmo ChatGPT para encontrar erros na cópia. Hoje em dia é tão fácil detectar esses erros que não temos desculpa para enviar um e-mail com uma cópia menos que perfeita.

6. Priorize a otimização mobile

O FluentCRM relata que 41% das visualizações de e-mail vêm de dispositivos móveis. Seus e-mails devem ser otimizados para dispositivos móveis para serem exibidos corretamente em smartphones e tablets.

Modelos de e-mail responsivos a dispositivos móveis são comuns, mas verifique se o seu está otimizado antes de enviar mensagens. Todos os elementos da sua campanha de email marketing devem ser otimizados para dispositivos móveis, incluindo seu site e páginas de destino.

Leia também: Modelos de e-mail de integração para novos clientes e funcionários

7. Torne suas mensagens compatíveis com o modo escuro

O modo escuro está mais popular do que nunca, com 81,9% dos usuários móveis a favor dele, diz EarthWeb. É mais agradável aos olhos do que fundos brancos e não consome tanta bateria do dispositivo móvel.

A maioria dos clientes de e-mail oferece suporte ao modo escuro, oferecendo inversão parcial ou total de cores. Aqui estão algumas dicas para otimizar seus e-mails para o modo escuro:

• Torne seus ícones e botões de CTA compatíveis com o modo escuro
• Limite as cores saturadas, favorecendo tons mais claros e suaves para evitar aspereza visual
• Salve seus logotipos e outros gráficos como PNGs transparentes
• Crie um contorno translúcido ao redor de todo o texto escuro em PNGs transparentes
• Teste seus e-mails

8. Cuidado com o seu tom

Seu tom é um elemento da sua marca. Seu público espera que seus e-mails mantenham o mesmo tom usado em seu site e nas redes sociais.

Dito isso, você pode mudar o tom dependendo do seu público. Por exemplo, um público mais jovem apreciará um tom informal, enquanto um público mais velho poderá gostar de uma mensagem escrita de forma mais formal.

9. Pense no layout do seu e-mail

Seguir um design de e-mail convencional ajudará sua campanha a ter melhor desempenho. Suas opções incluem design em zigue-zague, pirâmide invertida ou design de uma coluna.

Aqui está uma visão geral de cada estilo de design.

• Zig-zag: A alternância de imagens e texto chama a atenção em zigue-zague, daí o nome. Apresente suas informações da esquerda para a direita para acompanhar como o olho se move naturalmente ao consumir informações.
• Pirâmide invertida: Uma pirâmide invertida é uma ótima escolha se sua mensagem tiver um objetivo, como apresentar um novo produto. Você apresenta primeiro uma imagem grande, depois o corpo do e-mail e um botão de CTA, criando o formato de uma pirâmide invertida.
• Uma coluna: um design de uma coluna é versátil, com um bom equilíbrio entre imagens e texto. É compatível com dispositivos móveis, espaça adequadamente os elementos do e-mail e facilita a leitura fácil e rápida.

Leia também: 18 ideias de tendências para campanhas de marketing por e-mail [+ modelos]

10. Opte por GIFs

GIFs estão por toda parte hoje em dia. Podemos publicá-los em respostas nas redes sociais, enviá-los por mensagens de texto e incluí-los em e-mails. A seleção de GIFs em vez de vídeo dá aos seus e-mails um elemento animado sem torná-los grandes e lentos para carregar.

Dito isto, você deve controlar o tamanho do seu GIF. Não envie arquivos com mais de 1 MB.

11. Incorpore seus vídeos

Do Thunderbird ao Outlook e Gmail, aguardamos ansiosamente o dia em que os clientes de e-mail reproduzirão automaticamente vídeos em um e-mail. Até vivermos nessa época, sempre poderemos usar HTML5, pelo menos com a maioria dos clientes de e-mail.

HTML5 nos permite incorporar vídeos em uma mensagem. O vídeo será exibido como uma imagem com um botão de reprodução. Quando o leitor clica no botão, ele pode começar a assistir ao vídeo. O link do vídeo está hospedado no seu site ou servidor, não no cliente de e-mail.

Às vezes, os GIFs não conseguem transmitir sua mensagem, especialmente ao lançar um novo produto ou serviço. É aí que as incorporações de vídeo são úteis.

12. Adicione algum conteúdo gerado pelo usuário

Uma das melhores maneiras de construir confiança em sua marca é por meio da prova social. Você pode divulgar sua marca até ficar triste, mas isso sempre significará mais vindo de seus clientes.

O conteúdo gerado pelo usuário, ou UGC, vem do seu público. Você não pede que eles produzam; eles fazem isso porque estão genuinamente entusiasmados com seu produto ou serviço e desejam compartilhar suas experiências positivas com outras pessoas.

Exemplos de UGC incluem postagens em mídias sociais, vídeos, imagens, comentários e avaliações postadas em um site de terceiros, como o blog de um cliente. Ao encontrar UGC para sua marca, entre em contato com o criador do conteúdo e pergunte se você pode compartilhá-lo em seus e-mails.

Leia também: Como criar ótimos boletins informativos por e-mail em 2023 [com 7 modelos gratuitos]

13. Verifique seus links

Quer seus e-mails tenham dois ou 20 links, você deve verificá-los antes de enviá-los ao seu público.

Clique em cada link, garantindo que você seja levado à página correta. Corrija quaisquer links com erros de digitação que possam causar um erro ao clicar e exclua todos os links inativos.

14. Observe a proporção entre texto e imagem

Outra consideração ao construir o design do seu e-mail é a proporção entre imagem e texto. Um e-mail bem projetado também não deve conter muito. A proporção requer 60% de texto e 40% de imagens.

Enviar e-mails com uma proporção instável de texto para imagem não prejudica apenas sua campanha do ponto de vista do design. A maioria dos provedores de serviços de Internet provavelmente pensará que seus e-mails são spam.

15. Priorize os canais de CTA

Seus botões de CTA devem se destacar para que suas mensagens tenham sucesso. O botão deve ter espaços em branco suficientes; os visualizadores podem facilmente diferenciar o botão de outros elementos visuais em seu e-mail.

A cor deve ser distinta e contrastante, mas não agressiva aos olhos, seja vista no modo claro ou escuro. Quanto mais alto acima da pasta estiver o botão CTA, melhor. Um bom lugar para inserir o botão é no cabeçalho do seu e-mail, mas não pare por aí.

Você também pode adicionar um segundo botão próximo ao rodapé, especialmente se tiver uma mensagem longa ou com muitos elementos visuais que exigem rolagem.

Leia também: Exemplos de e-mail de marcas populares para inspirar você

16. Adicione conteúdo interativo

Outra ótima prática recomendada é usar conteúdo de e-mail interativo. O vídeo é um exemplo de conteúdo interativo, mas todos esperam isso. Por que não incluir uma pesquisa ou enquete incorporada durante sua próxima campanha por e-mail?

Você também pode usar um botão adicionar ao carrinho, recursos de acordeão para expandir e retrair suas mensagens, oferecer revelações, efeitos de rollover, carrosséis de produtos, opções de pesquisa e animações, como botões de CTA animados.

Esses elementos exigem mais tempo e esforço para serem integrados em suas mensagens, mas devem ter um efeito positivo.

17. Sempre tenha algum texto em seus e-mails

E-mails somente com imagens podem deixar um gosto ruim na boca do seu público. Considerando a frequência com que as pessoas acessam seus e-mails em um dispositivo móvel, você deve pensar que nem sempre elas terão acesso a uma conexão confiável com a internet.

E se suas imagens não carregarem? Não é o fim do mundo se suas mensagens tiverem outros elementos como vídeo e texto. No entanto, um e-mail somente com imagem parecerá estranhamente vazio. Seus leads ou clientes podem presumir que você o enviou acidentalmente.

Esse hábito pode gerar cancelamentos de assinaturas e reclamações de spam, então não se arrisque.

18. Escreva bons CTAs

Embora você não precise de muita cópia com um botão de CTA, cada palavra deve ser hermética e significativa. Escreva frases de chamariz com foco nos benefícios, mantendo-as específicas. O botão CTA também deve indicar para onde os usuários irão se clicarem.

Você não pode dizer “clique aqui”, pois isso não é específico o suficiente. Em vez disso, você pode escrever “clique aqui para saber mais sobre [nome do produto]” ou “faça seu pedido hoje”.

Os leitores sabem para onde você os está direcionando em ambos os casos. No primeiro exemplo, você os leva para uma landing page e, no segundo, para uma página de produto.

Leia também: 12 modelos de fatura por e-mail para personalizar e clicar em enviar

19. Considere o tamanho do seu CTA

Discutimos o valor do espaço em branco e da cor para um botão de CTA, mas e quanto ao seu tamanho? Um bom tamanho para um botão CTA é 50 pixels. É grande o suficiente para que seus leitores não possam perdê-lo, mas não tão grande a ponto de prejudicar os outros elementos do seu e-mail.

20. Use etiquetas de mesclagem

Aqui vai uma dica de personalização para você. Use etiquetas de mesclagem, que extraem dados da lista de e-mails para suas mensagens. Você terá mais dados de clientes e leads, incluindo nome completo, apelidos e nomes de usuário.

Será mais fácil personalizar sua correspondência e fazer com que suas mensagens pareçam mais personalizadas.

21. Saiba qual codificação de e-mail móvel usar

Você pode selecionar entre duas opções de codificação para seus e-mails otimizados para celular: híbrido ou responsivo.

A codificação híbrida possui um layout que muda com fluidez dependendo do tamanho da tela. Se um usuário abrir o e-mail no iPad, ele ficará tão bom quanto no iPhone. E-mails responsivos utilizam CSS e consultas de mídia para modificar estilos para que o e-mail fique bem em uma tela menor.

Leia também: 27 exemplos de e-mail de confirmação para satisfação do cliente

22. Escreva o Alt Text nas imagens do seu e-mail

Sempre que usar imagens, você também deve incluir texto alternativo. Este breve descritor do conteúdo da imagem fornece contexto caso suas imagens não carreguem e pode impedir que o público do seu e-mail cancele a inscrição.

23. Escolha suas fontes com cuidado

Embora você possa ser florido em muitos aspectos do design do seu e-mail, a fonte não é um deles. Os clientes de email têm suas fontes preferidas, como Times New Roman para Outlook, Arial para Gmail e Helvetica para Apple Mail.

Outras fontes são seguras para a maioria dos clientes de e-mail, incluindo:

• Impacto
• Verdana
• Trebuchet MS
• Tahoma
• Linótipo Palatino
• Lúcida Grande
• Lucida Sans Unicode
• Lucida Consola
• helvética
• Geórgia
• Correio Novo
• Comic Sans MS
• Arial Preto

No entanto, é uma boa prática utilizar um substituto de fonte, que informa ao cliente de e-mail uma fonte secundária para usar caso não consiga exibir a opção original.

Leia também: Domine todos os principais tipos de campanhas de marketing por e-mail

24. Evite banco de imagens

Imagens de banco de imagens são aceitáveis, mas lembre-se de que elas não são originais para sua campanha de marketing por e-mail. Qualquer pessoa, incluindo seus concorrentes, pode obtê-los pagando uma taxa de licenciamento.

Os consumidores são experientes e podem se lembrar de ter visto uma imagem de algum lugar antes. Usar imagens de banco de imagens faz com que você pareça menos confiável, então priorize as imagens originais sempre que puder. Imagens originais mantêm o seu público envolvido e são uma extensão da sua marca.

25. Observe o tamanho das imagens do seu e-mail

Maior nem sempre é melhor, como acontece com imagens em e-mails. Uma imagem grande carrega mais lentamente, especialmente se for de alta resolução. Uma imagem não deve exceder 1 MB como PNG (deve ser menor em outros formatos como JPG) e não deve ter mais que 1200 px.

26. Chame a atenção com o cabeçalho

O cabeçalho do email é a primeira indicação do que esperar ao abrir seu email, então você deve torná-lo bom. Um cabeçalho pode utilizar imagens, texto ou ambos, com um título memorável que toca nas emoções do leitor, mas nunca o engana.

Suas descrições após o título devem dizer ao leitor o que ele espera à medida que continua lendo, sem revelar tudo. O objetivo é informar e incentivar.

Leia também: Emails de reengajamento 101: um guia [com modelos]

27. Cuidado com a largura do seu e-mail

Você não quer que seus e-mails se estendam além da página, o que causará problemas de renderização e fará com que seus e-mails pareçam desagradáveis. A maioria dos clientes de e-mail suporta larguras de e-mail de 640 pixels, portanto, mantenha o seu dentro desse limite para um envio mais seguro.

28. Use marketing contextual

O marketing contextual confere ao seu e-mail um elemento humano e de personalização. Esta forma de marketing utiliza um elemento individual para aumentar o envolvimento entre sua marca e o leitor.

Os elementos personalizados desses e-mails tornam difícil resistir a eles, e seu público apreciará como o conteúdo é personalizado.

29. Adicione pré-cabeçalhos

Não se esqueça dos pré-cabeçalhos, que são um texto de visualização do que está dentro do seu e-mail. Verifique seus e-mails agora mesmo e você verá várias palavras de texto de pré-cabeçalho de qualquer e-mail profissional em sua caixa de entrada.

O texto do pré-cabeçalho é sua chance de incentivar o público a abrir a mensagem. Novamente, não use texto enganoso e com spam, pois terá o efeito oposto.

Leia também: Segredos e modelos para um e-mail de lembrete suave e perfeito

Conclusão

O design do email evolui constantemente de acordo com as preferências do consumidor, mas algumas práticas recomendadas permanecem.

Eles incluem usar a quantidade certa de equilíbrio de branco, seguir a proporção imagem-texto, projetar bons CTAs e posicioná-los adequadamente, priorizar a legibilidade por meio de fontes e testes A/B.

Agora que você sabe do que suas campanhas de email marketing precisam, está pronto para começar a criar emails melhores! Inscreva-se no EngageBay se quiser uma solução interessante de marketing por e-mail que venha com um CRM integrado gratuito.