O Guia Definitivo de Design de E-mail em 2024

Você pode pensar que o e-mail é um meio que está morrendo, mas de acordo com um relatório do Campaign Monitor, seus clientes enviaram 13 bilhões mais e-mails em 2020 do que em 2019, mais de 100 bilhões no total. Fazer seus e-mails se destacarem da multidão não é tarefa fácil com toda essa competição.

Um bom design de e-mail pode ajudá-lo a quebrar o gelo com leitores potenciais e captar a atenção deles, logo de cara.

Com o design certo, você pode capturar a imaginação de seu leitor, envolvê-los e pressioná-los a pressionar “comprar agora” em seu produto ou serviço.

Caso você não esteja certo do que constitui um bom design — não se preocupe. Isso é o que vamos cobrir neste guia. Especificamente, nós lhe ensinaremos como melhorar seus designs de e-mail e até mesmo lhe mostraremos 26 exemplos para inspirá-lo.

O que torna eficaz um Design de E-mail?

Mais de 90% da população dos Estados Unidos usam e-mail atualmente. Portanto, é claro, não há um estilo perfeito de design de e-mail que atraia a todos.

No entanto, alguns conceitos universais podem ajudá-lo a projetar e-mails eficazes consistentemente. Gostamos de chamá-los de “os três C”.

• Claro: o objetivo do e-mail é evidente de imediato
• Cativante: o e-mail capta a atenção do leitor e desperta seu interesse
• Criativo: o e-mail é único e se destaca de outros e-mails de marketing

Vamos olhar para um exemplo premiado para ver como os três C são na vida real.

Este e-mail de marketing da HP Instant Ink ganhou um prêmio IAC para a “Melhor Campanha de Mensagem de Tecnologia por E-mail” em 2021.

A logo da Instant Ink e a manchete enfatizam a ideia de tinta enviada para sua casa.

É cativante — com uma mistura de ilustrações, cores e uma grande imagem em destaque, ele prende sua atenção.

É criativo — não o foco nos cartuchos de tinta, mas o fato de que o serviço chega até a sua porta.

Você não precisa da ideia mais surpreendente de todos os tempos para criar um bom design. Comece por avaliar seus e-mails existentes e encontrar coisas para melhorar.

Você deve considerar:

• Como seus e-mails se acumulam contra os três “C”
• Sua taxa de click-Through (CTR). Para referência, a CTR média varia de 2,6% a 2,34%
• Caso seus e-mails o ajudam a atingir seus objetivos
• Caso seus e-mails direcionam tráfego para o seu site

Ao criar e-mails e campanhas, continue construindo sobre o que você aprendeu.

Nós também temos você coberto com dicas e melhores práticas que você pode começar a usar imediatamente se você estiver começando do zero.

11 melhores práticas de Design de E-mail crucial

Aqui estão onze melhores práticas que todos os profissionais de marketing por e-mail devem seguir. Você também pode considerar as melhores práticas de e-mail marketing, quando você estiver se concentrando no lado do marketing do e-mail.

1. Crie uma linha de assunto forte

A linha de assunto é sua chance de causar uma primeira impressão em seu leitor com um efeito único nas tarifas abertas. Enquanto a taxa média de e-mails abertos varia de 18-22%, alguns marqueteiros recebem suas taxas abertas de até 57% apenas otimizando a linha de assunto.

Basicamente, as linhas temáticas são cruciais. Para otimizá-las, use uma linguagem concisa e descritiva e inclua uma estatística, número ou “gancho” para chamar a atenção do leitor. Você também deve evitar palavras “spammy” como “grátis” ou “dinheiro fácil”.

2. Fique na Margem

O design do seu e-mail tem impacto na forma como os consumidores veem sua marca, sendo crucial considerar cada elemento do design cuidadosamente. Os elementos de design incluem logotipos, cores, fontes, opções de layout, vídeos, imagens e infográficos.

Para melhores resultados, combine o seu projeto com o seu público. Por exemplo, se você precisar atingir um público B2B, você pode usar elementos de design profissional como cores silenciosas e fontes limpas. Um produto B2C pode usar uma marca mais “casual”.

3. Mantendo o design simples e objetivo

Layouts complicados de e-mails podem confundir os leitores, e quando os leitores se sentem confusos, eles clicam no botão “voltar”. Você deve abraçar um design simples, limpo e minimalista em seus e-mails.

Você também deve usar o mesmo layout e marca em cada e-mail, para que o leitor saiba o que esperar.

