Modulo 4. Aula 3. Como criar um e-mail profissional: Design e Layout

O design e layout do e-mail podem ser criados com editores de arrastar e soltar e são essenciais para a qualidade e sucesso de seu e-mail marketing.

Olá e bem-vindo à aula 3 do módulo Como criar um e-mail profissional. Na aula de hoje, discutiremos como criar um e-mail com aparência profissional.

Você provavelmente já sabe que não precisa de um designer gráfico ou habilidades de design para criar um e-mail incrível. Em vez disso, você só precisa encontrar um editor de e-mails de alta qualidade!

Exemplo da interface do editor Selzy mostrando seus recursos e design amigável.

Um ejemplo da editor da Selzy

Quase todas as plataformas de marketing por e-mail oferecem editores com a função de arrastar e soltar e uma variedade de modelos temáticos para cada objetivo de campanha. Como resultado, criar um e-mail com uma boa aparência é surpreendentemente fácil. Leva apenas alguns minutos e não são necessárias habilidades de programação!

Os modelos pré-prontos podem ser uma verdadeira mão na roda se você estiver com pouco tempo ou criatividade. É especialmente conveniente se você estiver procurando por um modelo projetado com uma data comemorativa ou ocasião específica em mente. Por exemplo, a Selzy oferece muitos modelos como os para o Dia dos Namorados, para o aniversário dos clientes e para a Páscoa, para citar alguns exemplos.

Ao escolher uma plataforma de marketing por e-mail, preste atenção nos blocos que o editor de e-mails inclui. Na maioria das vezes, eles oferecem um conjunto muito semelhante de opções, como blocos de texto, blocos de botões, inserir vídeos etc.

Mas alguns editores vão ALÉM disso.

Por exemplo, o editor de e-mails da Selzy tem um temporizador de contagem regressiva personalizável! Tudo que você precisa fazer é colocá-lo no seu modelo, personalizá-lo e pronto! Você pode ir além da personalização básica, como cor ou fonte: você também pode mudar fusos horários e idioma!

Se você planeja enviar e-mails sobre ofertas por tempo limitado com frequência e não quer quebrar a cabeça sobre quais ferramentas de contagem regressiva se integram à sua ferramenta de marketing por e-mail (sem mencionar pagar por elas), esta pode ser a solução.

O editor de e-mails da Selzy também permite que você salve e reutilize blocos de e-mail. Isso pode economizar muito tempo: em vez de criar e recriar cabeçalhos, rodapés ou blocos de cancelamento de inscrição, basta salvá-los uma vez e usá-los sempre que precisar. Você pode facilmente arrastar e soltar os blocos salvos na localização desejada dentro do layout do seu e-mail.

Agora, como você deve estruturar o layout?

O layout é a espinha dorsal da sua mensagem, então é melhor que seja forte e equilibrado. VOCÊ decide para onde vai a atenção do leitor e direciona a jornada dele ao longo da sua mensagem. Você tem o poder de destacar as informações que considera importantes e motivar o usuário a realizar uma determinada ação.

Sem uma hierarquia visual distinta, sua mensagem ficará confusa e difícil de consumir. Aqui estão algumas regras que você pode seguir para criar um ótimo layout de e-mail:

  • Use espaços em branco para arejar um pouco o seu layout.

  • Posicione elementos importantes, como CTAs, estrategicamente.

  • Mostre as informações mais importantes acima da dobra.

  • Forneça direções claras.

Vamos ver como essas regras funcionam na prática:

  • Dê uma olhada neste e-mail. A marca utiliza o popular layout de uma única coluna, onde cada elemento tem sua própria linha e até mesmo mostra a direção com uma seta.

Exemplo de layout de e-mail com design de coluna única para apresentação de conteúdo clara e organizada.

Em ejemplo de e-mail com um layot de uma única coluna

  • Aqui está outro exemplo. Esta marca utiliza o popular layout de pirâmide invertida, no qual você constrói até que o usuário não tenha nada a fazer além de clicar em um botão! Fantástico, não é?

