O design de e-mail marketing é muito mais do que apenas torná-lo bonito. Por exemplo, erros no design de e-mails podem resultar em baixas taxas de abertura, poucos cliques nos botões de chamada para ação e e-mails nas pastas de spam dos assinantes. Os melhores designs de email, no entanto, atraem leitores, criam experiências valiosas que encantam e seduzem os destinatários a clicar nos botões de chamada para ação.

1. Mantenha seu design consistente com o estilo da sua marca

Assim como você reconhece seus amigos ou familiares pelo rosto, as pessoas se lembram do seu negócio pela sua marca. Ao criar uma marca consistente em seus e-mails, você ajuda a criar reconhecimento de marca e a construir um relacionamento mais forte com seus leitores. Esse relacionamento, quando tratado corretamente, fará com que eles voltem para você para suas necessidades.

Embora você possa alterar elementos como cores, alguns recursos de design devem permanecer consistentes. Por exemplo, inclua seu logotipo na parte superior de cada email. Se sua marca possui uma voz casual e amigável, mantenha essa voz consistente em seus e-mails. Se sua empresa possui um site minimalista, use muito espaço em branco e imagens e texto mínimos. Sua linha de assinatura também deve ter a marca. Os leitores não devem se surpreender com a aparência desses recursos no seu email.

O JetBlue , por exemplo, tem um tom casual e divertido em seu site. Não tem medo de violar as regras de pontuação e gramática – como fazemos em conversas casuais com amigos. O resultado é um tom acessível que ajuda a construir relacionamentos individuais com os leitores. O JetBlue amplia esse tom para seus e-mails e, em seguida, adiciona outros recursos de design que promovem o reconhecimento da marca, incluindo a colocação do logotipo na parte superior de cada e-mail e o uso das cores da marca, tanto quanto possível.

Dica profissional: se você ainda não tem um logotipo, pode obter um design profissional em segundos, da Tailor Brands . Basta visitar a página Tailor Brands Logo Maker e preencher um pequeno questionário. A Tailor Brands gerará alguns logotipos para escolher. Depois de escolher um logotipo, inscreva-se em um plano de logotipo (a partir de US $ 3,99 por mês) para obter recursos adicionais, como a capacidade de adaptar seu logotipo a campanhas sazonais, adicionar marcas d’água e redimensionar seu logotipo, conforme necessário.

2. Seja conciso e claro

Em média, você tem cerca de 11 segundos antes de perder a atenção dos leitores. Os leitores também são mais atraídos pelo visual do que pela cópia; portanto, seus olhos provavelmente gravitarão primeiro nas imagens. Simplificando, você tem muito pouco tempo para atrair os leitores a clicar no seu CTA. Isso significa que ele deve ser facilmente consumível com uma mensagem simples que persuade sem perder tempo com uma mensagem confusa.

De acordo com um estudo do Boomerang , e-mails com 75 a 100 palavras (aproximadamente cinco frases) desfrutam de uma taxa de resposta de 51%, enquanto aqueles com 200 palavras têm uma taxa de resposta de 48%. Além disso, sua escolha de palavras é importante. Os e-mails escritos no nível de leitura da terceira série têm uma taxa de resposta 36% maior do que os escritos no nível de leitura da faculdade. Para uma taxa de resposta semelhante, mantenha a linha de assunto e as manchetes entre três e quatro palavras.

Por exemplo, a comunidade de culinária on-line FOOD52, usa linguagem simples. Ele usa palavras de uma sílaba que uma criança da terceira série entenderia. Não se fala em palavras da indústria como “cozinha”. Em vez disso, eles simplificam com “comida”. Em vez de “discutir”, eles usam “conversar”. A cópia do e-mail fica acima de 80 palavras no total. A manchete tem quatro palavras simples: “Somos todos amigos aqui”.

3. Use duas cores contrastantes

Além de contrastar os botões da CTA, use contraste em todo o email para destacar as principais partes do email. Para evitar um efeito caótico que distrai sua mensagem, o contraste deve ser limitado a duas cores para o corpo principal do seu design de email. O uso de uma roda de cores digital ajuda a garantir que suas cores também funcionem bem juntas. O contraste também facilita a leitura do seu email para aqueles que podem ter dificuldades de visão, como daltonismo.