4. Estimule o engajamento

Gerar envolvimento dos leitores, incluindo uma forte Call to Action (CTA) em cada e-mail. Selecione cuidadosamente seu texto de âncora, torne seu botão CTA grande e coloque-o estrategicamente para otimizar suas conversões.

5. Dê ao seu conteúdo espaço para respirar

Caso você preencher cada centímetro quadrado da tela do leitor, eles não saberão onde procurar. Use separadores e espaço em branco para atrair os olhos deles para o seu conteúdo e enfatizar componentes críticos como sua CTA ou imagem do produto.

6. Siga o modelo de informação em cascata

Uma informação em cascata (às vezes chamada de pirâmide de informação) apresenta suas informações mais importantes e suas informações menos importantes na parte inferior.

7. Use e-mails responsivos

Você já abriu um e-mail sem poder ver seções inteiras ou imagens? Caso você usar tamanhos fixos, tamanhos variados de tela de dispositivos irão deformar seu design. É por isso que a capacidade de resposta é essencial. Use princípios de web design responsivo para adaptar seu design às proporções ideais para diferentes tamanhos de janelas e telas.

8. Garantindo a acessibilidade

Caso você quer maximizar seu alcance — e satisfazer as diretrizes e leis de acessibilidade — é essencial considerar como pessoas com dislexia, cegueira de cor ou deficiências visuais podem perceber seu e-mail marketing. Para tornar os seus projetos de e-mail acessíveis, use fontes amigáveis à dislexia, texto alt, cores amigáveis ao daltonismo e texto simples que os leitores de tela (como o leitor KNFB) possam ler em voz alta.

9. Otimize para o desempenho

Como a pessoa comum só vê um e-mail por 11 segundos, você precisa se concentrar no desempenho para obter resultados. O ideal é que seu e-mail seja carregado rapidamente e funcione em todos os dispositivos (como em 2021, 54,8% do tráfego da internet vem de dispositivos móveis).

Você também deve rastrear suas conversões para medir a eficácia de seus esforços de marketing e quaisquer novas táticas que você tente.

10. Inclua um link para cancelar a inscrição

Muitos regulamentos exigem o uso de um link para cancelar a inscrição. A regra CAN-SPAM 2003 da Federal Trade Commission (Controlando o ataque à pornografia não solicitada e o marketing (CAN-SPAM)) é um desses regulamentos.

Para garantir que as pessoas possam cancelar a inscrição sem problemas, sempre inclua um link que seja claro, fácil de usar e exibido proeminentemente.

11. Use a autenticação de e-mail

A autenticação de e-mail permite que sua ferramenta de e-mail marketing envie e-mails como seu domínio (assim eles vêm de “yourwebsite.com”, não “via mcsv.net”). O uso de autenticação de e-mail fará com que seus e-mails pareçam mais profissionais.

Exemplos de bons Designs de E-mail

Construir um design criativo e de alta qualidade do zero não é uma tarefa fácil, mesmo que você seja um indivíduo naturalmente criativo. Felizmente, você não tem que começar do zero.

Esta seção irá quebrar 26 exemplos de bons designs de e-mails, destacando o que amamos neles.

E-mails de boas-vindas

E-mails de boas-vindas são a primeira coisa que um cliente recebe de você quando se inscreve na sua lista de discussão. Fazer uma boa introdução é essencial para construir um relacionamento duradouro e envolvente.

Ipsy

O e-mail de Boas-vindas da Ipsy é um exemplo A+ de uma grande introdução. Aqui está o que gostamos sobre isso:

• A Ipsy chamou sua newsletter de e-mail de “refrescos” (o que faz com que se sinta mais como um clube de hobby do que e-mails de marketing)
• O e-mail da Ipsy oferece ao leitor um kit inicial de autocuidado gratuito
• Ipsy combinou as cores no fundo, imagem e embalagem do produto

Under Armor

O e-mail de Boas-vindas da Armor funciona porque a equipe de marketing escolheu imagens e textos temáticos em torno de seu produto. Aqui estão mais algumas coisas que adoramos:

• Sob a logo da Under Armor é a primeira coisa que você vê
• As cores nas imagens combinam e fazem o e-mail pop
• A hierarquia visual do e-mail o faz parecer interessante

Beefree.io

Embora tecnicamente não seja um e-mail de boas-vindas, este e-mail de confirmação BeFree é tão bom que tivemos que apresentá-lo aqui. Por quê? O e-mail mostra perfeitamente o que é possível com o software de design do BeeFree. Aqui estão mais algumas coisas que gostamos:

• A animação é adorável
• As cores pastéis são bonitas, mas não parecem infantis
• BeeFree inclui links para suas mídias sociais
• BeeFree usou seu software para criar o projeto do e-mail

Peloton

O e-mail de boas-vindas do Peloton contém várias seções de texto, mas não parece estar lotado porque eles usaram o espaço branco efetivamente. Nós também gostamos disso porque:

• Peloton usou símbolos para atrair o olhar do leitor para as seções “resistência” e “cadência”
• Peloton começa seu e-mail com uma imagem que lhe dá uma sensação de comunidade
• O e-mail explica o que o aplicativo Peloton faz e ensina o leitor a usá-lo

Evernote

O e-mail de boas-vindas do Evernote serve a dois propósitos: dar boas-vindas ao assinante e ajudá-los a baixar o aplicativo gratuito do Evernote. Nós também gostamos disso porque:

• O e-mail inclui um link para os recursos introdutórios do Evernote
• O botão CTA do Evernote é verde e combina com a cor da marca Evernote
• Evernote incluiu um link para o atendimento ao cliente para os clientes com problemas na instalação do aplicativo

E-mails de abandono do carrinho

Os e-mails de abandono de carrinho são e-mails gerados automaticamente que você envia aos clientes dentro de 24-72 horas após eles abandonarem seu carrinho. Como o re-engajamento do cliente potencial é o objetivo principal destes e-mails, eles precisam chamar a atenção do leitor.

American Giant

O e-mail de abandono do carrinho do American Giant é um excelente exemplo de um design elegante em preto e branco que parece animado. Nós também gostamos disso porque:

• American Giant mostra ao leitor o item em seu carrinho
• Links gigantes americanos para suas mídias sociais
• O e-mail usa o texto de pré-cabeçalho de forma eficaz

Gerry’s

O e-mail de Gerry é o colorido oposto do American Giant. Aqui está o que gostamos:

• O cabeçalho lembra o leitor de seu carrinho abandonado de uma forma criativa
• O e-mail se dirige ao destinatário pelo nome
• As cores são divertidas, mas não avassaladoras

Stetson

O e-mail da Stetson tem um toque amigável que faz com que funcione: a oferta de remessa gratuita. Aqui estão mais algumas coisas que gostamos:

• Stetson usou as cores de sua marca em todo o e-mail
• O e-mail liga o leitor de volta às categorias relevantes da loja
• O CTA indica escassez ao declarar “enquanto durar o fornecimento”

Newsletters

Newsletters são e-mails regulares que atualizam seus clientes sobre novos produtos e serviços, seus últimos conteúdos e trabalhos de caridade. Naturalmente, eles precisam ser informativos, simultaneamente, envolventes.

Shuka Design Bureau

Este e-mail do Shuka Design Bureau é um excelente exemplo de uma newsletter criativo. Aqui está o que adoramos:

• O e-mail apresenta uma história em quadrinhos atraente
• A redação se encaixa no tema dos quadrinhos
• Os quadrinhos usam cores brilhantes e um estilo de arte distinto

Email on Acid

O e-mail na newsletter da Acid também tem uma abordagem única. Gostamos:

• O tema do e-mail do jornal
• O uso do espaço em branco para quebrar o texto
• Que é um grande exemplo de como o e-mail pode desempenhar um papel no marketing de conteúdo eficaz
• O esquema de cores em preto-e-branco

Increment

A Increment adota uma abordagem mais elegante em seu projeto de newsletter. Adoramos:

• A forma como o Increment usa perguntas para incentivar o leitor a clicar em “Read the Issue” (ler a edição)
• A Increment nomeou esta edição de seu boletim “Containers” para dar-lhe um tema
• Como a imagem de cabeçalho com tema de espaço triplo se alinha com o tema

E-mails de férias

Os e-mails de férias captam a atenção do leitor e o incentivam a comprar usando uma oferta especial de comemoração. É tudo sobre capturar a essência do feriado com seu e-mail e promoção.

BarkBox

O “feliz aniversário” do BarkBox envia um e-mail para os clientes, oferecendo-lhes um produto único (um bolo de aniversário para cães). Adoramos como essa abordagem é única, assim como:

• Linguagem engraçada como “abanar delícias” para falar de seus produtos
• A forma como torna claro o preço da oferta, o limite de tempo e as expectativas

