Mais de 12 práticas recomendadas para design de layout de marketing por e-mail

Os designs de e-mail da sua empresa estão desatualizados? Porque, aqui está uma opinião quente: isso não é necessariamente uma coisa negativa. Embora existam muitas tendências de design de email para ficar de olho, também existem muitas práticas recomendadas de design de email atemporais para se ter em mente ao projetar seus emails de marketing. Neste artigo, compartilharei com você as melhores práticas que você pode usar para criar layouts de marketing por e-mail poderosos. Vamos pular direto para os detalhes!

7 elementos essenciais de um layout de email

Ao entender cada um dos elementos que formam um layout de e-mail poderoso, você poderá juntá-los melhor de maneira eficaz.

Todo e-mail lay tem esses sete elementos essenciais:

• Cabeçalho e metadados
• Pré-cabeçalho
• Logo e cores
• Imagens
• Corpo
• Botões de apelo à ação (CTA)
• Rodapé

Vamos abordar um desses elementos e suas funções em um layout de email.

1. Cabeçalho e metadados

Quando seus assinantes recebem seu e-mail, o cabeçalho e os metadados são a primeira coisa que eles veem. Os clientes de email marketing normalmente preenchem previamente as seções "De" e "Responder para" com informações que você envia ao seu provedor de email marketing, mas você pode modificar as informações do cabeçalho de uma mensagem simplesmente clicando nessa área em seu rascunho.

Uma linha de assunto eficaz

Embora a linha de assunto não seja tecnicamente uma parte do layout do e-mail, ela é fundamental para o desempenho da entrega da mensagem de marketing. Essa é a primeira coisa que seus destinatários verão, e linhas de assunto chatas, irrelevantes ou com spam podem fazer com que seu e-mail seja ignorado.

Uma linha de assunto é útil para mais do que apenas motivar o destinatário a clicar em abrir. E-mails sem linhas de assunto são mais propensos a serem encaminhados para a lixeira de spam. Tente incluir um emoji fofo na sua linha de assunto também.

Aqui estão algumas dicas úteis para escrever uma ótima linha de assunto:

• Mantenha isso breve. A ideia é evitar que sua linha de assunto seja abreviada por caixas de entrada de e-mail.
• Seja honesto. Use a linha de assunto para informar ao destinatário o que está dentro do e-mail. Não tente ser enganador – nada de “isca e troca”.
• Seja o mais astuto possível, mas não muito astuto. Verifique com sua equipe se uma piada é apropriada.
• Evite frases de acionamento de spam (como "GRATUITO" ou "$$$") e pontuação excessiva.

2. Pré-cabeçalho

Um pré-cabeçalho de e-mail, geralmente conhecido como introdução, é o texto que aparece frequentemente ao lado da linha de assunto na caixa de entrada de um destinatário. Embora nem todos os clientes de email exibam o pré-cabeçalho automaticamente, ainda é uma boa ideia adicionar um personalizado e usar isso como uma oportunidade para dizer aos seus leitores exatamente o que esperar quando eles abrirem o email.

Comece com os fatos mais vitais, assim como os jornalistas. Se você está promovendo um desconto ou lançando um novo produto, por exemplo, comece com essas informações para atrair os visitantes a clicar e ler.

Pré-cabeçalhos não são necessários ao enviar um e-mail, mas podem ajudar seus leitores a entender seu conteúdo com mais clareza. Preheaders podem ser usados ​​para incutir um senso de urgência. Preste atenção nas primeiras cinco a oito palavras, que quase sempre aparecem na caixa de entrada de uma pessoa.

Se você deixar o campo de pré-cabeçalho vazio, ele exibirá apenas as primeiras linhas do seu e-mail. Seu destinatário verá seu pré-cabeçalho, bem como as primeiras linhas, dependendo de suas configurações. Considere isso ao criar seus cabeçalhos.

3. Logotipo