Se você já selecionou cores de marca complementares, use essas cores frequentemente para aumentar o reconhecimento da marca em seus leitores. Às vezes, você pode se desviar para obter um efeito mais sazonal (como o de Harry na dica nº 4) para criar relevância. Uma maneira fácil de descobrir as melhores cores contrastantes é usando uma roda de cores digital. Use uma ferramenta gratuita como a Calculadora de cores para testar facilmente cores diferentes. Simplesmente escolha uma cor na etapa um e escolha uma opção complementar.

Dica profissional: para garantir que as cores escolhidas destacem sua mensagem principal para todos os leitores, instale um aplicativo como o Color Oracle (disponível no macOS, Linux e Windows). Depois de instalado, o aplicativo coloca um menu suspenso na parte superior do navegador que permite escolher diferentes tipos de daltonismo. Escolha um tipo de daltonismo (Deuteranopia, Protanopia ou Tritanopia), para visualizar seu e-mail através desta lente, a fim de garantir a legibilidade dos leitores com deficiência visual.

4. Incluir botões de chamada à ação (CTA) que chamam a atenção

Os botões CTA de e-mail são frequentemente usados ​​para levar seu leitor de e-mail de volta ao seu site ou a uma página de destino da oferta e depois incentivá-los a concluir uma ação. Para atingir as metas de marketing, um botão de CTA é a parte mais importante do seu email e todas as outras cópias de email devem se concentrar em fazer o leitor clicar. Embora clicar no botão possa ser uma conversão pequena, geralmente é o primeiro passo para uma conversão maior. Para ser eficaz, torne-os ousados, atraentes e claros.

Seu CTA deve informar aos seus leitores qual o valor que eles podem receber clicando no botão Em vez de “Clique aqui”, tente o texto do botão que promete valor como “faça o download do nosso e-livro gratuito” ou “obtenha uma demonstração gratuita”. Para garantir que seus leitores vejam seu botão, use uma cor de botão que contrasta com o restante do seu email. Se você possui um plano de fundo azul por e-mail, por exemplo, considere um botão laranja.

A Harry’s – uma marca de barbeador para homens – queria apresentar aos assinantes seu novo conjunto de presentes de inverno. Para mostrar a sazonalidade, ele escolheu um fundo verde e azul legal para as férias. Em seguida, explicou o valor ao leitor: um presente simples de adquirir para qualquer homem em suas vidas. Seu apelo à ação foi simples, mas atraente: “Ainda precisa de um presente? Não é tão tarde.” Abaixo, um botão laranja brilhante contrastava com um fundo azul e convidava os leitores a “Comprar agora”.

Exemplo de email de Harry’s Winter Set – botão CTA. Fonte

5. Foco na personalização

Campanhas de e-mail de tamanho único não costumam gerar conversões. Para isso, você precisa personalizar sua mensagem. Segundo a Instapage , embora 70% das marcas não personalizem e-mails, as marcas que desfrutam de uma taxa de cliques 27% mais alta e uma taxa de transação seis vezes maior . Para fazer isso, primeiro segmente sua lista de assinantes de acordo com as necessidades e interesses dos leitores, depois escolha uma lista e crie uma mensagem com valor agregado apenas para eles. Repita para todas as listas.

Ferramentas como o contato constante permitem atribuir endereços de email coletados por meio de formulários de captura de email a suas próprias listas designadas. Isso cria listas de assinantes segmentadas com base no conteúdo visualizado pelas pessoas durante a inscrição. Uma lista pode ser de pessoas que deram seu e-mail para baixar o e-book do seu produto. A partir daí, use os modelos de email Constant Contact e o construtor de arrastar e soltar para criar emails que cumprimentem os assinantes por nome e induzam leads a comprar esse produto.

Muitas marcas de comércio eletrônico se aprofundam. Por exemplo, como as pessoas se inscrevem na Birchbox para experimentar novos produtos de beleza mensalmente, a Birchbox sabe que seus clientes estão sempre procurando o próximo produto que irá agradá-los. Portanto, a Birchbox rastreia o histórico de navegação e compras dos clientes e usa o email para recomendar produtos que os clientes provavelmente gostarão de experimentar. Portanto, os clientes obtêm exatamente o valor que procuravam quando se inscreveram nos e-mails da Birchbox.

