Resumo:<\/p>\n
- \n
- O que \u00e9 design de email?<\/a><\/li>\n
- Por que o design de email \u00e9 t\u00e3o importante?<\/a><\/li>\n
- Melhores pr\u00e1ticas de design de email<\/a><\/li>\n
- Como criar emails com design incr\u00edvel usando a Snov.io<\/a><\/li>\n<\/ul>\n<\/div>\n
O que \u00e9 design de email?<\/h2>\n
O design de email para newsletters \u00e9 a cria\u00e7\u00e3o estrat\u00e9gica de emails que levam em considera\u00e7\u00e3o as caracter\u00edsticas e necessidades do seu p\u00fablico-alvo, composto tanto por clientes potenciais quanto existentes.<\/p>\n
Criar um design de newsletter envolve posicionar CTAs (calls to action) de forma eficaz, distribuir o texto e exibir informa\u00e7\u00f5es nos lugares adequados, escolher imagens, utilizar o estilo corporativo e diversos outros elementos.<\/p>\n
Por que o design de email \u00e9 t\u00e3o importante?<\/h2>\n
Emails que n\u00e3o oferecem informa\u00e7\u00f5es valiosas para o usu\u00e1rio geralmente s\u00e3o ignorados ou deletados. O design de email transforma um envio irritante e desinteressante em uma ferramenta pr\u00e1tica para interagir com o cliente. Um design eficaz deve ser visualmente atraente, captar a aten\u00e7\u00e3o e estar alinhado com a filosofia da marca.<\/p>\n
Melhores pr\u00e1ticas de design de email<\/h2>\n
1. D\u00ea aten\u00e7\u00e3o ao preview<\/h3>\n
O pre-header<\/em> \u00e9 o texto vis\u00edvel logo ap\u00f3s a linha de assunto na caixa de entrada ou no topo do modelo de email quando a mensagem \u00e9 aberta. Geralmente, ele \u00e9 deixado de lado ou subutilizado. No entanto, ao experimentar e otimizar o texto do pre-header, as taxas de abertura podem aumentar em at\u00e9 45%.<\/p>\n
O pre-header do email \u00e9 uma das primeiras coisas que o usu\u00e1rio ver\u00e1 ao abrir a caixa de entrada. Essa frase curta oferece ao destinat\u00e1rio uma ideia geral sobre o conte\u00fado do email, seu prop\u00f3sito e se vale a pena abrir e ler.<\/p>\n
Em vez de simplesmente repetir a primeira frase do email, procure torn\u00e1-la mais atraente para o seu cliente. Isso aumenta as chances de o usu\u00e1rio n\u00e3o apenas abrir o email, mas tamb\u00e9m l\u00ea-lo e interagir de alguma forma.<\/p>\n
![\"Pre-header](\"https:\/\/snov.io\/blog\/wp-content\/uploads\/2022\/12\/1670534754.png\")
Pre-header example (Source: MasterBundles)<\/em><\/figcaption><\/figure>\n Um resumo r\u00e1pido sobre o conte\u00fado do newsletter ser\u00e1 mais \u00fatil e chamar\u00e1 a aten\u00e7\u00e3o de seus potenciais clientes. Isso pode ser feito por meio de uma pergunta instigante ou de uma lista de t\u00f3picos que ser\u00e3o abordados no email.<\/p>\n
2. Crie emails personalizados com a identidade da marca<\/h3>\n
O email \u00e9 um reflexo claro da sua estrat\u00e9gia de marketing. Para alcan\u00e7ar seus objetivos e aumentar a visibilidade da empresa, aplique elementos de branding at\u00e9 mesmo nos emails de newsletter. Seus destinat\u00e1rios devem reconhecer seu email imediatamente entre os demais. Considere os seguintes aspectos:<\/p>\n
- \n
- Sincronize o design do email com outros conte\u00fados.<\/strong> Mantenha os mesmos estilos de fonte, cores e identidade visual em todos os elementos de marketing. Adicionar o logo no in\u00edcio ou no final do email \u00e9 uma excelente forma de refor\u00e7ar sua marca.<\/li>\n
- Use um tom espec\u00edfico e reconhec\u00edvel.<\/strong> Inclua frases famosas da sua empresa e o estilo de comunica\u00e7\u00e3o que utiliza com sua audi\u00eancia. Voc\u00ea tamb\u00e9m pode adicionar piadas internas e usar emojis para tornar o email mais cativante.<\/li>\n
- Inclua links para as redes sociais e o site da empresa.<\/strong> Isso ajudar\u00e1 os usu\u00e1rios a compreenderem melhor sua marca e, ao mesmo tempo, melhorar\u00e1 o desempenho da sua campanha de email.<\/li>\n<\/ul>\n
![\"Website](\"https:\/\/snov.io\/blog\/wp-content\/uploads\/2020\/10\/image1-6.png\")
<\/p>\n![\"Website](\"https:\/\/snov.io\/blog\/wp-content\/uploads\/2020\/10\/image5-6.png\")
Website and email consistency example (Source: MailChimp)<\/em><\/figcaption><\/figure>\n 3. N\u00e3o se esque\u00e7a da experi\u00eancia do usu\u00e1rio<\/h3>\n
O design do seu email deve ser bem estruturado e facilmente compreendido pelo cliente em potencial. O melhor design de email oferecer\u00e1 um bom equil\u00edbrio entre texto e elementos visuais, seguindo uma hierarquia de informa\u00e7\u00f5es com um layout eficaz.<\/p>\n
Modelos de email s\u00e3o uma \u00f3tima solu\u00e7\u00e3o para atender a essas necessidades e garantir a satisfa\u00e7\u00e3o do usu\u00e1rio. Eles podem servir de inspira\u00e7\u00e3o ou ser personalizados para atender \u00e0s suas demandas. O pessoal da MasterBundles oferece mais de uma centena de modelos incr\u00edveis de email para simplificar o processo de cria\u00e7\u00e3o de campanhas.<\/p>\n
![\"Email](\"https:\/\/snov.io\/blog\/wp-content\/uploads\/2022\/12\/image14.png\")
Email template examples (Source: MasterBundles)<\/em><\/figcaption><\/figure>\n Outra caracter\u00edstica importante dos emails que voc\u00ea deve ter em mente \u00e9 que eles geralmente exigem que o usu\u00e1rio role a tela para baixo. Portanto, o conte\u00fado deve ser dividido de forma equilibrada.<\/p>\n
Para isso, adicione bastante espa\u00e7o em branco, listas e subt\u00edtulos que destaquem as informa\u00e7\u00f5es principais. Os pontos mais cr\u00edticos, como os CTAs, devem ser posicionados no in\u00edcio e pr\u00f3ximos ao final, j\u00e1 que o usu\u00e1rio tende a lembrar melhor das primeiras e \u00faltimas informa\u00e7\u00f5es percebidas.<\/p>\n
![\"Example](\"https:\/\/snov.io\/blog\/wp-content\/uploads\/2022\/12\/1670534962.png\")
Example of a CTA at the beginning of the email (Source: Salesforce)<\/em><\/figcaption><\/figure>\n Em qualquer caso, um layout de qualidade ajuda a estruturar as informa\u00e7\u00f5es no email e torna a leitura mais f\u00e1cil para o usu\u00e1rio.<\/p>\n
4. N\u00e3o \u00e9 tudo sobre os visuais<\/h3>\n
Emails s\u00e3o uma mistura equilibrada de bom texto e conte\u00fado visual. Por isso, voc\u00ea deve dedicar o mesmo esfor\u00e7o e tempo para escrever o texto do email quanto para selecionar as ilustra\u00e7\u00f5es e criar o layout. O texto deve despertar o interesse do usu\u00e1rio, falar com ele em sua linguagem e de forma amig\u00e1vel. Para obter um excelente resultado, use palavras e frases persuasivas que podem ajudar a aumentar as convers\u00f5es.<\/p>\n
![\"Emotional](\"https:\/\/snov.io\/blog\/wp-content\/uploads\/2019\/09\/Emotional-trigger-words.png\")
<\/p>\n5. Seja mais pessoal<\/h3>\n
Use a personaliza\u00e7\u00e3o para fazer o design da sua newsletter se destacar entre milhares de emails id\u00eanticos. Inclua o nome do destinat\u00e1rio e outras informa\u00e7\u00f5es importantes que sua empresa tenha, como hist\u00f3rico de compras ou itens salvos.<\/p>\n
Outra op\u00e7\u00e3o \u00e9 adicionar um espa\u00e7o para receber feedback do usu\u00e1rio. Inclua uma fun\u00e7\u00e3o para avaliar o qu\u00e3o \u00fatil foi o email desta vez. Com base nas respostas, voc\u00ea pode ajustar facilmente seu envio personalizado. Como resultado, seus emails ter\u00e3o um toque mais atencioso e adicionar\u00e3o calor \u00e0 sua comunica\u00e7\u00e3o com o cliente.<\/p>\n
![\"Newsletter](\"https:\/\/snov.io\/blog\/wp-content\/uploads\/2022\/12\/1670535046.png\")
Newsletter feedback example (Source: Litmus)<\/em><\/figcaption><\/figure>\n 6. Adicione mais conte\u00fado visual<\/h3>\n
J\u00e1 sugerimos incluir o seu logo e manter o equil\u00edbrio entre texto e visuais. Esse conselho \u00e9 importante, pois par\u00e1grafos longos de informa\u00e7\u00e3o n\u00e3o manter\u00e3o a aten\u00e7\u00e3o do cliente em potencial por muito tempo. Voc\u00ea pode separar facilmente o conte\u00fado informativo usando anima\u00e7\u00f5es personalizadas, v\u00eddeos e outros materiais criativos.<\/p>\n
\u00c9 necess\u00e1rio lembrar que o tema do conte\u00fado visual deve refletir diretamente a identidade da sua empresa. Qualquer inser\u00e7\u00e3o tamb\u00e9m faz parte da sua marca, por isso, evite exagerar em gifs ou emojis apenas por divers\u00e3o. Em vez disso, adicione um v\u00eddeo informativo sobre novos servi\u00e7os, uma visualiza\u00e7\u00e3o de descontos ou fotos de novos produtos ao email para melhorar o design da sua newsletter.<\/p>\n
![\"Newsletter](\"https:\/\/snov.io\/blog\/wp-content\/uploads\/2022\/12\/image10.png\")
Newsletter with the video example (Source: InVision)<\/em><\/figcaption><\/figure>\n 7. Ofere\u00e7a um design responsivo<\/h3>\n
Esquecer-se dos diferentes formatos de tela \u00e9 um erro comum no design de emails. Um design responsivo considera a tela do usu\u00e1rio e altera seu formato de acordo. Assim, os clientes podem visualizar o email em qualquer dispositivo.<\/p>\n
Fa\u00e7a sua pesquisa e descubra quais s\u00e3o os formatos de tela mais comuns entre os smartphones, tablets e laptops dos seus usu\u00e1rios. Com base nesses resultados, adapte a newsletter para os dispositivos mais populares e teste-a usando mockups. Isso tamb\u00e9m se aplica aos pre-headers, que devem n\u00e3o apenas atrair a aten\u00e7\u00e3o, mas tamb\u00e9m ser acess\u00edveis \u00e0 percep\u00e7\u00e3o.<\/p>\n
![\"Responsive](\"https:\/\/snov.io\/blog\/wp-content\/uploads\/2022\/12\/image6.png\")
Responsive email design (Source: Campaign Monitor)<\/em><\/figcaption><\/figure>\n 8. Use esquemas de cores eficazes<\/h3>\n
Suponha que seu email contenha um grande n\u00famero de CTAs e o tema esteja relacionado a vendas e lan\u00e7amentos de novos produtos. Nesse caso, vale a pena usar cores vibrantes que estimulem o destinat\u00e1rio a agir.<\/p>\n
De acordo com um teste A\/B da HubSpot, o vermelho aumenta as convers\u00f5es em 21%. No entanto, ele deve ser usado apenas para destacar o texto dentro do esquema de cores geral do email. Se todo o design do seu email for vermelho, isso n\u00e3o ajudar\u00e1 seu CTA. O vermelho funciona melhor com as cores mais b\u00e1sicas, como branco e tons de cinza.<\/p>\n
![\"Best](\"https:\/\/snov.io\/blog\/wp-content\/uploads\/2022\/12\/image5.png\")
Best CTA color options<\/em><\/figcaption><\/figure>\n Como alternativa, voc\u00ea pode usar cores complementares para adicionar contraste e enfatizar os detalhes principais do email. Para evitar combina\u00e7\u00f5es arriscadas, utilize tons mais claros e mais escuros da mesma cor corporativa e compare o engajamento do email.<\/p>\n
![\"Best](\"https:\/\/snov.io\/blog\/wp-content\/uploads\/2022\/12\/image2.png\")
<\/p>\n9. Trabalhe no design do seu fechamento de email<\/h3>\n
O final do email \u00e9 t\u00e3o importante quanto o seu in\u00edcio. Esta parte deve ser informativa e ben\u00e9fica para o destinat\u00e1rio. N\u00e3o \u00e9 suficiente apenas incluir o nome da sua empresa e desejar um bom dia aos seus clientes. Uma forma melhor de preencher esse espa\u00e7o \u00e9 adicionar algumas informa\u00e7\u00f5es de contato, seu cargo e seu nome completo.<\/p>\n
Al\u00e9m disso, \u00e9 comum inserir o logo da empresa no in\u00edcio ou no final do email, para que as informa\u00e7\u00f5es recebidas pelo destinat\u00e1rio sejam automaticamente associadas \u00e0 sua empresa. Tamb\u00e9m \u00e9 essencial indicar os poss\u00edveis canais de comunica\u00e7\u00e3o com voc\u00ea ou com o atendimento ao cliente.<\/p>\n
![\"Email](\"https:\/\/snov.io\/blog\/wp-content\/uploads\/2022\/12\/1670535301.png\")
Email sign-off example (Source: Beefree)<\/em><\/figcaption><\/figure>\n 10. N\u00e3o tenha medo do bot\u00e3o de “cancelar inscri\u00e7\u00e3o”<\/h3>\n
N\u00e3o esconda essa fun\u00e7\u00e3o dos seus destinat\u00e1rios. Seu p\u00fablico \u00e9 uma parte din\u00e2mica do neg\u00f3cio e \u00e9 natural que, em determinado momento, sua newsletter deixe de trazer benef\u00edcios ao usu\u00e1rio.<\/p>\n
Para evitar incomodar clientes com marketing agressivo e intrusivo, adicione um bot\u00e3o de “cancelar inscri\u00e7\u00e3o” bem vis\u00edvel no final da newsletter. Isso far\u00e1 com que o destinat\u00e1rio entenda que receber esse envio \u00e9 uma escolha, n\u00e3o uma obriga\u00e7\u00e3o, o que geralmente os repele. Isso tamb\u00e9m ajudar\u00e1 a filtrar a parte desinteressada da sua lista de assinantes e criar\u00e1 uma impress\u00e3o final positiva no usu\u00e1rio.<\/p>\n
![\"Unsubscribe](\"https:\/\/snov.io\/blog\/wp-content\/uploads\/2022\/12\/1670535353.png\")
Unsubscribe button example (Source: Snov.io)<\/em><\/figcaption><\/figure>\n 11. Seja criativo<\/h3>\n
Listamos muitas regras relacionadas \u00e0 estrutura e ao conte\u00fado do design da newsletter, mas voc\u00ea n\u00e3o deve esquecer seu pr\u00f3prio toque pessoal.<\/p>\n
Trate a cria\u00e7\u00e3o da newsletter como um processo criativo, busque ideias de outras empresas e n\u00e3o tenha medo de transformar sua vis\u00e3o em realidade. Nem sempre s\u00e3o as cores vibrantes e a coloca\u00e7\u00e3o correta das informa\u00e7\u00f5es que atraem a aten\u00e7\u00e3o do destinat\u00e1rio, mas sim sua criatividade e o resultado final.<\/p>\n
Para adicionar algo criativo ao design do seu email, experimente novos modelos, busque formas incomuns de estruturar as informa\u00e7\u00f5es e experimente com elementos gr\u00e1ficos.<\/p>\n
Voc\u00ea pode at\u00e9 explorar novas tecnologias para tornar seus emails \u00fanicos, como optar por criar arte com IA, o que ajuda a manter cada mensagem fresca e envolvente. Toques criativos como esses podem ajud\u00e1-lo a se destacar dos concorrentes.<\/p>\n
Mas n\u00e3o se esque\u00e7a de que, ap\u00f3s essas mudan\u00e7as, \u00e9 importante monitorar a rea\u00e7\u00e3o dos usu\u00e1rios e as estat\u00edsticas da campanha. Observe o que funcionou e o que \u00e9 melhor evitar no futuro. Assim, ao longo do tempo, voc\u00ea reunir\u00e1 um conjunto de ferramentas criativas comprovadas, a partir do qual ser\u00e1 f\u00e1cil criar uma newsletter eficaz.<\/p>\n
Como criar emails lindamente projetados com a Snov.io<\/h2>\n
Para come\u00e7ar, clique neste link para se registrar e obter acesso gratuito e vital\u00edcio ao conjunto de ferramentas do Snov.io. Voc\u00ea ter\u00e1 acesso a ferramentas de gera\u00e7\u00e3o de leads e um construtor de campanhas de email drip, que o ajudar\u00e3o a encontrar, qualificar, segmentar seu p\u00fablico e guiar seus prospects atrav\u00e9s do funil de vendas para atingir seus objetivos de marketing.<\/p>\n
- Use um tom espec\u00edfico e reconhec\u00edvel.<\/strong> Inclua frases famosas da sua empresa e o estilo de comunica\u00e7\u00e3o que utiliza com sua audi\u00eancia. Voc\u00ea tamb\u00e9m pode adicionar piadas internas e usar emojis para tornar o email mais cativante.<\/li>\n
- Por que o design de email \u00e9 t\u00e3o importante?<\/a><\/li>\n
![\"Campanhas](\"https:\/\/snov.io\/blog\/wp-content\/uploads\/2023\/01\/es.png\")
<\/div>\n<\/div>\n![\"How](\"https:\/\/snov.io\/blog\/wp-content\/uploads\/2019\/04\/1625052983.png\")