02 NOV BLOG

27 October 2023

Design for email marketing: how to create impactful and effective messages

Email marketing is an integral part of a strategy and to be successful it is important to pay attention to every detail, including design.

Gabriela Polidoro LimaUX Designer & Content Writer

Quando se trata de chamar a atenção do cliente para o seu produto ou marca através de estratégicas de marketing de comunicação, uma das formas possíveis é o envio de emails. Com a rápida evolução do Marketing Digital e das suas estratégias, é essencial estar atento às tendências e ter em mente as melhores práticas para destacar-se no meio do mar de informações que os utilizadores recebem diariamente.

Boas prática de design para email

1. Remetente

Muitas vezes ignorado, o nome do remetente é um elemento crítico de qualquer email pois agrega credibilidade e deixa o leitor curioso. Dica: mantenha-o pessoal, relevante e curto.

2. Assunto

As pessoas leem os assuntos para filtrar emails irrelevantes, por isso, um assunto bem escrito é uma maneira infalível de se destacar. Dicas:

  • Mantenha-o curto – até 41 caracteres / 7 palavras;
  • Torne-o atraente – desperte curiosidade;
  • Seja transparente – o assunto deve ser fiel ao conteúdo para estabelecer confiança;
  • Divirta – o uso de emojis pode destacar e aumentar a taxa de abertura.

Fonte: unlayer

3. Pré-cabeçalho

O pré-cabeçalho ou texto de visualização introduz o assunto e deve transmitir a proposta de valor para convencer o utilizador a abri-lo. Dicas:

  • Use entre 30 e 70 caracteres;
  • Não repita a linha de assunto, mas torne-a relevante;
  • Agregue valor, interesse ou contexto;
  • Ajuste o comprimento para dispositivos móveis.

4. Cabeçalho

O cabeçalho de um email é a primeira coisa que é vista quando aberto, por isso, deve ser atraente, relevante e gerar curiosidade. Dica: combine texto com imagem.

Fonte: unlayer

5. Conteúdo

Dicas importantes ao escrever no corpo do email:

  • Não exceda 200 palavras;
  • Tenha cuidado com o uso de expressões ou calão;
  • Escolha o máximo de duas fontes, legíveis, sem serifa e entre 14 e 16pt.

6. Imagens

Imagens são sempre uma boa ferramenta para deixar o visual mais atrativo. Dicas:

  • Até 1MB de tamanho para um carregamento mais rápido;
  • Alta resolução para maior impacto;
  • Formato PNG;
  • Prefira imagens exclusivas às de bancos de imagens;
  • O texto sobre a imagem deve ter boa leitura;
  • Inclua texto alternativo para o caso das imagens não carregarem ou serem desativadas.

7. Cores

O uso de uma paleta de cores agradável auxilia na leitura e compreensão. Defina uma paleta de no máximo 3 cores e utilize-a para criar secções ou destacar algo importante. Lembre-se de manter bom contraste entre texto e fundo para garantir a leitura.

Fonte: unlayer

8. Call to Action

O uso de Call to Action (CTA) é extremamente importante para campanhas de email. Dicas:

  • Texto curto, significativo e orientado para a ação;
  • Posicione-o na parte superior do email, alinhado ao assunto;
  • Use tamanho e cor apropriados;
  • Máximo de 2 botões por email.

Fonte: unlayer

9. Rodapé

Essa parte do email também é muito relevante pois é onde os leitores costumam procurar informações como contactos, perfis de redes sociais e link para cancelar a subscrição. Dicas de conteúdo extra:

  • Proposta única de venda ou código de desconto;
  • Missão e valores fundamentais da marca;
  • Localização da loja.

10. Personalização

Misturar tags

Esta ferramenta permite reconhecer o leitor com o seu primeiro ou segundo nome, usuário ou alcunha. Com isso, o leitor sente como se estivesse a ter uma conversa com a marca.

Conteúdo Dinâmico

Outra técnica utilizada para gerar proximidade através da personalização de conteúdo. Um exemplo comum é a exibição de produtos específicos para género ou idade.

11. Disposição

Proporção texto-imagem

O recomendado é seguir a regra 60% texto e 40% imagens para evitar a caixa de Spam.

Equilíbrio de branco

Ter uma quantidade adequada de espaço em branco reduz a fadiga ocular, melhora a legibilidade, proporciona uma aparência mais limpa e permite destaque ao que é essencial.

Equilíbrio espacial

Dispor adequadamente os elementos gera um visual mais agradável e uma leitura mais fluida. Os três layouts mais comuns são: coluna única, pirâmide invertida e ziguezague.

Fonte: unlayer

12. Responsividade

Ao considerar que 46% de todos os emails são abertos em telemóveis, é essencial que o conteúdo possa ser perfeitamente lido quando visualizado neste dispositivo. Dicas:

  • Texto e imagens devem se adaptar ao tamanho do ecrã;
  • Botões CTA devem ser grandes o suficiente para que possam ser clicados com o polegar;
  • O espaço em branco deve estar adequado aos diferentes elementos.

Tendências em 2023

Depois de listar boas práticas na construção de um email, é importante estar atento às tendências de design para transformar uma simples mensagem numa experiência incrível para o utilizador.

