Como o layout pode chamar a atenção do seu leitor no envio de e-mail marketing

Publicado em 01 de setembro de 2014


Desde o início do mês de agosto, o blog vem mostrando diversas dicas para quem está começando a enviar e-mail marketing e para quem quer ampliar o uso da ferramenta. Nosso guia começou com a escolha do público-alvo, depois passou pela criação e segmentação das listas de contatos, pela produção do conteúdo e a escolha de uma boa linha de assunto e do remetente.

Hoje vamos falar da parte visual. Até o final deste post, você aprenderá dicas práticas sobre como criar um layout atrativo para servir de complemento à mensagem que você quer passar em suas campanhas de e-mail marketing. Além disso, você vai ver quando incluir vídeos ou gifs animados. Continue lendo.

Um livro chama a atenção pela capa, o e-mail marketing, pelo layout

Quando você vai a uma livraria, o que chama sua atenção em primeiro lugar? Certamente, você deve estar pensando na capa. Muitas vezes você já tem um autor ou o nome da obra em mente, mas uma capa bem produzida sempre desperta a curiosidade ao menos para ver de que assunto se trata, não é?

A mesma lógica se aplica ao e-mail marketing. O layout é a principal forma, e também a de efeito mais imediato, de chamar a atenção dos seus leitores e se destacar no meio de tantas ofertas de e-mails. O design se tornou peça importante na estratégia de comunicação de um produto ou serviço. O impacto visual pode levar uma campanha ao sucesso, despertando a curiosidade pelo que sua empresa tem a oferecer e garantindo um bom ROI (retorno sobre investimento).

Encontre o equilíbrio entre imagens e texto

Os grandes provedores de e-mails costumam bloquear automaticamente mensagens que contenham apenas imagens ou imagens grandes. Por isso, o ideal é balancear a parte visual com a textual. A referência utilizada no mercado é de no mínimo 60% texto e 40% imagens.

A combinação entre imagens e subtítulos funciona muito bem para definir transições e criar um design harmonioso para quem ler.

Mostre que você se comunica diretamente com seu leitor

Aposte na comunicação direta. Experimente utilizar imagens de rostos de pessoas sorrindo, olhando ou apontando diretamente para a tela do computador, como se fosse para o seu leitor. É como se sua empresa estivesse se comunicando diretamente com ele.

Agora mude o foco da imagem. Coloque uma pessoa apontando para uma direção (para cima, para baixo ou para o lado). Ter uma pessoa apontando para o seu texto ou para uma oferta específica irá aumentar suas conversões.

Para aumentar ainda mais o interesse de seus destinatários, escolha imagens que transmitam emoção, tranquilidade ou a sensação de liberdade. As pessoas são movidas por sentimentos, crenças e impressões. Quando há identificação, a resposta é instantânea.

Use gráficos de crescimento para indicar evolução e sucesso alcançado. O mesmo conceito se aplica para imagens com alvos, que demonstram habilidade e vitória.

Siga as tendências e valorize o design responsivo


Não se esqueça de que o tamanho deve ser compatível com diferentes dispositivos e atender a lógica do Responsive Design (design responsivo), ou seja, deve ser legível e adaptável aos diferentes tamanhos de tela, desde o monitor de um computador de mesa até tablets e celulares. Isso porque hoje os hábitos de consumo, em especial no mobile, têm sido cada vez mais expressivos.

Uma parcela massiva da população aproveita os momentos de folga, a caminho do trabalho ou de casa, e acessa seus e-mails pelo smartphone, da rua, do carro ou de qualquer outro lugar. Além de atender seu público-alvo, você ganha pontos com as boas práticas do e-mail marketing.

Portanto, para não correr o risco de ver seu layout cortado, dê preferência para imagens pequenas e definidas com largura em porcentagem. Isso porque a forma como sua campanha será recebida varia entre os provedores de e-mail e, principalmente, depende de onde o seu leitor a acessará.

Evite anexos. Hospede o que for usar em um servidor próprio e insira como código em seu HTML.

Alinhe o tipo de fonte com o contraste de cores

Antes de começar a preparar a parte visual, é importante definir alguns pontos relacionados ao conteúdo. Escolha uma tipografia comum em todos os computadores para evitar que sua mensagem chegue desconfigurada à Caixa de Entrada de algum leitor.

Evite fontes Script/Caligráficas, aquelas que parecem escritas à mão, no corpo do texto. Utilize fontes serifadas. São ideais para guiar o olhar do leitor. Estabeleça uma hierarquia tipográfica, separando elementos do texto através de tamanho, peso, cor e contrastes.

Se o papel do layout e das imagens é atrair a atenção para o conteúdo, o texto não deve ser escrito com fontes pequenas, nem com excesso de tipos e formatos. Mantenha dois tipos diferentes de fontes no máximo. Não use todo o texto com letras maiúsculas. Evite centralizar. Priorize a legibilidade e dê espaço para o texto respirar. Facilite a leitura.

Adote cores contrastantes e texturas diferentes, mas em moderação para não tirar o foco do conteúdo. A ideia é complementar o texto e despertar o interesse da mensagem. Evite cores berrantes. Mantenha uma paleta de até duas cores. Opte pelo fundo mais claro e destaque o texto com uma cor mais escura.