Gantri

O e-mail de Gantri habilmente apresenta ao leitor um problema (“ainda procurando o presente perfeito” e posiciona o cartão Gantri como uma solução). Também gostamos disso:

• O e-mail destaca os benefícios do cartão Gantri
• A colocação do CTA bem embaixo do cabeçalho focado no problema

Judy

O e-mail de Judy tem uma abordagem diferente do BarkBox ou Gantri, pois o e-mail de Judy tem como objetivo construir um relacionamento com os leitores. Amamos isso porque:

• O tamanho grande da fonte e o design enfatizam o cabeçalho
• O e-mail inclui mulheres de diferentes origens na imagem de cabeçalho
• Ele usa espaço em branco para destacar o texto

RXBAR

O e-mail de Halloween da RXBAR é assustador e divertido. Gostamos disso:

• O cabeçalho usa um giro divertido em “truque ou travessura”
• O e-mail inclui links relevantes no topo
• O design usa imagens icônicas do Halloween como unhas, morcegos e abóboras de Frankenstein

E-mails para produtos digitais

Os e-mails para produtos digitais são particularmente eficazes nas vendas, já que os clientes recebem acesso ao seu serviço logo após a inscrição através do seu link CTA. O foco deles é, frequentemente, obrigar as pessoas a comprar no local.

Postable

Este e-mail do Postable funciona porque ele aborda o problema do leitor: endereços desatualizados durante as férias. Também gostamos disso porque:

• O CTA do Postable é a primeira coisa que o leitor vê
• O e-mail inclui um gráfico do aplicativo Postable
• Grande uso do espaço em branco para destacar o objetivo principal — conseguir que um usuário atualize seu endereço

MarkUp

Este e-mail do MarkUp é excelente porque ensina aos leitores como usar o MarkUp enquanto vende o software. Nós também o adoramos porque:

• MarkUp usou ícones para acentuar a cópia
• O software do MarkUp é a primeira coisa que você vê
• O CTA está acima da dobra

Digiteforme

O e-mail do Typeform funciona porque ele abre com o Ponto de Venda Único (USP) da empresa – “uma nova maneira de usar o vídeo no marketing”. Nós também gostamos disso:

• O Typeform mostra exemplos de seu vídeo marketing
• O e-mail usa uma fonte acessível
• A imagem usa hierarquia para agarrar o olho do leitor

E-mails de vendas

Os e-mails de vendas oferecem aos assinantes um desconto exclusivo para incentivá-los a comprar. Naturalmente, eles precisam de CTAs poderosos.

GoPro

O CTA neste e-mail da GoPro funciona bem porque a hierarquia do texto faz dele a segunda coisa que os telespectadores vão ler depois da “queda de preços”. Também gostamos disso porque:

• O GoPro usou um esquema de cores que combinava ao longo do e-mail
• Uma imagem maciça do produto destaca o produto
• O e-mail contém duas ofertas: envio grátis e preço mais baixo

MCM

Este e-mail de vendas da MCM é excelente porque usa uma imagem em vez de um pedaço de texto para anunciar a bolsa. Nós também gostamos disso:

• A imagem em destaque mescla ilustração e fotografia
• O botão CTA se destaca
• O e-mail inclui links de lojas no cabeçalho

Modern Mammals

Este e-mail de vendas da Modern Mammals funciona bem porque ele mostra o produto em ação sobre um tiro estático. Nós também gostamos disso porque:

• O e-mail usa múltiplas cores de fonte para ênfase
• A imagem de fundo combina com a embalagem do produto
• O texto enfatiza a USP do produto

Testemunhos & e-mails de revisão

Testemunhos e e-mails de revisão pedem um favor ao leitor, e assim, eles precisam alavancar a lealdade para incentivar o leitor a deixar uma revisão.

G2

O e-mail “review it today” do G2 é persuasivo porque faz o leitor sentir que pode ajudar os outros com sua revisão. Nós também gostamos disso:

• G2 mostra uma série de críticas nas fotos (não apenas positivas)
• G2 mantenha o e-mail breve
• O CTA é descritivo

Target

O e-mail da Target funciona porque é personalizado para cada cliente — pedindo uma revisão e ajudando clientes infelizes a contatar o suporte. Nós também gostamos disso:

• O e-mail usa cabeçalhos como separadores entre blocos de conteúdo
• Os dois botões CTA são de cores diferentes para maior clareza
• Mostra a compra do leitor com uma imagem

Bite

