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.