6. Use ícones para substituir o texto quando possível

Falamos sobre limitar a cópia de e-mail a cinco frases. Sabemos que isso pode ser complicado. Uma maneira de tornar isso possível é usar ícones para substituir o texto nos emails. Ícones são pequenas imagens que representam palavras. Por exemplo, você pode oferecer uma lista de seus serviços e, em vez de escrever cada um, substituir os nomes dos serviços por ícones que representam o que você faz. “Conteúdo escrito” pode ser representado por uma caneta e papel e “Analytics” com um gráfico.

Algumas marcas usam ícones para acompanhar o texto. Dessa forma, se as pessoas não lerem o texto, provavelmente terão uma boa idéia da mensagem. Por exemplo, o JetBlue usou ícones (como mostrado na dica um) para acompanhar o texto em seu email e até mesmo servir como subtítulos. Para mostrar o aniversário de aquisição de um ano de um cliente, ele usou um ícone de calendário. Ainda assim, outras marcas usam ícones para substituir completamente o texto, como o Readdle faz para substituir sua lista de aplicativos abaixo.

7. Ofereça as principais informações primeiro

Lembre-se de que você tem apenas 11 segundos para atrair o seu leitor de e-mail a clicar. Para aproveitar ao máximo esse curto período de tempo, você deve atrair seu leitor e convencê-lo de que vale a pena continuar lendo ou se engajando. No final, todo o seu email deve simplesmente atrair os leitores a clicar, sem mensagens adicionais que desviem esse objetivo.

Para fazer isso, use uma pirâmide invertida que primeiro chame a atenção dos leitores. Em seguida, construa a antecipação e, finalmente, dê a eles uma ação a ser executada. Comece com um título de três a quatro palavras que destaque o valor-chave que os leitores receberão ao ler seu email. Siga isso algumas frases que motivam os leitores a clicar, mostrando o valor que eles têm a ganhar ao fazê-lo. Por fim, apresente um botão de CTA destacado que diz aos leitores exatamente o que fazer.

Além disso, as imagens colocadas na parte superior do seu email devem ajudar a atrair os olhos dos leitores para o meio do email e para o botão CTA. Por exemplo, neste e-mail da Behavior Tech, a sobreposição de triângulo mostra que a imagem na parte superior atrai naturalmente o leitor do céu do pôr do sol, através da água (entre o penhasco e as pedras) e a cópia do e-mail. A partir daí, os leitores são atraídos a clicar com uma mensagem forte, mas breve. Finalmente, eles recebem um CTA proeminente.

Exemplo de design de email com triângulo invertido com tecnologia de comportamento de sobreposição de triângulo. Fonte

8. Crie designs responsivos para dispositivos móveis

Segundo a Blue Corona , 75% dos e-mails são verificados usando dispositivos móveis. Esse número aumenta para 81% entre as pessoas de 18 a 24 anos. Isso significa que, se seus e-mails não responderem a dispositivos móveis, você poderá perder até 81% dos seus leitores. Por extensão, isso significa que você perde 81% de suas conversões de email em potencial. Conclusão: enviar e-mails que não acomodam dispositivos móveis é um grande erro.

Um email responsivo para celular (também conhecido como email otimizado para celular) é aquele que é exibido bem em computadores e dispositivos móveis. Criar e-mails responsivos não é difícil. Ao projetar manualmente seu email, aqui estão algumas dicas:

• Seja conciso na sua mensagem, mantendo todo o texto do email em cerca de cinco frases.
• Selecione um modelo de email de coluna única (a maioria dos softwares de email marketing oferece isso).
• Inclua apenas um botão de call to action.
• Use uma fonte de título mínimo de 22 pontos e uma fonte de corpo de 14 pontos.
• Escolha uma cor de fonte que contraste fortemente com o fundo.

