O que fazer e o que não fazer no design de e-mail

Não é

• Não use uma única imagem para seus e-mails; muitos clientes de e-mail não exibirão imagens automaticamente.
• Não inclua um longo bloco de texto em nenhum lugar do seu e-mail. Em vez disso, divida o conteúdo em seções concisas.
• Não faça seus e-mails muito longos. Alguns clientes de e-mail recortam mensagens longas (o Gmail, por exemplo, recorta qualquer mensagem com mais de 102 KB). As mensagens cortadas não são apenas ruins para marketing e encaminhamento, mas podem violar as regras CAN-SPAM porque ocultam links de cancelamento de assinatura.
• Não coloque tudo o que você pode pensar em seus e-mails; em vez disso, use e-mails como ferramentas para motivar cliques para obter mais informações e compras.
• Não use um plano de fundo escuro, estampado ou de imagem para o seu conteúdo (não há problema em ter um plano de fundo escuro atrás de uma área de conteúdo do corpo principal mais clara, o que pode fazer seu e-mail se destacar, embora não seja exibido em todos os clientes de e-mail).
• Não deixe seu layout muito ocupado - mantenha seus e-mails simples com resumos fáceis de digerir e frases de chamariz claras.

Dicas de cores de e-mail

A escolha da cor do e-mail pode ajudar a destacar sua marca e sua mensagem. Embora seja divertido experimentar cores, suas escolhas devem ser estratégicas.

Fazer

• Limite o número de cores que você usa (você pode combinar as cores da sua marca e do site ou escolher cores específicas para sua promoção atual).
• Contraste o texto escuro com um fundo claro.
• Preencha cabeçalhos e rodapés com sua cor primária, se desejar, ou use linhas coloridas para separá-los do conteúdo do corpo principal.
• Use imagens para adicionar cores adicionais ao design do seu e-mail.

O vermelho e amarelo no e-mail do Dr. Martens abaixo adicionam um belo toque de cor e complementam os elementos em preto e branco do design. A paleta de cores limitada chama a atenção do leitor para a cópia, enquanto um design mais movimentado pode ter puxado o foco das informações mais importantes.

Não é

• Não use corpo de texto colorido – mantenha-o em preto ou cinza escuro.
• Não use um fundo de cor escura para sua área de conteúdo principal.
• Não use mais de duas cores em seu design (logotipos e imagens multicoloridas são bons).
• Não use cores que colidam ou não sejam atraentes.

Fontes de e-mail e dicas de tipografia

Mantenha a tipografia simples para e-mails legíveis que envolvem os leitores.

Fazer

• Use apenas uma ou duas fontes em seu e-mail.
• Use fontes sem serifa para o corpo do texto; fontes sans serif ou serif podem ser usadas para cabeçalhos e subtítulos.
• Use fontes simples, fáceis de ler e seguras para a Web. Exemplos incluem Open Sans, Helvetica, Courier, Raleway, Droid Serif, Arial, Tahoma, Times New Roman, Georgia e Trebuchet MS.
• Dimensione as fontes da cópia do corpo em 14 a 16 pontos, as fontes de título em 22 a 24 pontos para melhor legibilidade.
• Use fontes que se alinhem com sua marca e mensagens.

A Domino's se diverte com as fontes usadas neste e-mail. Mas mesmo seu texto mais estilizado é fácil de ler.

Não é

• Use fontes de script ou outras fontes sofisticadas, que podem ser difíceis de ler.
• Use fontes personalizadas que podem não ser renderizadas corretamente em todos os dispositivos.
• Use fontes coloridas, exceto para cabeçalhos (cinza escuro ou preto funcionam melhor para a cópia do corpo).

Dicas de emojis de e-mail

O uso de emojis pelas marcas aumentou 609% ano a ano nas comunicações digitais. Veja como usá-los corretamente.

Fazer

• Incorpore emojis para economizar espaço e diga mais nos assuntos de e-mail (mantenha seus assuntos abaixo do limite “mágico” de 49 caracteres).
• Use emojis para destacar os assuntos do e-mail nas caixas de entrada dos destinatários.
• Use apenas emojis relevantes que ajudem a transmitir sua mensagem e criem entusiasmo.
• Adicione personalidade com emojis em saudações e assinaturas.
• Use emojis para destacar ofertas e ofertas especiais no corpo do texto.

A linha de assunto acima da Tarte Cosmetics, com dois emojis de abacaxi, foi a introdução perfeita para um e-mail sobre sua nova paleta de maquiagem em forma de abacaxi:

Não é

• Não exagere nos emojis – eles devem servir como acentos significativos, não a maior parte da sua mensagem.
• Não use emojis confusos. Atenha-se aos emojis que são universalmente reconhecidos: carinhas sorridentes, canecas de café, etc.
• Não confie exclusivamente em emojis para fazer pontos-chave. Eles podem não ser renderizados corretamente em todos os clientes de e-mail, portanto, devem ser usados ​​para reforçar sua mensagem.