1. Gamificação

A gamificação é a prática de integrar elementos de jogos em contextos tradicionalmente não relacionados a isso e transformar a mensagem numa verdadeira experiência de interação. Dicas:

  • Mantenha a mecânica do jogo simples;
  • Forneça instruções claras para incentivar a participação;
  • Personalize a experiência e adapte o desafio e as recompensas às preferências do utilizador;
  • Inclua um CTA para que fique claro qual a ação que espera ser realizada;
  • Certifique-se de que os elementos sejam intuitivos e não escondam a mensagem principal.

Fonte: duolingo

2. Interatividade

Elementos interativos como questionários ou sondagens que solicitam ação do utilizador podem aumentar significativamente o envolvimento. O conteúdo dinâmico, com dados e informações baseadas no perfil do destinatário, oferece uma experiência altamente personalizada. Citar a localização, o nome, as compras anteriores ou histórico de navegação, aproxima o cliente e transmite a sensação de exclusividade.

3. Dark mode

O dark mode tem ganhado cada vez mais adesão por parte dos utilizadores e à medida que empresas de email (Gmail, Outlook, Apple Mail, etc.) e dispositivos oferecem essa opção, é essencial garantir que os emails tenham uma ótima aparência nos modos claro ou escuro. Para isso, é importante escolher muito bem as cores, imagens e texto para garantir uma experiência de leitura confortável independentemente da escolha do utilizador. Dicas:

  • Fundo transparente para garantir que a imagem se mistura perfeitamente no fundo;
  • Cores de alto contraste para aumentar a legibilidade;
  • Tons mais suaves ao invés de preto ou branco puro para garantir mais conforto visual.

Fonte: litmus

4. Acessibilidade

Criar emails acessíveis a diversos públicos é, além de uma medida ética, estratégica, pois ajuda a alcançar um público mais amplo e promove a inclusão. Dicas:

  • Email bem estruturado;
  • Tamanhos de fonte maiores e facilmente legíveis;
  • Contraste de cores suficiente para boa visibilidade;
  • Uso inteligente de espaços em branco.

Fonte: mailtrap

5. Esquemas de cores

A simplicidade de uma única cor ou o contraste de duas cores pode destacar qualquer email. Paleta Monocromática: diferentes tons de uma única cor transmitem harmonia e calma, destacando o conteúdo. Esquemas daltónicos: o seu contraste cria envolvência e guia o olhar do leitor para o que é mais importante.

6. Animações

O uso de sutis animações em loop pode dar mais vida ao email e torná-lo muito mais interessante. Dicas:

  • Equilibre o movimento com elementos estáticos para evitar sobrecarregar o utilizador;
  • Forneça texto alternativo para quem não consegue visualizar;
  • Certifique-se de que sejam compatíveis com diferentes dispositivos;
  • Compacte para que sejam rápidos de carregar.

Exemplos de aplicação:

  • Chamar a atenção para uma informação específica;
  • Demonstrar um processo do início ao fim;
  • Destacar um botão CTA.

Fonte: Adobe

7. Ilustrações

Ilustrações personalizadas podem ajudar a criar uma identidade de marca única além de adicionar uma camada de interatividade aos emails, tornando-os marcantes e mais agradáveis de ler. Dica: crie uma narrativa através de uma série de ilustrações ou animações, em vários emails ou num único para explicar a jornada de um produto, desde a criação até a entrega, por exemplo.

8. Elementos nostálgicos

O tema retro aplicado na tipografia, nas cores e nos elementos pode desencadear memórias positivas e fortalecer a conexão emocional estabelecida entre marca e cliente. Dica: o design deve se manter limpo, legível e compatível com dispositivos móveis para fornecer uma experiência perfeita.

9. Colagens

Combinar fotos, ilustrações e texturas oferece um visual envolvente, além de criar uma identidade de marca poderosa. Dicas:

  • Não sobrecarregue o utilizador, mantenha o equilíbrio e foque na mensagem principal;
  • Mantenha os elementos visuais alinhados e com uma narrativa consistente;
  • Tenha uma hierarquia clara com destaque no que é mais importante;
  • Alinhe o visual à identidade da marca, evitando elementos que possam gerar confusão.

Fonte: Canva

10. Elementos 3D

O uso de 3D pode adicionar profundidade e dimensão ao design, tornando o email mais surpreendente. Dica: adicione interatividade como o paralaxe – quando elementos do fundo e do primeiro plano se movem em velocidades diferentes – e tenha um design ainda mais dinâmico.

Fonte: envato

11. Elementos desenhados à mão e orgânicos

Incorporar elementos desenhados à mão como fontes manuscritas, bordas rabiscadas ou formas orgânicas, comunica sutilmente que existem pessoas reais por trás da marca, o que ajuda a construir uma relação mais próxima e de confiança com o público.

Fonte: Rifle Paper Co.

O marketing por email é e sempre será parte integrante da estratégia de marketing de qualquer empresa e, por isso, para obter sucesso com essa prática é importante estar atento a todos estes detalhes – desde a sua construção até o seu visual – e também estar sempre atualizado às novas tendências.

Tell us the problem. We'll tell you who solves it.

Half an hour of conversation. If it isn't work for us, we say so in that conversation.