O design de layout de e-mail pode ser um processo criativo, mas se você deseja estabelecer um forte senso de quem você é como marca, é crucial manter certas práticas recomendadas básicas e ser consistente. Você deseja que seus destinatários de e-mail se acostumem com a identificação de sua marca antes de agitar as coisas, portanto, certifique-se de ter um conjunto consistente de cores de marca e um ótimo logotipo para exibir em seu design de e-mail.

Ao adicionar seu logotipo ao corpo do seu e-mail, certifique-se de que ele não se espalhe para ocupar a tela inteira. Talvez seja necessário reduzir o tamanho do seu logotipo para que seus leitores de e-mail não precisem rolar uma página inteira para baixo para ver o que está embaixo dele. Claro, certifique-se de que o logotipo é grande o suficiente para ser identificado ou lido.

Você pode querer que seu logotipo tenha um fundo transparente ou seja um formulário com a paleta de cores da sua empresa. Reserve um tempo para modificar seu logotipo enquanto cria um modelo para que todos os seus e-mails pareçam mais profissionais.

4. Imagens

As imagens podem ser uma ferramenta útil para usar em seus e-mails, mas apenas se complementarem seu conteúdo. Clientes ou clientes em potencial podem rolar rapidamente pelas palavras, mas farão uma pausa se virem uma imagem atraente. O que há em um gráfico de e-mail que o torna atraente?

As imagens devem ser claras e em alta resolução, mas não tão grandes que o carregamento demore muito. Apontar para um tamanho de arquivo de aproximadamente 1 MB e não mais de 5 MB. Imagens muito pequenas podem parecer pixeladas e seu e-mail parecerá amador. Quando são excessivamente grandes, os clientes de e-mail de seus leitores podem demorar muito para baixá-los ou, pior ainda, podem encaminhar seu e-mail para a pasta de spam.

5. Corpo

Quando alguém abre um e-mail, a primeira coisa que vê é o corpo, que é onde você pode ser criativo com seus elementos de design. Considere usar um modelo de arrastar e soltar adaptado ao seu setor específico. Também é possível desenvolver um modelo personalizado a partir do zero, mas um modelo ajudará você a criar um e-mail mais limpo e melhor projetado que siga as práticas recomendadas.

Para criar seu layout, você pode utilizar elementos geralmente conhecidos como blocos de conteúdo. Eles ajudam você a construir seu e-mail como você imaginou. Eles podem conter:

• Texto
• Imagens
• Divisores
• Botões
• Espaçadores
• Vídeos
• Links de mídia social
• Links para outras peças de conteúdo, como seu blog

Que informações você deseja dar aos seus leitores? Isso determina os blocos de conteúdo a serem incluídos em seu modelo. Ao decidir onde colocar quais blocos, tenha em mente a legibilidade. Ao organizar seus blocos de conteúdo, lembre-se do objetivo do seu e-mail.

Nunca coloque muito texto em um único bloco, pois isso pode confundir os leitores. Use uma cor de fundo suave, subtítulos ou marcadores para dividir o material. Inclua visuais que possam representar a mensagem da sua campanha de e-mail para que o destinatário entenda exatamente o que você quer que ele faça.

Também é possível compartilhar vídeos, experimentar animações e até inserir um cronômetro de contagem regressiva em um e-mail. Só tome cuidado para não exagerar. Não use mais do que um ou dois desses componentes de design interativo em um único e-mail.

6. Botões de CTA

Embora tecnicamente contidos no corpo de um e-mail, os botões de call to action são tão cruciais que merecem uma seção própria para discutir as melhores práticas. Seu CTA funciona como um ponteiro para o leitor seguir.

O texto nos botões os instrui sobre o que fazer em seguida, como "compre agora" ou "saiba mais". Seja qual for o texto que você usa, a razão fundamental para você enviar o e-mail em primeiro lugar é a ideia por trás dele.

