O melhor guia para design de e-mail em 2022
Publicados: 2022-03-23Você pode pensar que o e-mail é um meio em extinção, mas de acordo com um relatório do Campaign Monitor, seus clientes enviaram 13 bilhões de e-mails a mais 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 email pode ajudá-lo a quebrar o gelo com leitores em potencial e atrair a atenção deles logo de cara.
Com o design certo, você pode capturar a imaginação do seu leitor, envolvê-lo e empurrá-lo para pressionar “compre agora” em seu produto ou serviço.
Se você não tem certeza do que constitui um bom design, não se preocupe. É isso que abordaremos neste guia. Especificamente, vamos ensiná-lo a melhorar seus designs de e-mail e até mostrar 26 exemplos para inspirá-lo.
O que torna um design de e-mail bom?
Mais de 90% da população dos Estados Unidos atualmente usa e-mail. Então, é claro, não existe um estilo perfeito de design de e-mail que agrade a todos.
No entanto, alguns conceitos universais podem ajudá-lo a criar emails eficazes de forma consistente. Gostamos de chamá-los de “os três Cs”.
- Claro: o objetivo do e-mail é imediatamente evidente
- Cativante: o e-mail prende a atenção do leitor e desperta seu interesse
- Criativo: o email é único e se destaca de outros emails de marketing
Vejamos um exemplo premiado para ver como são os três Cs na vida real.
Este e-mail de marketing do HP Instant Ink ganhou um prêmio IAC de “Melhor campanha de mensagem de e-mail de tecnologia” em 2021.
O logotipo do Instant Ink e o título enfatizam a ideia da tinta enviada para sua casa.
É cativante — com uma mistura de ilustrações, cores e uma ótima imagem em destaque, chama sua atenção.
É criativo — não se concentra nos cartuchos de tinta, mas no fato de que o serviço é entregue à sua porta.
Você não precisa da ideia mais incrível de todos os tempos para criar um bom design. Comece avaliando seus e-mails existentes e encontrando coisas para melhorar.
Voce deveria considerar:
- Como seus e-mails se comparam aos três “Cs”
- Sua taxa de cliques (CTR). Para referência, a CTR média varia de 2,6% a 2,34%
- Se seus e-mails ajudam você a atingir suas metas
- Se seus e-mails direcionam tráfego para seu site
Ao criar novos e-mails e campanhas, continue desenvolvendo o que aprendeu.
Também oferecemos dicas e práticas recomendadas que você pode começar a usar imediatamente se estiver começando do zero.
11 práticas recomendadas de design de e-mail cruciais
Aqui estão onze práticas recomendadas que todos os profissionais de marketing por e-mail devem seguir. Você também pode considerar as práticas recomendadas de marketing por e-mail quando 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 no seu leitor e tem um efeito único nas taxas de abertura. Embora a taxa média de abertura de e-mail varie de 18 a 22%, alguns profissionais de marketing obtêm suas taxas de abertura de até 57% otimizando apenas a linha de assunto.
Basicamente, as linhas de assunto são cruciais. Para otimizá-los, 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 “spam” como “grátis” ou “dinheiro fácil”.
2. Permaneça na marca
O design do seu e-mail afeta a forma como os consumidores veem sua marca, por isso é crucial considerar cada elemento de design com cuidado. Os elementos de design incluem logotipos, cores, fontes, opções de layout, vídeos, imagens e infográficos.
Para melhores resultados, combine seu design com seu público. Por exemplo, se você precisar segmentar um público B2B, poderá usar elementos de design profissionais, como cores suaves e fontes limpas. Um produto B2C pode usar uma marca mais “casual”.
3. Mantenha-o simples e focado
Layouts de e-mail complicados podem confundir os leitores e, quando os leitores se sentem confusos, clicam no botão “voltar”. Você deve adotar um design simples, limpo e minimalista em seus e-mails.
Você também deve usar o mesmo layout e marca em todos os e-mails, para que o leitor saiba o que esperar.
4. Estimule o engajamento
Para gerar engajamento dos leitores, incluindo um forte apelo à ação (CTA) em cada e-mail. Selecione seu texto âncora com cuidado, aumente seu botão de CTA e coloque-o estrategicamente para otimizar suas conversões.
5. Dê espaço para o seu conteúdo respirar
Se você preencher cada centímetro quadrado da tela do leitor, eles não saberão onde procurar. Use separadores e espaços em branco para chamar a atenção deles para o seu conteúdo e enfatizar componentes críticos como seu CTA ou imagem do produto.
6. Siga uma cascata de informações
Uma cascata de informações (às vezes chamada de pirâmide de informações) apresenta as informações mais importantes e as menos importantes na parte inferior.
7. Use e-mails responsivos
Você já abriu um e-mail sem conseguir ver seções ou imagens inteiras? Se você usar tamanhos fixos, tamanhos variados de tela do dispositivo distorcerão 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 janela e tela.
8. Garanta a acessibilidade
Se você deseja maximizar seu alcance – e atender às diretrizes e leis de acessibilidade – é essencial considerar como as pessoas com dislexia, daltonismo ou deficiência visual podem perceber seu marketing por e-mail. Para tornar seus designs de e-mail acessíveis, use fontes compatíveis com dislexia, texto alternativo, cores compatíveis com daltônicos e texto simples que os leitores de tela (como o leitor KNFB) possam ler em voz alta.
9. Otimizar para desempenho
Como a pessoa média só visualiza um e-mail por 11 segundos, você precisa se concentrar no desempenho para obter resultados. O ideal é que seu e-mail carregue rapidamente e funcione em todos os dispositivos (já que em 2021, 54,8% do tráfego de internet vem de dispositivos móveis).
Você também deve acompanhar suas conversões para medir a eficácia de seus esforços de marketing e quaisquer novas táticas que você tentar.
10. Inclua um link de cancelamento de assinatura
Muitos regulamentos exigem o uso de um link de cancelamento de assinatura. A regra CAN-SPAM de 2003 da Federal Trade Commission (Controlling the Assault of Non-Solicited Pornography and Marketing (CAN-SPAM)) é uma dessas regulamentações.
Para garantir que as pessoas possam cancelar a inscrição sem problemas, sempre inclua um link claro, fácil de usar e exibido com destaque.
11. Use a autenticação de e-mail
A autenticação de e-mail permite que sua ferramenta de marketing por e-mail envie e-mails como seu domínio (para que eles venham de “seusite.com”, não “via mcsv.net”). Usar a autenticação de e-mail fará com que seus e-mails pareçam mais profissionais.
Exemplos de bom design de e-mail
Construir um design criativo e de alta qualidade do zero não é uma tarefa fácil, mesmo se você for um indivíduo naturalmente criativo. Felizmente, você não precisa começar do zero.
Esta seção apresentará 26 exemplos de bons designs de e-mail, 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 em sua lista de e-mails. Fazer uma boa apresentação é essencial para construir um relacionamento duradouro e envolvente.
Ipsy
O e-mail de boas-vindas da Ipsy é um exemplo A+ de uma ótima introdução. Aqui está o que gostamos:
- A Ipsy's nomeou seu boletim informativo por e-mail de “refrescos” (o que faz com que pareça mais um clube de hobby do que e-mails de marketing)
- O e-mail da Ipsy oferece ao leitor um kit inicial de autocuidado gratuito
- A Ipsy combinou as cores do plano de fundo, da imagem e da embalagem do produto
Sob a armadura
O email de boas-vindas da Under Armour funciona porque a equipe de marketing escolheu imagens e texto com temas em torno de seu produto. Aqui estão mais algumas coisas que amamos:
- O logotipo da Under Armour é a primeira coisa que você vê
- As cores nas imagens combinam e fazem o e-mail se destacar
- A hierarquia visual do email faz com que pareça interessante
Beefree.io
Embora não seja tecnicamente um e-mail de boas-vindas, este e-mail de confirmação do 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 da BeeFree. Aqui estão mais algumas coisas que gostamos:
- A animação é adorável
- As cores pastel são bonitas, mas não parecem infantis
- BeeFree inclui links para suas mídias sociais
- BeeFree usou seu software para criar o design de e-mail
Peloton
O e-mail de boas-vindas do Peloton contém várias seções de texto, mas não parece lotado porque eles usaram o espaço em branco de forma eficaz. Também gostamos porque:
- Peloton usou símbolos para chamar a atenção do leitor para as seções de “resistência” e “cadência”
- Peloton inicia 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 as boas-vindas ao assinante e ajudá-lo a baixar o aplicativo gratuito do Evernote. Também gostamos 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 do Evernote
- Evernote incluiu um link para atendimento ao cliente para clientes que têm problemas para instalar o aplicativo
E-mails de abandono de carrinho
E-mails de abandono de carrinho são e-mails gerados automaticamente que você envia aos clientes dentro de 24 a 72 horas após eles abandonarem o carrinho. Como o reengajamento do cliente em potencial é o objetivo principal desses e-mails, eles precisam atrair a atenção do leitor.
gigante americano
O e-mail de abandono de carrinho da American Giant é um excelente exemplo de um design elegante em preto e branco que parece animado. Também gostamos porque:
- American Giant mostra ao leitor o item em seu carrinho
- American Giant links para suas mídias sociais
- O e-mail usa o texto do pré-cabeçalho de forma eficaz
Gerry's
O e-mail de Gerry é o oposto colorido do da American Giant. Aqui está o que gostamos:
- O cabeçalho lembra o leitor de seu carrinho abandonado de forma criativa
- O e-mail endereça o destinatário pelo nome
- As cores são divertidas, mas não avassaladoras
Stetson
O e-mail de Stetson tem um toque amigável ao cliente que o faz funcionar: a oferta de frete grátis. Aqui estão mais algumas coisas que gostamos:
- A Stetson usou as cores de sua marca em todo o e-mail
- O e-mail vincula o leitor de volta às categorias relevantes da loja
- O CTA indica escassez afirmando “enquanto durarem os estoques”
boletins informativos
Boletins informativos são e-mails regulares que atualizam seus clientes sobre novos produtos e serviços, seu conteúdo mais recente e trabalhos de caridade. Naturalmente, eles precisam ser informativos, mas envolventes.
Departamento de Design Shuka
Este e-mail do Shuka Design Bureau é um excelente exemplo de newsletter criativa. Aqui está o que amamos:
- O e-mail apresenta uma história em quadrinhos atraente
- O copywriting se encaixa no tema do quadrinho
- A história em quadrinhos usa cores brilhantes e um estilo de arte distinto
E-mail sobre ácido
E-mail no boletim informativo da Acid também tem uma abordagem única. Nós gostamos:
- O tema do jornal do e-mail
- O uso de espaço em branco para quebrar o texto
- Que é um ótimo exemplo de como o e-mail pode desempenhar um papel no marketing de conteúdo eficaz
- O esquema de cores preto e branco
Incremento
A Increment adotou uma abordagem mais elegante para o design de seu boletim informativo. Nós amamos:
- A maneira como o Increment usa perguntas para incentivar o leitor a clicar em “Leia a edição”
- That Increment nomeou esta edição de seu boletim informativo “Containers” para dar um tema
- Como a imagem de cabeçalho com tema espacial trippy se alinha com o tema
E-mails de feriados
Os e-mails de férias capturam a atenção do leitor e os incentivam a comprar usando uma oferta especial de comemoração. Trata-se de capturar a essência do feriado com seu e-mail e promoção.
BarkBox
O e-mail de “feliz aniversário” da BarkBox vende mais aos clientes, oferecendo-lhes um produto exclusivo (um bolo de aniversário para cães). Adoramos o quão única essa abordagem é, assim como:
- Linguagem divertida como delícias de abanar o rabo
- A forma como deixa claro o preço da oferta, o prazo 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 logo abaixo 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 visa construir um relacionamento com os leitores. Adoramos porque:
- O tamanho da fonte grande e o design enfatizam o cabeçalho
- O e-mail inclui mulheres de diferentes origens na imagem do cabeçalho
- Ele usa espaço em branco para destacar o texto
RXBAR
O e-mail de Halloween do RXBAR é assustador e divertido. Nós gostamos disso:
- O título usa um giro divertido em “doces ou travessuras”
- O e-mail inclui links relevantes na parte superior
- O design usa imagens icônicas de 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, pois os clientes recebem acesso ao seu serviço logo após se inscreverem pelo link do CTA. Seu foco é muitas vezes obrigar as pessoas a comprar no local.
Postável
Este e-mail do Postable funciona porque resolve o problema do leitor: endereços desatualizados durante as férias. Também gostamos porque:
- O CTA do Postable é a primeira coisa que o leitor vê
- O e-mail inclui um gráfico do aplicativo Postable
- Ótimo uso de espaço em branco para destacar o objetivo principal - fazer com que um usuário atualize seu endereço
Marcação
Este e-mail do MarkUp é excelente porque ensina os leitores a usar o MarkUp enquanto vendem o software. Também adoramos porque:
- MarkUp usou ícones para acentuar a cópia
- O software da MarkUp é a primeira coisa que você vê
- O CTA está acima da dobra
Tipo de letra
O e-mail da Typeform funciona porque abre com o Unique Selling Point (USP) da empresa – “uma nova maneira de usar o vídeo no marketing”. Também gostamos disso:
- Typeform mostra exemplos de seu marketing de vídeo
- O e-mail usa uma fonte acessível
- A imagem usa hierarquia para chamar a atenção 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 com que seja a segunda coisa que os espectadores lerão depois da “queda de preço”. Também gostamos porque:
- A GoPro usou um esquema de cores correspondente em todo o e-mail
- Uma imagem massiva do produto destaca o produto
- O e-mail contém duas ofertas: frete grátis e um 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. Também gostamos disso:
- A imagem em destaque mistura ilustração e fotografia
- O botão CTA se destaca
- O e-mail inclui links da loja no cabeçalho
Mamíferos Modernos
Este e-mail de vendas da Modern Mammals funciona bem porque mostra o produto em ação em uma foto estática. Também gostamos porque:
- O e-mail usa várias cores de fonte para dar ênfase
- A imagem de fundo corresponde à embalagem do produto
- O texto enfatiza a USP do produto
E-mails de depoimentos e avaliações
E-mails de depoimentos e comentários pedem um favor ao leitor e, portanto, eles precisam alavancar a lealdade para incentivar o leitor a deixar um comentário.
G2
O e-mail “revise hoje” da G2 é persuasivo porque faz com que o leitor sinta que pode ajudar outras pessoas com sua revisão. Também gostamos disso:
- G2 mostra uma série de comentários nas fotos (não apenas positivos)
- G2 mantenha o e-mail breve
- O CTA é descritivo
Alvo
O e-mail da Target funciona porque é personalizado para cada cliente — solicitando uma avaliação e ajudando clientes insatisfeitos a entrar em contato com o suporte. Também gostamos disso:
- O email 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
Mordida
Este e-mail de avaliação da Bite tem uma abordagem única, pois oferece para mostrar ao leitor avaliações de outros clientes. Também gostamos disso:
- Bite usou vários tons de verde para criar uma hierarquia
- Bite links para sua página “sobre nós”
- Bite inclui seu produto na imagem
E-mails de marca
Os e-mails de branding informam 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 em sua marca.
Thinx
Este e-mail de branding da Thinx captura a atenção do leitor ao apresentá-lo a um funcionário (Morgs). Também gostamos disso:
- Thinx usou uma paleta de cores fosca adequada
- Thinx tematizou a redação do e-mail em torno de seu produto e missão
Wisp
Este e-mail de branding da Wisp funciona porque ajuda os clientes em potencial a navegar em suas ofertas. Também gostamos disso:
- Wisp usa perguntas para chamar a atenção do leitor
- Wisp links para seus “favoritos da comunidade”
- Wisp usa uma imagem que combina com o plano de fundo do email
Como criar seu próprio design de e-mail
Agora que você viu vinte e seis exemplos de bom design de e-mail, está pronto para colocar seu olhar recém-treinado para o design funcionar. Aqui estão três maneiras de criar seu design de email:
1. Use o software de marketing por e-mail
Muitas ferramentas populares de software de marketing por e-mail têm modelos integrados que você pode usar. Isso inclui Mailchimp, Constant Contact, SendinBlue, Drop e HubSpot.
Você pode usar facilmente seus modelos e construtores de arrastar e soltar para criar seu design exclusivo.
Prós:
- Fácil e rápido
- Você pode alterar o texto, as imagens e as partes críticas do modelo
- Você sabe que seu design funcionará em computadores e dispositivos móveis
- Você pode usar os mesmos modelos várias vezes
- Normalmente, você não precisará pagar mais
Contras:
- Esses modelos são feitos para um público-alvo amplo (portanto, eles podem não corresponder ao restante da sua marca)
2. Use uma ferramenta de design de e-mail dedicada
As ferramentas de software de design de email oferecem modelos de email e recursos exclusivos para criar um design exclusivo. Stripo, Chamaileon, BeeFree e Postcards são ótimas opções.
Prós:
- Muito fácil para pessoas sem experiência em design usar
- Essas ferramentas têm centenas de modelos (por isso é fácil encontrar um que atenda às suas necessidades)
- Personalização total — altere o layout, as cores, as imagens, o estilo e o texto
- Muitos modelos são compatíveis com dispositivos móveis
Contras:
- Pode ser necessário pagar pelo acesso a essas ferramentas
- Você precisará baixar seu modelo e importá-lo para seu software de marketing por e-mail (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 embutido.
Prós:
- Seu design será único
- Flexibilidade total
- Você pode garantir que seu design seja compatível com dispositivos móveis e suas imagens sejam de alta qualidade
Contras:
- Software de design é caro
- Muito demorado
- Você precisa de um fundo de design forte
Resumo
Em 2020, havia mais de 4,03 bilhões de usuários de e-mail em todo o mundo e as pessoas enviaram e receberam 319,6 bilhões de e-mails diariamente. Naturalmente, destacar-se nas caixas de entrada de seus assinantes é complicado.
É por isso que um bom design de e-mail é crucial. Atrair a atenção do seu público é o primeiro passo para nutrir seu relacionamento com os leads, aumentar a receita e fazer upselling com eficiência.
Para dominar um bom design de email, certifique-se de:
- Use espaço em branco para dar ênfase
- Desenvolva recursos visuais de alta qualidade para atrair 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 desses designs você mais gostou e como você cria e-mails exclusivos para sua marca? Por favor, conte-nos nos comentários abaixo.