Como criar e-mails que vendem com design centrado na conversão

Publicados: 2021-11-03

Seus e-mails não estão convertendo tão bem quanto deveriam? Enquanto você muda sua cópia ou conteúdo para otimizar a experiência do assinante, você pode estar negligenciando um elemento muito crítico: o design.

Design não é apenas fazer as coisas parecerem bonitas. E os belos designs por si só não significam automaticamente alto desempenho. Se você deseja criar e-mails bonitos que vendem, você precisa de um design centrado na conversão.

O que é design centrado na conversão?

O design centrado na conversão (CCD) é exatamente isso: design que se concentra nas conversões. Pense no objetivo principal do seu e-mail. Em seguida, use um design persuasivo e gatilhos psicológicos para ajudar a guiar as pessoas na direção da ação que você deseja que realizem. Não é um truque; é CCD. Mas como exatamente você pode conseguir isso?

Certifique-se de que seus projetos fiquem bem

E-mails quebrados levam a menos conversões. Visualize seus e-mails em mais de 100 clientes de e-mail, aplicativos e dispositivos para garantir uma experiência do assinante na marca e livre de erros. Toda vez.

Otimize seus e-mails

9 dicas para criar e-mails de alta conversão

Existem vários princípios de CCD, os quais podem ser aplicados ao marketing por email. Eu vou te mostrar como.

1. Atenda à expectativa definida pela linha de assunto

Essa dica não é apenas sobre design. Como uma base sólida, todo o seu e-mail precisa ser coeso em seu objetivo único - desde a linha de assunto até a frase de chamariz interna. Isso significa não usar táticas enganosas que induzam os assinantes a abrir seu e-mail. Isso é o oposto do CCD e levará a conversões mais baixas.

Além disso, seu e-mail deve ser mapeado para o destino, conforme prometido pela linha de assunto e pelo conteúdo do e-mail. Sem isca e troca: o que fez seu assinante abrir e clicar deve levar exatamente a isso. Deve ser sobre como fornecer uma jornada consistente, começando com a linha de assunto até a página de destino. Isso mantém as expectativas e ajuda a construir confiança para o longo prazo.

Para obter mais informações sobre como obter aberturas, cliques e conversões, verifique essas dicas de linha de assunto de especialistas em e-mail.

2. Considere verbos que provocam em seus CTAs

Nenhuma quantidade de design pode ajudar um call-to-action (CTA) insatisfatório. Portanto, antes de falarmos sobre considerações de design, certifique-se de acertar seu CTA.

Um bom CTA não amplifica apenas o ato de proceder, amplifica o valor dele.

Seus assinantes não acordaram querendo fazer download ou se inscrever para nada. Em vez disso, eles podem ter acordado querendo ou precisando de algo. O texto do botão deve refletir o último e provocar - ou definir a expectativa de - o que seu assinante encontrará em seguida.

Para vender um ... Ao invés de… Experimente isso ...
Aplicativo de gerenciamento de projetos Baixe Agora. Comece a planejar.
Postagem de blog como fazer Saber mais. Mostre-me como.
Par de tênis Compre hoje. Corra mais rápido.

3. Chame o foco para o seu CTA com encapsulamento

O encapsulamento é a embalagem em que você coloca o conteúdo mais importante. A ideia é deixar claro para o leitor que o conteúdo é importante para ele. Um exemplo seria centralizar um CTA dentro de um túnel ou janela. Isso pode ser alcançado usando fotografia, um padrão ou um gradiente radial.

chamar a atenção para o cta
Chama a atenção para o CTA com uma imagem de fundo
fundo radial
Um fundo radial pode chamar a atenção para o CTA

Interessado nesta abordagem? Aprenda como fazer isso com estas úteis postagens de blog:

  • Como impressionar facilmente todos os assinantes com uma imagem de plano de fundo de e-mail (+ o código para fazer isso!)
  • A melhor maneira de codificar cores e gradientes de fundo de e-mail em HTML

4. Faça seu CTA se destacar com contraste

Cruzar as considerações que fazemos para um design acessível resulta em contrastes bem considerados. Ao projetar com o CCD em mente, é importante certificar-se de que seu CTA está em contraste com outros elementos do e-mail e, portanto, se destaca.

Com o CCD, também examinamos a psicologia das cores, pois ela pode ser usada para obter uma resposta emocional de seus assinantes:

psicologia da cor
Fonte: UX Planet

Para obter o maior nível de contraste, o Interaction Design Foundation recomenda o uso de cores opostas na roda de cores.

roda de cores
Fonte: Roda de Cores do Canva

No entanto, nem todos os contrastes de cores funcionam bem para todos os leitores, portanto, certifique-se de testar os contrastes dentro da paleta de cores da sua própria marca para acessibilidade de e-mail.

5. Aponte para conteúdos importantes com dicas direcionais

As dicas direcionais são indicadores visuais que apontam para um conteúdo importante e ajudam os assinantes a agir. Exemplos de tais pistas incluem setas, linhas, formas e linha de visão.

Com as setas, você pode literalmente apontar conteúdo importante, ajudar a orientar os leitores por meio de um e-mail e direcioná-los para elementos clicáveis. Linhas e formas podem ter o mesmo efeito, mas são muito mais sutis.

go-get-button
Chame elementos importantes usando setas para apontar o CTA

Com a fotografia, você pode criar caminhos e usar a linha de visão da fotografia humana para direcionar os leitores a elementos específicos.

ousado e bonito
Linha de visão: o modelo na imagem parece inferior esquerdo para onde o CTA está localizado

6. Deixe muitos espaços em branco para facilitar a localização de CTAs

Deixar muitos espaços em branco em uma composição ajuda os assinantes a localizar as áreas de um e-mail onde podem agir. Um ótimo exemplo é o espaço em branco em torno de um CTA. O posicionamento central e o preenchimento generoso na parte superior e inferior ajudam a chamar a atenção para um botão ou link de texto estilizado.

email-exemplo
Fonte: Emails realmente bons

O botão final no e-mail acima recebe um amplo espaço em branco para garantir que não seja perdido, junto com um lembrete de oferta claro.

7. Dê às pessoas uma amostra do que elas receberão

Mostre, não diga. É verdade o velho ditado: "Uma imagem vale mais que mil palavras." As pessoas desejam ver ou visualizar o que receberão antes de se comprometerem a agir. Vale a pena seu tempo e dinheiro? O design de e-mail é perfeito para apresentar seu produto ou serviço.

google-email-example
Fonte: Emails realmente bons

O Google apresenta seus fones de ouvido sem fio Pixel Buds neste e-mail promocional interativo. Com imagens ampliadas na área do herói, o assinante pode estudar o produto. Outras imagens no corpo do e-mail mostram exemplos do produto em uso.

A interatividade oferece uma experiência mais envolvente, com a opção de alternar entre as cores, adicionar o item a uma cesta de compras e clicar para finalizar a compra. Essa é uma ótima maneira de aumentar as conversões por meio da interatividade, pois encurta a jornada para fazer uma compra.

8. Use a urgência para encorajar a ação

O envio de e-mails que tenham um senso de urgência - como “preço final antecipado”, “1 dia até ...” ou “começa em 1 hora” - pode levar à ação limitando o tempo de tomada de decisão.

Técnicas visuais e elementos como cronômetros de contagem regressiva, tipografia em negrito e grande, mensagens mais curtas e CTAs que são visíveis ao abrir podem ajudar os assinantes a agirem rapidamente.

sinapse-email
Fonte: Emails realmente bons

9. Inspire confiança com a prova social

Incluir feedback positivo do cliente sobre seu produto ou serviço pode elevar a confiança e ajudar a dar aos clientes em potencial a confiança extra necessária para agir. Isso pode ser na forma de um depoimento, avaliação ou avaliação com estrelas.

exemplo de email
Fonte: Emails realmente bons

O caminho para a conversão é claro

As pessoas passam em média apenas 10 segundos lendo um e-mail. Portanto, é crucial que os skimmers entendam o contexto de todo o seu e-mail sem a necessidade de ler o corpo. O design centrado na conversão é uma maneira de permitir isso e fazer com que seus assinantes atendam rapidamente à sua frase de chamariz antes que percam o interesse. Experimente as dicas deste artigo para limpar o caminho para a conversão e diga-nos como foi!

Logotipo Litmus

Crie e-mails com pixels perfeitos - com Litmus

Crie rapidamente e-mails da marca sem erros. Padronize a garantia de qualidade usando verificações de pré-envio automatizadas. E muito mais.

Comece o teste gratuito