Um exemplo de e-mail com layout de pirâmide invertida, exibindo um design estruturado e organizado.

Em ejemplo de e-mail com um layot de pirâmide invertid

Ok, então você tem um layout agradável com uma ótima hierarquia visual e CTAs estrategicamente colocados. É hora de clicar em “enviar” agora? Espere um segundo, há algumas coisas para verificar antes de fazer isso.

#1: Como seu e-mail fica em diferentes clientes de e-mail e dispositivos?

É essencial testar o layout de um e-mail em diferentes dispositivos e provedores de e-mail antes de enviá-lo. Afinal, você quer que ele fique bonito, não importa qual dispositivo seu destinatário use.

Verificar como seu e-mail será exibido em um dispositivo móvel é fácil: basta clicar em um botão de visualização, qualquer plataforma de marketing por e-mail tem isso.

Quanto aos provedores de e-mail, existem várias ferramentas que você pode usar para verificar como seu e-mail será visualizado assim que chegar à caixa de entrada das pessoas. Além disso, elas fornecerão recomendações úteis sobre o conteúdo. Os mais populares incluem Inbox Analyzer, Preview My Email e Mail-Tester.

Se você nunca usou esse tipo de software, certifique-se de experimentar diferentes ferramentas. Dessa forma, você terá uma chance maior de encontrar um software com o qual realmente goste de trabalhar.

#2: O tamanho do seu e-mail está adequado para evitar problemas de carregamento?

O tamanho é importante quando se trata de marketing por e-mail. Se o seu e-mail for muito grande, pode levar uma eternidade para carregar. Portanto, certifique-se de não sobrecarregá-lo com imagens e GIFs.

Uma regra geral sobre o tamanho: um e-mail deve ter cerca de 600 a 800 pixels de largura. Em seguida, deve ter cerca de 1.500 pixels de altura e pesar menos de 20 megabytes. Seguir esses números deve garantir que seu e-mail seja exibido corretamente em dispositivos desktop e móveis.

Uma dica: se suas imagens forem muito grandes, você pode usar ferramentas como o TinyPNG para reduzir o tamanho delas. Isso reduzirá drasticamente o tempo de carregamento do e-mail.

# 3: A fonte do seu e-mail é exibida corretamente?

As melhores fontes a serem usadas para o marketing por e-mail são as seguras para e-mails. Isso significa que serão exibidas corretamente em qualquer dispositivo e em qualquer provedor de e-mail em quase todos os casos.

Entendemos que pode ser tentador usar fontes únicas ou especiais para destacar seu conteúdo. Mas elas pode acabar sendo prejudiciais. Se uma fonte não for suportada por um provedor de e-mail, ela pode ser substituída por uma fonte diferente, o que pode alterar a aparência e a sensação passada por seu e-mail, ou até dificultar a leitura. Para evitar isso, use fontes seguras amplamente suportadas.

Algumas fontes sem serifa comuns que podem ser usadas para envios de e-mail são Arial, Arial Black, Tahoma, Verdana e Trebuchet MS. Fontes serifadas comuns são Georgia, Times New Roman, Courier New e MS Sans Serif.

# 4: Você usou textos ALT?

O texto alternativo (Alt text) é usado para descrever uma imagem. Ele aparece quando as imagens não são carregadas para um assinante ou quando estão desativadas. Se você fornecer a descrição de uma imagem, os assinantes que não a virem entenderão o conteúdo dela. Dessa forma, você também ajudará pessoas com deficiência visual, pois seus assistentes de voz lerão os textos alternativos para elas.

Ao seguir as dicas que listamos e usar as ferramentas corretas, você deve ser capaz de criar um e-mail bonito e profissional que envolverá seus assinantes e impulsionará o seu negócio.

Você está pronto para enviar aquele primeiro e-mail? Espere um pouco, há mais alguns detalhes. Vamos falar sobre eles – no próximo módulo. Até lá!

Lance sua primeira campanha por e-mail
em 15 minutos 😎