Aumente as chances de entregabilidade com o e-mail marketing em HTML

Cada provedor de e-mail ou webmails e cada navegador de internet renderizam de diferentes maneiras uma mesma marcação HTML de uma campanha. O formato HTML recomendado para e-mail marketing utiliza tabelas, e o código segue uma estruturação básica que inicia com o comando < table > e termina com < /table >:

< table border="1" >

< tr >

< th > Frutas < /th >

< th > Verduras < /th >

< th > Grãos < /th > < /tr >

< tr >

< td > Maçã < /td >

< td > Alface < /td >

< td > Arroz < /td > < /tr >

< tr >

< td > Laranja < /td >

< td > Beterraba < /td >

< td > Trigo < /td >

< /tr >

< /table>

Como mostra o exemplo acima, as linhas são marcadas com a tag TR, enquanto as colunas são destacadas pela tag TD.

Utilize "alt tags" nas imagens, isto é, descreva o que há em cada imagem, sem esquecer de incluir todas as palavras-chave. Estes textos alternativos são inseridos no código HTML da seguinte maneira:

< img src="imagem.jpg" alt="Texto alternativo" / >

Caso a imagem não seja exibida no e-mail, ao menos seus destinatários saberão do que trata, e você terá a chance de receber cliques. Outra prática para este tipo de marketing é a inclusão de links. Se o leitor não visualizar a imagem, poderá ao menos clicar nela.

Estas são algumas das boas práticas que evitam alterações desnecessárias de layout, além da incompatibilidade com algumas plataformas como citamos há pouco.

Para evitar o bloqueio automático, encoraje sua lista a acrescentar seu endereço de e-mail aos remetentes e garanta a entregabilidade.

Explore o poder do marketing e instigue a curiosidade do público com apelo multimídia

Estudos comprovam que as pessoas são mais atraídas por movimentos do que por imagens estáticas. Elementos animados podem ser bem interessantes aos olhos de um cliente em potencial, além de aguçar a curiosidade e servir como mais um complemento à mensagem, destacando os pontos mais importantes da sua campanha, sem torná-la pesada.

Você pode aproveitar esse apelo e inserir um GIF no começo da campanha. Ao ver uma animação interessante, seu leitor estará disposto a ler todo o e-mail. Os GIFs estão frequentemente presentes em sites de humor e nas redes sociais. É um recurso popular, divertido e curto. E como as pessoas procuram informações fáceis de serem consumidas, é uma ótima opção para prender a atenção dos leitores até o fim.

Seja sucinto. Use animações leves, com até 70kb. Afinal, não se esqueça de que o acesso via mobile não pode ser deixado de lado. E o mais importante, utilize com moderação. Escolha uma imagem para destacar seu produto principal ou faça pequenas animações em botões espalhados pela campanha, como selos de desconto, por exemplo.

Use com cautela, pois nem todas as plataformas estão habilitadas para suportar este tipo de exibição. É o caso, por exemplo, do Outlook 2007-2013 e do Windows Phone 7. Lembre-se que o principal objetivo de uma boa campanha é entregar o e-mail corretamente a todos os destinatários.

Os benefícios do e-mail marketing com vídeo

Outro recurso multimídia que pode mostrar o diferencial da sua empresa em relação às demais é o vídeo. Para entreter, prepare arquivos curtos, sem delongas e que vá direto ao ponto. Poupe o tempo da sua audiência e mantenha a leveza de seus e-mails.

Teste a repercussão ou aceitação, colocando a palavra “vídeo” na linha de assunto.

Crie uma estratégia de marketing como o envio de uma série sequencial de pequenos vídeos, tendo como embasamento o conceito da sua marca. Explore entrevistas sobre sua empresa, produtos ou serviços. Incentive a gravação de depoimentos com clientes para conquistar novos clientes. Conte histórias. Cative seu público.

Compartilhe a compilação no canal da sua empresa no YouTube ou no Vimeo, só para citar os serviços mais populares. Através do CTA (call to action), encoraje seus leitores a ver os vídeos e compartilhá-los com os amigos. Acompanhe as interações e melhore suas estratégias.

Faça testes antes de enviar sua campanha

Novas práticas devem ser testadas. Por isso, não deixe de testar antes de enviar. Para evitar qualquer erro de configuração, teste a visualização do template já pronto, com conteúdo e imagens, em diferentes navegadores (Chrome, Firefox, Internet Explorer, Safari...) e nos provedores de e-mails mais utilizados (Gmail, Hotmail, Yahoo...).

Faça testes A/B, compare os cliques em cada modelo e acompanhe os resultados obtidos nas campanhas. Dispare uma com GIF animado ou vídeo e outra com imagens estáticas.

Com um layout atrativo e conteúdo de qualidade, não há leitor que resista, não é? Na próxima semana, vamos fazer um checklist e configurar o SPF para garantir a entregabilidade da sua mensagem. Se você não sabe o que é isso, nem imagina como fazer, não se preocupe. Você vai aprender tudo no próximo post.

Gostou do conteúdo? Compartilhe!

Se quiser ampliar o debate sobre estes temas, estamos presentes nas redes sociais. Entra lá e conte para nós o que achou!

Facebook, Twitter, Linked In, Google+

Tem alguma sugestão de assunto para o Blog? Escreva para nós!