Por exemplo, o email abaixo foi enviado por Casper . Ele exibe texto mínimo, fontes grandes de cópia e cabeçalho, cores de texto altamente contrastadas e um botão CTA – todos perfeitamente alinhados em uma coluna para uma experiência de visualização ideal em qualquer dispositivo.

Dica profissional: muitos softwares de marketing por email (como o Constant Contact ) oferecem apenas modelos de email responsivos a dispositivos móveis. Portanto, em vez de limitar todos os designs de área de trabalho a e-mails de uma coluna, você pode criar um e-mail para aparecer de maneira ideal em computadores de mesa e o software o ajustará automaticamente para que apareça em qualquer dispositivo.

9. Inclua animação

Um GIF se parece com um vídeo curto que circula a cada poucos segundos. Na realidade, é uma série de imagens rapidamente exibida que, juntas, parecem movimento. De acordo com o Litmus, os GIFs no email são bastante populares, com a maioria (56,6%) dos profissionais de marketing de email usando-os. Muitas marcas recorrem aos GIFs para aumentar o envolvimento de e-mails, infundindo emoção (como nostalgia ou intriga) em seus e-mails. Outros o usam para mostrar como seus produtos funcionam ou têm uma aparência tridimensional.

Criar um GIF não é apenas fácil, mas gratuito. Por exemplo, muitos usuários de Mac recorrem ao GIF Brewery para criar GIFs, enquanto os usuários do Windows costumam usar o GIF Animator como sua ferramenta preferida. Para usar o GIF Brewery, por exemplo, baixe o aplicativo GIF Brewery na Mac Apple Store. Em seguida, importe um vídeo ou faça uma gravação no seu Mac. Em seguida, use as ferramentas de edição do GIF Brewery para redimensionar, cortar, definir o tamanho do GIF, aplicar filtros e adicionar legendas ou sobrepor imagens.

Um exemplo de um GIF que induz emoção é o GIF de sexta-feira negra da Amazon. Cronometrado para alcançar os leitores de e-mail que estão se preparando para as férias e aproveitando (ou desejando estarem desfrutando) noites aconchegantes junto ao fogo, cada tela de dispositivo eletrônico no GIF exibe um fogo crepitante. O efeito aconchegante ou até nostálgico agarra a atenção dos leitores e os faz querer experimentar mais o conceito.

nulo

10. Use mais texto que imagens

Quando você usa muitas imagens e pouco texto em um email, corre o risco de o servidor rejeitar ou filtrar o email como spam. Alguns clientes de email bloqueiam imagens por padrão, ou seja, se todo o email for uma imagem, ele não será exibido quando os assinantes clicarem no email. Além disso, é provável que emails com imagens excessivas sejam adicionados aos filtros de spam por email

Para evitar isso, lembre-se de que 80% do seu email deve ser texto e apenas 20% devem ser imagens. Portanto, evite criar uma imagem do e-mail (como um formato de infográfico, por exemplo) – que inclua todas as cópias e imagens do corpo – e envie a imagem. Em vez disso, seu email deve ser componentes separados de texto e imagens. E seu texto deve incluir informações suficientes para incentivar a leitura contínua, mesmo que suas imagens não apareçam.

No entanto, se você sentir vontade irresistível de usar muitas imagens ou uma imagem em todo o email, crie um equilíbrio adicionando texto no rodapé. Isso pode incluir informações e recursos úteis, como links para cancelar a inscrição, lembretes de permissão, endereço da sua empresa e convites para segui-lo ou saber mais sobre outros canais de marketing (como mídia social ou site). Por exemplo, observe o texto do rodapé e o saldo geral de imagem para texto no email da Adobe abaixo.

Dica profissional: claramente, se o seu e-mail consistir apenas em 20% de imagens, essas imagens deverão contar. As imagens de estoque raramente dão valor ao e-mail, como uma imagem personalizada para complementar sua mensagem. Isso significa que é melhor criar suas próprias imagens personalizadas. Se, como a maioria dos empresários, você não é um designer gráfico, pode facilmente contratar um por apenas US $ 5 por imagem da Fiverr . Basta abrir uma conta gratuita e procurar por “designer gráfico”.

11. Adicione recursos interativos ou dinâmicos