Tenha sempre um botão de CTA com linguagem clara e direta. Se sua marca é jovem e empolgante, não tenha medo de ajustar o texto do botão para refletir isso. Use linguagem ativa e o mínimo de palavras possível para explicar a atividade.

7. Rodapé

Um rodapé é a seção na parte inferior de cada e-mail. Permite inserir informações especiais exigidas por regulamentações como a Lei CAN-SPAM sem interferir no design principal.

Informações obrigatórias no rodapé são:

• O nome e o endereço físico da sua empresa
• Uma maneira de seus destinatários atualizarem seus perfis
• Um link de cancelamento de inscrição
• A política de privacidade da sua empresa

Agora que você aprendeu sobre os 7 elementos essenciais de um layout de email, vamos passar para as 15 melhores práticas de design de layout de email.

As 12 principais práticas recomendadas de design de layout de e-mail

1. Projete com dispositivos móveis em mente

A quantidade de e-mails abertos no celular aumentou 180% apenas nos últimos três anos, o que significa que você está perdendo a maioria de seus assinantes de e-mail se seus e-mails não forem otimizados para celular.

Quando se trata de design de e-mail, adote uma mentalidade mobile-first. A maioria dos clientes de e-mail agora altera os layouts de e-mail para dispositivos móveis automaticamente, enquanto outros ainda não o fazem. Use layouts adaptáveis, modelos e codificação de folha de estilo em cascata (CSS) para garantir que seus e-mails sejam responsivos.

Atenha-se a um layout de coluna única sempre que possível e nunca use mais de três colunas. Certifique-se de que as fontes que você usa e as chamadas para ação (CTAs) sejam grandes, claras e simples de clicar (46 x 46 pixels é o tamanho ideal para CTAs compatíveis com dispositivos móveis). Sempre teste seus e-mails em diferentes clientes e dispositivos de e-mail para garantir a exibição adequada.

2. Fique com a largura de 600 pixels

Como você nunca sabe qual cliente de e-mail seus destinatários usarão, você deve construir para o menor denominador comum (tosse, Microsoft Outlook) quando se trata de largura de e-mail.

Mantenha seus e-mails em torno ou menos de 600 pixels de largura para a máxima visibilidade. Isso garante que seus e-mails de marketing possam ser visualizados corretamente no painel de visualização vertical de qualquer cliente de e-mail.

3. Evite usar imagens de fundo

Imagens de fundo não são suportadas por alguns clientes de e-mail (tosse, Outlook), então use-as por sua conta e risco. Se você precisar usar uma imagem de plano de fundo, certifique-se de que ela não inclua informações ou imagens críticas.

4. Equilibre suas imagens e texto

As imagens de fundo não são as únicas que podem falhar ao carregar. Na verdade, muitos clientes de e-mail bloqueiam automaticamente todos os gráficos. Além disso, e-mails com muitas imagens são mais propensos a serem marcados como spam, o que significa que seus destinatários podem não receber seus e-mails de marketing.

Para enfrentar esses desafios, aponte para uma mistura 50/50 de gráficos e texto. Você quer gráficos porque eles atraem a atenção do leitor e contam sua história mais rápido do que o texto. No entanto, certifique-se de continuar a transmitir sua narrativa. Além da cópia do corpo, inclua texto alternativo (assim como uma cor de fundo de reserva) para cada imagem.

Veja como o Medium equilibrou suas imagens com texto em um layout de email:

No final, é melhor supor que todas as imagens serão bloqueadas. Se ninguém puder ver suas imagens, seu e-mail ainda fará sentido?

5. Otimize suas imagens

Juntamente com o uso de texto alternativo e cores de fundo para imagens, existem outras dicas de formatação de imagem a serem lembradas para um design de layout de e-mail ideal:

• O tamanho da imagem deve ser otimizado. Quanto maior a imagem, mais tempo leva para o e-mail carregar. Mantenha as fotos o mínimo possível, mantendo a alta qualidade.
• Declare a largura e a altura da imagem. Quando as fotos não carregam, especificar o tamanho exato de suas fotos ajudará seu e-mail a manter sua estrutura. Nunca ultrapasse 600 pixels de largura.
• Para locais de imagem, use URLs absolutos. URLs absolutos são preferíveis a URLs relativos por vários motivos. Para todas as fotos de e-mail, use links absolutos e hospede-os em seu próprio site.
• Arquivos PNG devem ser evitados. PNGs não são suportados por todos os clientes de email. Em vez disso, use JPGs.
• Não use vídeos. Flash e JavaScript levam muito tempo para carregar e frequentemente direcionam seu e-mail para spam. Se você realmente deseja compartilhar um vídeo, use uma imagem estática que vincule a uma página que contém o vídeo em vez de incorporá-lo ao próprio e-mail. (No entanto, considere incorporar GIFs para aumentar o engajamento.)

6. Atenha-se a fontes comuns

Atenha-se às fontes padrão do sistema, como Arial, Helvetica, Georgia, Tahoma, Times New Roman e Verdana ao selecionar uma fonte para seus e-mails de marketing. Outras fontes podem não ser suportadas por alguns clientes de e-mail, portanto, elas podem não ser renderizadas corretamente, a menos que você escolha uma fonte substituta segura para a Web.

O tamanho da fonte é igualmente significativo para leitura de e-mail. Para material de corpo, o tamanho mínimo de fonte sugerido é de 14 pixels, enquanto para cabeçalhos, o tamanho mínimo de fonte sugerido é de 22 pixels.

7. Crie um cabeçalho atraente

A menos que você esteja enviando um e-mail de texto simples, você deve criar um cabeçalho simples, mas atraente, no início do seu e-mail.

O canto superior esquerdo do seu e-mail é o imóvel mais precioso – é para onde os olhos do leitor serão atraídos inicialmente. Faça bom uso dele incluindo o logotipo de sua empresa, junto com outras informações pertinentes (como seu número de telefone ou uma chamada para ação importante) à direita.

Se você quiser chamar a atenção apenas para o seu logotipo, coloque-o no centro, como visto abaixo pelo Artifact Uprising:

Certifique-se de que seu cabeçalho abrange toda a largura do e-mail. No entanto, não coloque muito em seu cabeçalho; visam mantê-lo em torno de 150 pixels de altura. Se você tiver muitos produtos ou categorias para mostrar, pense em utilizar uma barra de navegação. Deve ser dobrado entre o cabeçalho e a cópia do corpo.

8. Coloque sua mensagem chave “Acima da dobra”

O termo "acima da dobra" no jornalismo refere-se ao artigo de capa - o primeiro que os leitores veem (e, portanto, aquele que os leva a comprar o jornal ou seguir em frente).

Embora não haja uma dobra literal no email marketing, o princípio permanece. Coloque suas informações mais interessantes no início do seu e-mail se quiser que os leitores continuem lendo. O melhor lugar é dentro dos primeiros três centímetros de profundidade do e-mail.

Estamos falando de botões de CTA, gráficos e texto – não presuma que você precisa esperar até a conclusão do e-mail para incentivar os leitores a agir. Os CTAs com maior engajamento são frequentemente aqueles no topo de um e-mail.

Aproveite também o lado esquerdo do seu e-mail. As pessoas permanecem mais tempo no lado esquerdo da tela, de acordo com as tecnologias de rastreamento ocular, portanto, lembre-se disso ao exibir o material principal.

9. Mantenha sua cópia do corpo simples

Ao redigir um e-mail, mantenha-o curto e direto ao ponto. Isso inclui frases e parágrafos curtos, muito espaço em branco e dicas de estilo, como marcadores e texto em negrito.

