O que todo profissional de marketing precisa saber sobre layout de email

Aqui está a verdade: não há grande segredo para criar um layout de e-mail vencedor.

Um grande e-mail é como uma sinfonia. Dezenas de peças trabalham juntas – algumas nos bastidores, outras visíveis – para criar uma experiência impressionante e funcional.

Seu layout também pode ter um impacto direto em seus resultados.

Um terço das pessoas diz que o design ruim é sua maior reclamação por e-mail. Enquanto isso, 66% das pessoas dizem que encontrar problemas como e-mails mal projetados, conteúdo genérico ou e-mails não otimizados para dispositivos móveis os impedirá de gastar dinheiro com uma marca.

Vamos voltar ao básico. Neste post, abordaremos as melhores práticas e tendências de layout de e-mail para 2020 para que você possa impressionar seus assinantes e aumentar as conversões.

13 melhores práticas de layout de e-mail para impressionar seus assinantes em 2020

Os layouts de e-mail podem ser complicados, então dividimos as coisas em dicas digeríveis (com exemplos).

1. O celular é obrigatório

Cerca de 54% de todos os emails são abertos em dispositivos móveis, mas diferentes faixas etárias têm hábitos únicos.

Fonte: DMA

Como você pode ver, as pessoas com menos de 35 anos tendem a abrir e-mails em seus smartphones – enquanto a multidão de 55 anos ou mais prefere laptops e desktops.

Mesmo assim, as pessoas costumam abrir o mesmo e-mail várias vezes em diferentes dispositivos. Por exemplo, uma grande maioria em todas as faixas etárias não clica na chamada para ação (CTA) para concluir uma compra. Eles esperam até que estejam em um desktop ou navegam diretamente para o site da marca.

Fonte: DMA

Para criar uma experiência perfeita, você terá que decidir se deseja criar e-mails compatíveis com dispositivos móveis ou e-mails responsivos.

É importante saber a diferença entre os dois:

• Os e-mails compatíveis com dispositivos móveis têm a mesma aparência em todos os dispositivos, mas contam com recursos como layouts de coluna única

• Os emails responsivos são dinâmicos – o layout muda com base em onde um assinante abre o email

2. Priorize a acessibilidade do layout de e-mail

Cerca de 12 milhões de pessoas com mais de 40 anos nos EUA sofrem de algum tipo de deficiência visual. Enquanto isso, 8% dos homens e meio por cento das mulheres sofrem de daltonismo ou deficiência de cor.

É importante tornar seus layouts acessíveis para todos. Considere estas dicas:

• Evite piscar imagens para pessoas com epilepsia

• Segmente sua lista de assinantes com base na idade e crie e-mails exclusivos para faixas etárias acima de 40 e acima de 65 anos

• Use texto grande e muito espaço entre cada linha

• Evite vocabulário complicado e frases longas

3. Não negligencie as linhas de assunto e visualize o texto

As pessoas tendem a considerar as linhas de assunto e o texto de visualização como parte de sua cópia – mas esses dois elementos também desempenham um papel importante no layout.

Por exemplo, telas de celular cortarão sua linha de assunto após 30 ou 35 caracteres.

A maioria dos provedores de serviços de e-mail também permite que você escreva seu próprio texto de visualização, portanto, não o negligencie. Caso contrário, os assinantes verão apenas a primeira frase ou duas do seu e-mail em suas notificações push.

Aqui estão alguns exemplos destacados de texto de visualização. Observe também a linha de assunto altamente personalizada e acionável do Google AdSense.

Fonte: Gmail

4. Use um “fluxo” perfeito em seu layout de e-mail

Voltando às aulas de fotografia do ensino médio, pense em algumas estratégias básicas de composição. Crie um layout de e-mail que guie os olhos do destinatário pela página até o CTA enquanto eles rolam.

Você tem duas opções principais aqui:

1. Pirâmide invertida

2. Forma em Z

A UNICEF conseguiu usar ambos os estilos de forma eficaz neste e-mail.

Fonte: Gmail

5. Lembre-se das cores e da marca

O truque aqui é combinar as cores da sua marca com toques de cores contrastantes brilhantes.

Grandes marcas planejam com bastante antecedência as cores que usarão no material de marketing para feriados sazonais, botões de CTA e splashes exclusivos.

Considere a psicologia das cores aqui. Rosa brilhante ou neon podem funcionar bem para transmitir urgência durante uma venda, mas azuis ou verdes suaves são melhores para criar uma vibração calma com boletins informativos, por exemplo.

Olhe para o UNICEF novamente. Embora eles normalmente se atenham ao “azul dos EUA” que todas as agências da ONU usam, eles também têm uma paleta estendida com cores brilhantes para chamar a atenção.

Fonte: UNICEF

Novamente: não se esqueça de considerar a acessibilidade para pessoas com deficiência visual ou deficiência de cor.

6. Escolha imagens relevantes

As imagens importam em muitos níveis. Os gráficos que você escolher podem ajudar a chamar a atenção, explicar sua mensagem e se relacionar com os destinatários.

Evite incluir imagens apenas por causa disso. Os especialistas em design da Nielsen Norman descobriram que os assinantes de e-mail ficam confusos ou frustrados quando marcas e organizações incluem imagens aleatórias – mesmo de alta qualidade.