O design interativo de e-mail atrai os leitores, o que é provavelmente o motivo pelo qual foi eleito uma das maiores tendências de design de e-mail em 2018 por 44% dos entrevistados da Litmus. Não apenas faz os leitores se animarem e prestarem atenção, mas um estudo realizado pelo Content Marketing Institute revelou que 66% das marcas afirmam que o conteúdo interativo aumenta o envolvimento de seus negócios.

Então, como as marcas estão usando conteúdo interativo nos emails? Alguns usam menus interativos que ajudam os assinantes de email a expandir o conteúdo em torno do produto sobre o qual estão especificamente interessados ​​em saber mais – diretamente no corpo dos emails que receberam. Nordstrom é um exemplo de uma dessas marcas, como você pode ver no e-mail abaixo.

Ainda assim, outros como o Forever 21 estão brincando com o senso de curiosidade dos leitores ao incorporar scratchers interativos; os usuários devem riscar uma área para revelar um código e obter um desconto. No final, as marcas criam experiências para lembrar e tornam-se marcas para lembrar.

nulo

nulo

12. Use o espaço em branco estrategicamente

Espaço em branco é o espaço em torno de imagens e blocos de conteúdo. Não precisa ser branco, mas apenas conteúdo sem conteúdo, como texto ou imagens. Utilizado estrategicamente, o espaço em branco ajuda a organizar seu conteúdo, torná-lo mais consumível e direcionar os olhos dos leitores para o conteúdo principal. Ele também pode adicionar espaço para respirar em torno do seu conteúdo, ajudando a reduzir o tempo de carregamento, evitar sobrecarregar as telas dos leitores e impedir cliques indesejados.

Por exemplo, na cópia, o espaço em branco diferencia os pontos principais, enfatizando-os. Antes e depois dos cabeçalhos, ajuda a tornar a cópia digitalizável. Quando usado em torno de imagens de produtos, atrai os olhos dos leitores para imagens e aumenta a conscientização do produto. Da mesma forma, chama a atenção dos leitores para conteúdos que induzem a engajamento, como botões, experiências interativas e GIFs. Por fim, garante que os leitores interajam apenas com o conteúdo que pretendem (sem cliques acidentais) em telas pequenas.

O Litmus , por exemplo, usa espaço em branco para enfatizar o conteúdo principal que desperta curiosidade e incentiva a leitura contínua. Salve as datas! Os botões CTA são cercados por amplo espaço em branco, atraindo os olhos dos leitores e garantindo que eles não cliquem acidentalmente em recursos indesejados em telas pequenas. Isso significa conversões rastreáveis ​​de alta qualidade. Por fim, para evitar uma tela desorganizada, eles provocam mais valor e direcionam os leitores a aprender mais através do feed do Twitter.

Exemplo de email do Litmus – Uso estratégico do espaço em branco. Fonte

13. Escolha não mais que duas fontes legíveis

Existem duas categorias principais de fontes, serif e sans serif. As fontes serif têm aquelas pequenas linhas que se estendem do final de cada traçado em letras e símbolos. Esses detalhes extras fazem com que pareçam mais sofisticados e oferecem uma aparência mais sofisticada ou formal ao seu e-mail. As fontes Sans Serif não possuem esses detalhes extras e oferecem uma sensação mais casual. É importante combinar a fonte usada no seu email com a imagem da sua marca, incluindo formal ou informal.

Nem todas as fontes que você vê na Web estão instaladas em todos os dispositivos. Se o usuário usar um dispositivo que não possui a fonte escolhida, o seu cliente de email o substituirá por outro e, portanto, alterará a aparência do seu email. No entanto, existem alguns que são oferecidos em todos os dispositivos, como Arial, Georgia, Times New Roman e Courier. Clique aqui para uma lista completa. Para garantir que seu e-mail pareça consistente em todos os dispositivos, escolha suas fontes de e-mail nessa lista.

Por exemplo, Kate Spade combina fontes sofisticadas de cabeçalho com fontes simples e casuais de texto corporal. O resultado é um e-mail que torna acessíveis roupas e acessórios elegantes e sofisticados para a mulher comum.

Exemplo de email de Kate Spade – Fontes mistas. Fonte