Este e-mail de revisão da Bite tem uma abordagem única, pois oferece a possibilidade de mostrar aos leitores resenhas de outros clientes. Nós também gostamos disso:

• A mordida usou várias tonalidades de verde para criar uma hierarquia
• Links de mordidas para sua página “sobre nós”
• A mordida inclui seu produto na foto

E-mails de marca

Os e-mails de marca dizem aos leitores o “ABC” do seu negócio, incluindo a identidade da sua marca, missão e USP. Naturalmente, eles precisam gerar um profundo interesse na sua marca.

Thinx

Este e-mail de marca da Thinx capta a atenção do leitor ao apresentá-los a um funcionário (Morgs). Nós também gostamos disso:

• Thinx usou uma paleta de cores mate adequada
• A escrita de textos em torno do produto e da missão do e-mail foi tematizada

Wisp

Este e-mail de marca da Wisp funciona porque ele ajuda clientes em potencial a navegar em suas ofertas. Nós também gostamos disso:

• A Wisp usa perguntas para captar a atenção do leitor
• Links da Wisp para seus “favores da comunidade”
• A Wisp usa uma imagem que se mistura com o fundo do e-mail

Como criar seu próprio projeto de e-mail

Agora que você já viu vinte e seis exemplos de bom design de e-mail, você está pronto para colocar seu olho recém treinado para o design funcionar. Aqui estão três maneiras de criar seu design de e-mail:

1. Use o Software de e-mail marketing

Muitas ferramentas populares de software de e-mail marketing têm modelos embutidos que você pode usar. Isto inclui Mailchimp, Contato Constante, SendinBlue, Drop, e HubSpot.

Você pode facilmente usar os modelos deles e os construtores de drag-and-drop para criar seu design único.

Prós:

• Fácil e rápido
• Você pode alterar o texto, as imagens e as partes críticas do template
• Você sabe que seu projeto irá funcionar em desktops e dispositivos móveis
• Você pode usar os mesmos gabaritos várias vezes
• Você normalmente não precisará pagar mais

Contras:

• Estes modelos são feitos para um público alvo amplo (portanto, podem não corresponder ao resto de sua marca)

2. Use uma ferramenta dedicada de Design de E-mail

Ferramentas de software de design de e-mail oferecem modelos de e-mail e recursos exclusivos para criar um design único. Stripo, Chamaileon, BeeFree e Postcards são todas ótimas opções.

Prós:

• Muito fácil de usar para pessoas sem um background de design
• Estas ferramentas têm centenas de modelos (por isso, é fácil encontrar um que se adapte às suas necessidades)
• Personalização total — mudar o layout, cores, imagens, estilo e texto
• Muitos modelos são amigáveis a dispositivos móveis

Contras:

• Você pode precisar pagar para ter acesso a essas ferramentas
• Você precisará baixar seu template e importá-lo para o seu software de e-mail marketing (ou usar uma integração quando disponível)

3. Crie um design personalizado

Finalmente, você pode criar um design de e-mail personalizado do zero com uma ferramenta como Adobe InDesign, VivaDesigner, Scribus, ou simplesmente codificá-lo com HTML e CSS inline.

Prós:

• Seu projeto será único
• Flexibilidade total
• Você pode garantir que seu design seja amigável ao celular e que suas imagens sejam de alta qualidade

Contras:

• O software de design é caro
• Demora muito tempo
• Você precisa de uma sólida formação em design

Resumo

Em 2020, havia mais de 4,03 bilhões de usuários de e-mail no mundo todo, e as pessoas enviavam e recebiam 319,6 bilhões de e-mails diariamente. Naturalmente, destacar-se nas caixas de entrada dos seus assinantes é complicado.

É por isso que um bom design de e-mail é crucial. Chamar a atenção do seu público é o primeiro passo para alimentar o seu relacionamento com os clientes, aumentando a receita e aumentando as vendas de forma eficiente.

Para dominar um bom design de e-mail, certifique-se de que você:

• Use o espaço em branco para ênfase
• Desenvolver visuais de alta qualidade para captar a atenção do leitor
• Use uma cópia clara – especialmente em seu cabeçalho e CTA
• Use uma abordagem de cima para baixo para priorizar o conteúdo
• Seja criativo

Gostaríamos de ouvir tudo o que você sabe sobre um bom design de e-mail. Qual destes designs você mais gostou, e como você cria e-mails únicos para a sua marca? Por favor, diga-nos nos comentários abaixo.