Em vez disso, escolha imagens diretamente relacionadas ao seu produto ou ao conceito que você está tentando transmitir em sua mensagem – como Penn LPS Online fez abaixo.

Fonte: Gmail

7. Chame a atenção com GIFs

Os vídeos são ótimos para aumentar o engajamento em e-mails – mas, infelizmente, a maioria dos clientes de e-mail não oferece suporte a recursos de reprodução incorporados. Os GIFs oferecem uma alternativa perfeita ao vídeo.

Os GIFs facilitam a explicação de assuntos complexos e podem até aumentar seu ROI em 109%.

Ao criar GIFs, certifique-se de que eles não diminuam a velocidade do seu e-mail — isso não é ideal para leitores móveis. Além disso, lembre-se de que os clientes de e-mail da velha escola podem não suportar GIFs.

DavidsTea usou um GIF eficaz para explicar como sua garrafa funciona.

Fonte: E-mails realmente bons

8. Considere um layout de e-mail dinâmico

Você não precisa enviar o mesmo layout de e-mail para todos. Na verdade, é melhor se você não fizer isso. 67% das pessoas esperam que as marcas ofereçam conteúdo personalizado e 42% ficam irritadas quando o conteúdo não é personalizado.

Felizmente, clientes de e-mail como Emma permitem que você envie e-mails dinâmicos exclusivos para cada assinante.

O conteúdo dinâmico pega os dados que você coletou de seus assinantes e os usa para enviar campanhas hiperpersonalizadas. Por exemplo, se o seu assinante tende a abrir e-mails no Gmail para Android e responde melhor aos botões azuis de CTA, ele receberá campanhas codificadas especialmente para eles.

No back-end, você só precisa criar um e-mail. A Inteligência Artificial (IA) assume o controle do trabalho desafiador.

Aqui está um instantâneo de como é o conteúdo dinâmico.

Fonte: Ema

9. O espaço em branco é seu amigo

Grandes blocos de texto tendem a assustar os leitores.

Use espaço em branco para dividir sua cópia e ajudar a orientar os leitores pelo e-mail.

O espaço em branco não apenas facilita a leitura dos e-mails, mas também compensa a ideia de que as pessoas verificam o conteúdo (em vez de ler cada palavra).

10. Use um botão de CTA clicável

Pode ser difícil clicar em hiperlinks em telas de dispositivos móveis – especialmente se o texto for pequeno ou os links estiverem muito próximos.

Em vez disso, crie um layout de e-mail com um CTA claro e um botão grande e brilhante.

O Nielsen Norman Group descobriu que as cores contrastantes também são importantes. Seu botão CTA não deve se misturar.

Eles também observam que a cópia do botão CTA é importante. “Começar” é muito ambíguo e muitas vezes parece enganoso para os leitores. Em vez disso, escolha palavras acionáveis ​​claras como “RSVP agora” ou “Compre aqui”.

O American Enterprise Institute oferece dois CTAs claros para que não haja dúvidas sobre o que está por trás do link.

Fonte: Gmail

11. Inclua conteúdo interativo

O conteúdo interativo é útil porque permite que os assinantes cliquem sem sair do e-mail – o que aumenta o engajamento.

Você pode usar conteúdo interativo para avaliações, jogos, questionários e muito mais.

Aqui está um exemplo de um questionário interativo do GoDaddy. À medida que você clica nas respostas, você passa por diferentes perguntas.

Fonte: E-mails realmente bons

12. Não se esqueça das páginas de destino

Muitos profissionais de marketing esquecem de otimizar suas landing pages com o mesmo layout e design de seus emails.

Os assinantes esperam uma experiência perfeita quando clicam em qualquer botão ou link de CTA em seus e-mails. Se puder, aproveite as páginas móveis aceleradas que abrem na velocidade da luz.

Não se esqueça de usar a mesma voz, tom e cores que você usou no layout do e-mail. É igualmente importante certificar-se de que o conteúdo de suas páginas de destino atenda às expectativas do botão ou link.

Em outras palavras, evite clickbait e explique claramente o que está do outro lado do link para criar confiança.

O UNICEF tinha uma página de destino compatível com dispositivos móveis pronta para acompanhar seu e-mail de doação de férias.

Fonte: Gmail

13. Execute muitos testes de layout de e-mail

Por fim, a única maneira de garantir que seu layout pareça perfeito para todos os assinantes é executar testes.

Emma permite que você execute testes para diferentes clientes de e-mail enquanto você projeta seu layout para que você nunca tenha de adivinhar.

Em seguida, você deseja executar testes A/B para ver quais tipos de layouts apresentam melhor desempenho em diferentes segmentos de seu público. O que você aprende pode surpreendê-lo.

Embrulhar

O layout do e-mail envolve várias partes móveis – às vezes até literalmente. Para uma melhor experiência, lembre-se de:

• Priorize a experiência móvel e a acessibilidade

• Torne seus CTAs claros e visíveis

• Crie um fluxo e uma experiência perfeitos (incluindo suas páginas de destino)

• Execute testes para diferentes clientes de e-mail e preferências de assinantes

Quer dar um up nos seus e-mails? Saiba mais sobre o conteúdo dinâmico da Emma e torne seus e-mails tão exclusivos quanto seus assinantes.