Dicas de imagem de e-mail

Imagens valem mais que mil palavras, mas dentro de e-mails elas devem ser usadas com moderação.

Fazer

• Salve imagens em 72ppi/dpi e otimize para a web para e-mails de carregamento rápido.
• Use imagens JPG e PNG em e-mails. Use GIFs com moderação e somente se eles não forem muito grandes.
• Escalone imagens e texto para um layout limpo e fácil de seguir.
• Use imagens atraentes que criem desejo e conte sua história: seus produtos em uso, por exemplo, ou clientes satisfeitos.
• Use o texto alternativo da imagem para que os leitores possam ler sobre o que são suas imagens se seus clientes de e-mail não as exibirem. Um bom texto alternativo ainda motivará cliques.
• Tamanho das imagens para telas retina (duas vezes o tamanho das telas normais).

O e-mail abaixo do Whosits & Whatsits usa imagens de alta qualidade para promover sua nova linha de chapéus. Os modelos são mostrados em ação, o que dá vida às fotos.

Este e-mail do Whosits & Whatsits usa imagens de alta qualidade para promover sua nova linha de chapéus. Os modelos são mostrados em ação, o que dá vida às fotos.

Não é

• Não use imagens como seu e-mail inteiro, pois elas podem não ser exibidas automaticamente em muitos clientes de e-mail.
• Não use imagens para botões de call to action, pois elas podem não renderizar.
• Não confie em imagens para contar sua história; ele será perdido por clientes de e-mail que não renderizam imagens automaticamente.
• Não use imagens complexas ou confusas que possam alienar os clientes.
• Não aumente o tamanho da imagem para e-mails — sempre reduza o tamanho para imagens de e-mail nítidas e cativantes.

Dicas de call to action (CTA) por e-mail

Seu CTA alimenta o sucesso do e-mail. Certifique-se de que é eficaz com essas dicas.

Fazer

• Faça da sua call to action um botão colorido que se destaque do resto do conteúdo do seu email.
• Mantenha o texto do seu CTA curto e significativo: compre agora, saiba mais, leia mais, etc. Confira esta lista de 50 calls to action que vendem para mais ideias.
• Coloque seu primeiro CTA acima da dobra e repita-o abaixo, se necessário (dois ou três CTAs por e-mail é uma boa regra geral).
• Faça seus botões grandes o suficiente para que os leitores não os percam.

Os botões de call to action cinza escuro da Uniqlo estão acima da dobra e se destacam no fundo claro do email:

Não é

• Não sobrecarregue seu e-mail com diferentes chamadas para ação. Em vez disso, concentre-se em direcionar os leitores para uma única ação. Se tiver mais, envie mais de um e-mail.
• Não enterre sua chamada à ação. Você quer que seu CTA se destaque, seja notado e seja clicado.
• Não se desvie do seu assunto. Seu CTA deve estar alinhado com seu assunto para que os leitores saibam o que esperar quando abrirem seu e-mail e para cumprir os regulamentos CAN-SPAM (sem truques!).

Dicas de cabeçalho e rodapé de e-mail

Obtenha uma aparência profissional com estas dicas para criar cabeçalhos e rodapés de e-mail.

Fazer

• Incorpore seu logotipo ou nome da empresa em seu cabeçalho para identificar sua marca.
• Adicione um texto de teaser antes do seu cabeçalho, que aparecerá na linha de assunto em muitos clientes de e-mail e lhe dará outra oportunidade de influenciar as aberturas.
• Aplique o mesmo cabeçalho e rodapé em todas as campanhas para uma marca consistente.
• Inclua informações de contato, recursos adicionais, como links de mídia social e links de valor agregado, links de cancelamento de assinatura e qualquer tipo de letra legal no rodapé.

No e-mail promocional abaixo, o logotipo da Lucky Brand é a primeira coisa que você vê ao abri-lo. O varejista de roupas sempre inclui links de mídia social em seus rodapés de e-mail também.

Não é

• Não crie um design complexo para seu cabeçalho ou rodapé – mantenha-o simples para que os leitores possam chegar ao cerne do seu e-mail.
• Não adicione muita navegação ao seu cabeçalho ou rodapé. Simplifique o máximo possível, para que você possa marcar seus e-mails com eficiência sem atrapalhar sua mensagem.
• Não inclua muito texto em seu cabeçalho ou rodapé – novamente, a simplicidade é fundamental.

Sempre que você estiver mexendo no design de e-mail, lembre-se de que é uma prática recomendada garantir que os novos elementos de design sejam exibidos corretamente em todas as plataformas e navegadores; felizmente, o Test Kit da VerticalResponse facilita essa parte. E, armado com essas dicas, você pode criar e-mails atraentes que são abertos, motivam cliques e impulsionam as vendas.