Se você tiver muito texto para apresentar, considere incluir um índice com links para as partes individuais para que os leitores possam pular facilmente para o que desejam ver. No entanto, evite incluir muito texto; não só sobrecarregará os leitores, mas também será um sinal de spam. Em vez disso, inclua links claros para o conteúdo do seu site.

Se você estiver enviando um e-mail do nome real e do endereço de e-mail de alguém, convém incluir uma assinatura de e-mail na conclusão. Isso não apenas adiciona um toque pessoal, mas também fornece aos leitores uma pessoa específica para entrar em contato se tiverem dúvidas ou comentários.

10. Adicione botões de compartilhamento social

Negligenciar a inclusão de botões de compartilhamento social em suas campanhas de email marketing é um dos piores erros que você pode cometer.

Não é verdade que seu objetivo final como profissional de marketing digital é ganhar defensores da marca? O que poderia ser mais benéfico para sua marca do que fazer com que as pessoas compartilhem seu conteúdo em seus próprios canais de mídia social?

Inclua links de redes sociais na parte inferior de todos os e-mails de marketing para facilitar a vida deles. Se pedir aos leitores que compartilhem o conteúdo do e-mail parecer muito forte ou irreal, “Siga-nos!” botões podem ser usados ​​em vez disso. Você tem um aplicativo para celular? Promova-o aqui também!

Gostamos de como o Uber mostrou seus ícones de compartilhamento social de maneira sutil e apropriada à marca:

11. Aproveite o rodapé

O rodapé, embora frequentemente negligenciado, é um dos aspectos mais importantes de qualquer email de marketing. O rodapé é uma parte importante de um layout de email. Para começar, todos os e-mails comerciais devem estar em conformidade com a Lei CAN-SPAM, que exige que você forneça um link de desativação, bem como o nome e o endereço físico de sua empresa em todos os e-mails enviados. Além disso, você deve explicar por que os destinatários estão recebendo este e-mail (ou seja, eles se inscreveram em algum momento).

Esta informação não é apenas exigida por lei, mas também é uma boa ideia. Se você não simplificar o cancelamento da assinatura dos destinatários, eles ficarão ainda mais insatisfeitos com sua empresa.

O rodapé do e-mail também é uma boa área para incluir informações de contato adicionais, opções de assinatura e links para páginas relevantes do site (como seu novo inventário, localizador de lojas ou calendário de eventos).

12. Mantenha a simplicidade em mente

Acima de tudo, modelos de e-mail simples e diretos são o caminho a seguir. Eles não são apenas mais fáceis para os leitores digitalizarem e digerirem, mas também para os clientes de e-mail lerem e digerirem.

13. Testar e melhorar

Por fim, para identificar genuinamente a melhor fórmula para o design do seu email, você deve testá-la. Envie a si mesmo versões de teste de e-mails antes de enviá-los para examinar como eles ficam em diferentes clientes de e-mail (e se podem acabar na pasta de spam).

Além disso, você deve executar testes depois que a mensagem for enviada. Não há dois modelos de e-mail iguais, assim como não há dois leitores iguais. Divida sua lista e teste várias variações de seus e-mails de marketing para encontrar os melhores tempos de entrega, posicionamento de CTA e outros fatores.

Facilite seu design de layout de marketing por e-mail com o AVADA Marketing Automation

O AVADA Marketing Automation é uma poderosa ferramenta de marketing por e-mail e SMS que pode ajudá-lo a criar seu e-mail facilmente com seu construtor de e-mail de arrastar e soltar. Com esta ferramenta, os e-mails de design serão muito fáceis, porque você só precisa arrastar e soltar seus elementos de e-mail sem necessidade de codificação. Ele também fornece todos os recursos necessários para criar e gerenciar campanhas de email marketing.

Palavras finais

É isso! Espero que este artigo tenha fornecido as melhores práticas para o design de layout de marketing por e-mail. Por favor, sinta-se à vontade para deixar comentários abaixo para uma discussão mais aprofundada sobre este tópico!