Caso você não saiba, o e-mail marketing não morreu.
Na verdade, a realidade é o oposto disso. Até o final do próximo ano espera-se que o número total de contas de e-mail no mundo cresça para mais de 4,3 bilhões. Quer queira, quer não, as pessoas gostam de enviar e-mails. É rápido, conveniente e, principalmente, eficaz.
Como ferramenta de negócio, a McKinsey & Company constatou que o e-mail é 40 vezes mais eficiente para conquistar novos clientes que o Facebook e o Twitter — e esta é apenas uma das várias estatísticas interessantes que confirmam o sucesso do e-mail marketing. Se você possui uma startup ou marca que deseja aproveitar esse sucesso, criar um e-mail bem-feito é crucial para conquistar seu objetivo. Em meio a tanta concorrência, um ótimo design de e-mail é aquele que captura a atenção do leitor rapidamente, evitando que a mensagem seja excluída e corra o risco de não ser lida.
Envolva seus clientes e crie campanhas de e-mail marketing que alcancem um grande público. Aqui mostramos como os profissionais no assunto fizeram isso — e esperamos que este post sirva de inspiração para você criar designs de e-mail incríveis!
Creditamos Beautiful-email-newsletters.com pelo trabalho que realizaram, apresentando alguns dos exemplos usados neste artigo.
01. Experimente usar blocos de cor
Os blocos de cores e belos tons coloridos deste exemplo do estúdio The Stylish City são surpreendentes e eficientes. A paleta neutra de cores, que faz uso de rosa-claro e preto, deixa a aparência moderna e sofisticada. O layout é atraente e único, uma mistura de newsletter e editorial de moda. Ainda assim, por estar centralizado e sobre a imagem, o texto consegue ser o foco do design.
02. Use cor para chamar a atenção
Neste exemplo do IS Design + Digital, a utilização da cor neon chama a atenção do leitor rapidamente, e faz com que seja muito difícil não parar para conferir o título. A moldura quadrada em torno do texto otimiza esse efeito, tanto que o nome do festival pode ser lembrado até pelos leitores menos interessados. Imagens fortes, calls to action de destaque e um forte contraste são elementos eficazes deste design.
03. Divirta-se com animações
Este exemplo de Mika Osborn usa um criativo e divertido GIF para transmitir uma mensagem simples e clara através de um design único, surpreendente e memorável. A mensagem é transmitida com perfeição, encorajando os clientes a seguir a marca no Pinterest e conferir outras imagens inspiradoras. O fundo neutro e a posição central da animação mantêm o foco no GIF, e as informações ao redor da imagem estão perfeitamente posicionadas para motivar o leitor a agir.
04. Mantenha a simplicidade
Este design de e-mail da Apple utiliza muito bem o espaço em branco e foca claramente no produto, que é bem-apresentado e possui cores chamativas para despertar o interesse. As informações são perfeitamente alinhadas e cuidadosamente organizadas; elas possuem uma hierarquia vertical que facilita a leitura. O uso de diferentes tamanhos de fonte e tons de cinza permite que os leitores percebam o que é mais ou menos importante. Utilizando o mínimo de elementos e uma estrutura simples, o design vai direto ao ponto.
05. Deixe o seu conteúdo brilhar
Belas fotos são o foco deste design de Artur, e elas despertam a curiosidade dos leitores. As letras brancas permitem que o texto se destaque; assim como as imagens e os demais elementos do design permanecem em segundo plano. O cinza-escuro complementa as cores e dá ao design um visual bacana e moderno.
06. Crie uma paleta de cores forte
Uma brilhante paleta de cores, com tons vibrantes e fortes, e um conceito único fazem com que este design de e-mail da Engage chame a atenção. A combinação do amarelo vibrante com a imagem texturizada e elementos gráficos em preto e branco resulta em um esquema de cores simples, porém inovador, que, sem dúvida, não passa despercebido.
07. Faça a cor saltar aos olhos
Este e-mail atraente do Studio Newwork apresenta o trabalho visual feito por criadores da agência. O fundo de cor intensa é atraente e enquadra a imagem de modo eficaz. Essa coloração permite que trabalho visual salte aos olhos, direcionando a visão para o conteúdo. Os elementos abstratos e a inserção criativa do texto ajudam a proporcionar movimento ao design como um todo. Este e-mail combina uma cor vibrante com elementos mínimos, resultando em um excelente design.
08. Torne o design reconhecível
Este e-mail da Burberry é uma ótima solução visual para exibir o sobretudo, ícone da marca, e reforçar a notoriedade da empresa. O design consegue conquistar um reconhecimento instantâneo graças à paleta de cores e às diversas imagens da roupa. As fontes são simples e legíveis, e o grid consistente permite ao leitor acompanhar a história visual da marca com muita facilidade. Um design simples, eficiente e facilmente reconhecível.
09. Menos é realmente mais
Belo e forte, este design da Chanel usa a simplicidade da maneira mais eficiente possível. Há uma imagem para representar a marca, um título, uma descrição e um call to action — tudo centrado e alinhado, nenhum elemento dominando o outro. Embora o design geral seja minimalista, o uso do laço para representar a marca mantém o design atraente e divertido.
10. Aumente o contraste
Este e-mail da Churchmedia mostra uma maneira interessante para criar um anúncio de evento. As várias fontes escolhidas contrastam muito bem. A mistura de letras finas e grossas, com e sem serifa, ajuda a destacar as palavras e acrescenta hierarquia visual. A paleta de cores também oferece um contraste bacana e incisivo, dando ao design um visual muito moderno, de toque vibrante e divertido.
11. Direcione o foco
Este design do Corbis é outro exemplo perfeito de como fazer com que seu conteúdo atue como foco principal. As fotografias emotivas sobre o fundo preto e margens grandes — para evitar aglomeração — resultam em um poderoso chamariz. Este design realmente enfatiza o conteúdo vinculado, transformando as citações das histórias em títulos para estimular a leitura.
12. Equilibre os elementos
Este e-mail de Toben possui um design simples e minimalista que, ainda assim, consegue ser interessante e convidativo. A configuração cuidadosa das imagens e do logotipo proporciona um toque único, enquanto o tom chamativo do laranja dá vida e dimensão ao design. O alinhamento centralizado e equilibrado dos elementos oferece a este e-mail uma composição harmoniosa, que encoraja o leitor a usar um minuto do seu tempo para conferir o conteúdo.
13. Torne o design legível
Este design da SoSweet Creative usa letras grandes, uma paleta de cores limitada e hierarquia forte para criar um convite empolgante, divertido e fácil de navegar. As fontes se complementam e são legíveis. O amarelo chama a atenção para informações importantes, e as grandes setas guiam os olhos. Um e-mail fácil de ler e que desperta a atenção.
14. Use algumas formas geométricas
O uso interessante de molduras circulares e divisões geométricas fazem este design de Piotr Świerkowski chamar a atenção. Embora o layout permaneça bastante linear e simplificado, as formas geométricas e linhas de orientação dão ao e-mail um toque único e, ao mesmo tempo, ajudam a veicular informações e destacar o que é importante. Considere inserir algumas formas geométricas em seu design para obter um efeito interessante.
15. Utilize cor para coesão
Este design de Lindsey McMurray apresenta uma marca divertida através de cores acentuadas e simples, separadas por bastante espaço em branco. As cores são usadas de modo coeso no design e ajudam a conectar o conteúdo escrito ao conteúdo visual. Os respingos de tinta são divertidos e reforçam a criatividade do produto, mantendo boa relação com a paleta e a coesão geral do design.
16. Misture diversão com funcionalidade
Este design da Marni assumiu um conceito criativo através da estilização das imagens como se fossem recortes de papel, dando ao design um toque nostálgico e tangível — e, ao mesmo tempo, fazendo com que o leitor imagine como as peças podem funcionar juntas. Este e-mail se distingue dos demais por representar os itens do catálogo de maneira única, divertida e funcional.
17. Desenvolva um tema
Um tema forte em seu design de e-mail pode fazer com que ele se diferencie dos demais. Este design da Open Season, por exemplo, criou uma temática espacial que combina com a marca e com o tópico da newsletter. Uma animação planetária sutil no título, o desenho de uma constelação, uma imagem de filme intergaláctico e um texto cuidadosamente redigido dão força ao tema e ao design da newsletter.
18. Integre a imagem ao design
Este design da Big Sea Design & Development usa uma foto simples no cabeçalho e possui um background claro, criado para integrar a imagem ao resto do design. Em vez de cortar suas imagens utilizando bordas ou linhas acentuadas, tente fazer com que elas se integrem ao projeto na totalidade, criando um design coeso e mais tranquilo.
19. Visualize sua mensagem
Este design da Need Supply Co. proporciona uma abordagem única e criativa. Cada elemento é pensado cuidadosamente, bem como inserido no projeto de maneira interessante para ajudar na comunicação da promoção. O círculo branco acentuado atrai o olhar instantaneamente e faz com que a mensagem seja facilmente notada. A imagem dividida de homem e mulher é uma representação visual inteligente do desconto de 50%. O verde-neon também ajuda a atrair o olhar para cada elemento, garantindo a transmissão da mensagem.
20. Organize suas informações de modo lógico
A organização impecável do layout e o uso do rosa vibrante tornam este design de Simon Ker muito eficaz na comunicação de várias informações. Os links deste design se destacam por conta do rosa-choque sobre o fundo escuro, criando um efeito forte e atraente. Seções bem alinhadas e espaçamento consistente entre os elementos criam ordem em meio a tantos componentes. Um ótimo exemplo de como criar ordem e hierarquia em projetos repletos de informações.
21. Tenha um tom forte
O design minimalista deste exemplo de Elizabeth Lies ajuda a comunicar a mensagem da empresa em alto e bom som. A missão da marca é mostrar a simplicidade da vida na estrada, e o uso de fontes simples e de imagens descomplicadas transmitem ao leitor a missão e a voz da marca.
22. Mantenha o e-mail organizado
Esta newsletter da Hatch Inc tem um layout claro e eficaz, que consegue organizar muitas informações em um design limpo e equilibrado. Ele leva o leitor em uma jornada através dos conteúdos em destaque, separados por seção. Cada imagem recebeu uma margem ampla o suficiente para evitar uma sobrecarga no design e o mínimo de texto para evitar a desordem. Um layout equilibrado e uniforme, fácil de consumir.
23. Use um pouco de cor
Este design de Nick Cade faz um bom trabalho ao fornecer informações de forma clara, organizada e atraente. O verde-pastel é usado em todo o e-mail para quebrar os blocos de texto preto e introduzir cor no design. O conteúdo organizado e as escolhas consistentes de fonte facilitam a leitura.
24. Tenha uma razão por trás de cada decisão
As imagens usadas neste design do Pixel Buddah são belas fotos que despertam o interesse dos observadores, definem o tom distinto do design e refletem também na paleta de cores suave. As fontes são usadas neste exemplo de maneira bela, e as frases foram cuidadosamente escritas. O uso da simples palavra “more” como call to action principal motiva o leitor ainda mais, e é uma maneira inteligente de estimulá-lo a tomar uma iniciativa. O uso bem pensado do espaço, das cores e do texto é o que torna este design eficaz.
25. Use uma paleta monocromática
Uma ótima paleta monocromática e o excelente uso do contraste são os elementos que tornam este e-mail de Seipp um design de destaque. O uso de cores acinzentadas e a divisão geométrica das seções criam um visual elegante, moderno e sofisticado. A maneira como as imagens, o texto e elementos gráficos foram compostos permite que os olhos naveguem pela página com facilidade e classifiquem as informações sem confusão. Existe um grande senso de harmonia neste design monocromático.
26. Equilibre texto e imagens
O layout deste e-mail da Shopbop é equilibrado, organizado e vai direto ao ponto. As imagens são atraentes, seduzem com suas cores vibrantes e são equilibradas com um texto curto, gentil e simples. O design tem todos os elementos para fazer os leitores clicarem nos links.
27. Divida suas informações horizontalmente
Este e-mail do Beans N 'Rice Creative Studio usa seções consistentes para permitir que o design comunique várias mensagens ao mesmo tempo, cada uma com igual importância. O cabeçalho e o rodapé são claramente separados; e a sequência vertical, dividida horizontalmente, permite que o leitor navegue pelas informações com facilidade. As imagens são simples, porém fortes em cor e composição, permitindo que cada seção tenha sua própria voz e não se sobressaia à outra.
28. Aumente o contraste
O fundo preto, imagens coloridas e o texto em branco dão ao design do Stolen Girlfriends Club um efeito altamente contrastante, elegante e interessante. Os grandes números em cor branca e os títulos destacados guiam os leitores do topo ao rodapé do e-mail, criando um caminho fácil de navegar. O alinhamento varia, mas permanece consistente e interessante.
29. Deixe o e-mail rústico
Este design do Need More Designs criou uma autêntica atmosfera vintage ao usar uma fonte de visual antigo e uma paleta de cores cinza-acastanhada. A saudação manuscrita adiciona um toque pessoal e ajuda a criar uma conexão com o leitor. As imagens do produto são bem fotografadas, apresentam texturas bacanas em segundo plano e no call to action. As descrições são mínimas e motivam o leitor a descobrir mais.
30. Incentive o público a colocar a mão na massa
Este design da Terrain foi baseado em uma ideia criativa e divertida que foi executada com sucesso. O design possui muitos elementos peculiares e parece uma festa que está apenas esperando ser planejada. O efeito de quadro negro, combinado com itens da realidade e um layout passo a passo, transmite a sensação de um projeto do tipo “faça você mesmo”, um que incentiva o leitor a participar.
31. Crie um mapa visual
Este design de e-mail de Petr Pliska inclui um mapa visual para o leitor seguir, ajudando a processar a informação com mais facilidade. Cada ponto tem seu próprio ícone, que atua como uma pequena pista visual, a fim de não sobrecarregar o leitor com uma quantidade muito grande de informações. Muito espaço em branco e uma paleta de cores mínima mantêm este design equilibrado e fácil de digerir.
32. Exiba suas imagens
Este design da Wildfox usa as imagens de maneira elaborada para criar um tema forte para a marca. O uso de fotos vibrantes e sonhadoras cria uma estética semelhante a uma fantasia que, instantaneamente, atrai o leitor. Esse design usa muito bem o texto em estilo manuscrito, que complementa o estilo geral do design sem comprometer a legibilidade.
33. Um grande call to action
Este e-mail da J.Crew foi criado com o usuário em mente. A lenta revelação do grande ponto de exclamação e o grande e intrigante call to action fazem com que este e-mail seja fácil de ler e incitam o clique — as pessoas são curiosas por natureza. Um design de e-mail muito simples e ousado, mas bem pensado.
34. Brinque com estampas
Este design da Kate Spade usa estampas de alto contraste e uma paleta de cores simples, mas gritante, como principais elementos visuais. O uso de estampas em preto e branco em contraste com o amarelo vibrante e turquesa atrai atenção instantânea ao e-mail, sem comprometer a legibilidade. Considere inserir estampas fortes em seu design para chamar a atenção de uma maneira simples.
35. Entre na festa (da maneira certa)
Feriados são ótimos momentos para realizar promoções no varejo e enviar newsletters. Porém, quando se trata de criar um e-mail para um feriado, tente não usar elementos clichês. Este design de e-mail da J.Crew foi feito para o Dia das Bruxas; porém, em vez de usar designs típicos desta data (cores laranja e preta, vários morcegos, várias teias etc.), J.Crew optou por um design requintado e alinhado com a marca, usando um visual predominantemente monocromático, com um toque de cor laranja. Uma versão elegante do típico design de Dia das Bruxas.
36. Insira desenhos
Este design da Urban Outfitters possui um layout bem simples, que não teria nada de especial se não fossem os elementos desenhados à mão. Ao adicionar pequenos rabiscos em preto ao redor das fotografias, o design se tornou muito mais pessoal, divertido e único – e todas essas qualidades se encaixam bem na marca. Prova de que a simples inserção de um elemento pode transformar seu design.
37. Brinque com o seu produto
Este design de Michael Bodiam para a marca de roupas masculina Mr. Porter é a mistura perfeita de brincadeira, singularidade e funcionalidade. Os itens apresentados no e-mail são mostrados em um mapa de papel, ajudando a construir a ideia de que esses itens são necessários para qualquer viagem. Um layout inteligente, divertido e que pode ser o que você precisa para ajudar seu e-mail a se destacar.
38. Coloque uma carta dentro do e-mail
Este exemplo de Advolocaru insere as informações na imagem de uma carta, transmitindo a sensação de uma carta real. Este simples elemento gráfico ajuda a organizar as informações de maneira clara e, ao mesmo tempo, proporciona um toque pessoal e criativo.
39. Experimente revelar a informação lentamente
Considere o modo como o seu público vai ler o e-mail, provavelmente descendo rapidamente até o fim da página e correndo os olhos no conteúdo. Este design da Banana Republic brinca com esta ação ao incluir uma revelação lenta do texto principal, levando o leitor até um call to action incisivo. Uma maneira simples de otimizar a experiência do usuário.
40. Seja indireto
Um design que vai direto ao ponto pode levá-lo rapidamente a algum lugar, mas um design indireto pode levá-lo a um lugar incrível. Este e-mail da J.Crew optou por não mostrar nenhum de seus produtos; uma decisão ousada para uma empresa de vestuário. Em vez disso, a marca optou por exibir uma foto simples de um biscoito da sorte contendo uma mensagem que funciona também como call to action. No design de e-mail, uma abordagem de venda indireta é mais arriscada, porém, se bem-feita, pode proporcionar uma ótima recompensa.
41. Use o mínimo
Este e-mail do Squarespace optou por um design simples, com o mínimo de texto, imagem e cores. Somente uma imagem foi usada, uma foto simples e quase monocromática que possui o número “10” sobre ela como título. O restante do e-mail possui texto de tamanho único em preto, e a hierarquia é diferenciada apenas através do peso das fontes. Um design não precisa ser incrementado para ser eficaz. Experimente tirar coisas de seu design em vez de adicioná-las.
42. Teste um layout angular
Este design da Sephora usou um interessante layout em zigue-zague. As imagens dos produtos deitados foram alinhadas com um grid diagonal que enfatiza os blocos de cores vibrantes. O layout angular é visualmente atraente e funciona como elemento organizador das várias informações e imagens.
43. Use elementos gráficos
Este e-mail da Handy faz um apanhado do ano para agradecer aos clientes do negócio e celebrar o próprio sucesso com alguns gráficos e dados em estilo infográfico – um jeito divertido e eficaz de comunicar muitos dados ao público de uma maneira que todos vão entender.
44. Brinque com o alinhamento
Vida de regra, o alinhamento à esquerda é mais legível. Porém, não veja isso como uma lei a ser sempre cumprida. Este exemplo da Brother Moto centralizou a maioria dos elementos para manter o foco no centro da página, criando um layout realmente eficaz e, ao mesmo tempo, legível e equilibrado.
45. Mostre urgência
Este design simples da Jack Spade adota um tom de urgência através de uma imagem e um call to action. Usando fontes grandes, uma cor vibrante e chamativa e uma imagem relacionada à mensagem principal, este layout consegue comunicar a urgência e a necessidade de uma tomada rápida de ação. Um bom exemplo de uma maneira rápida, clara e direta de se comunicar com o seu leitor.
46. Enquadre suas fotos intencionalmente
Se você pensa em tirar fotos para o design do seu e-mail, planeje o enquadramento das fotografias antecipadamente, a fim de garantir que elas irão funcionar com suas ideias de layout. Este e-mail da TOMS é um bom exemplo de planejamento — o enquadramento das imagens permite que o primeiro plano e o de fundo atuem como um cenário texturizado para as palavras e outros elementos do design. Uma tática simples para obter maior flexibilidade em suas imagens e nos elementos do seu e-mail, evitando desordem.
47. Utilize barras laterais
Beba da fonte do webdesign e considere incorporar uma barra lateral no layout do seu e-mail. Muitos designs de e-mail seccionam suas informações em blocos horizontais paralelos, mas como você pode ver neste exemplo da Super Things, seccionar suas informações verticalmente, através de uma barra lateral, pode ajudar a distribuir texto e dados uniformemente, reduzindo o comprimento vertical dos seus e-mails.
48. Reduza a quantidade de texto
Este design da Canopy mostra os benefícios de reduzir a quantidade de texto. Se você possui uma empresa do varejo ou tem alguns produtos que deseja exibir, deixe as imagens falarem por si mesmas. Este design agrupa os itens por tipo, minimizando a necessidade de muitas explicações. Cortar o texto permite que este design seja simples, limpo e direto.
49. Use um guia visual passo a passo
Para empresas que desejam introduzir seus produtos e explicar suas funções, um guia visual pode ser incrivelmente útil. Este exemplo da InVision usa um guia ilustrado das funções do seu software, exibindo os recursos e fornecendo um manual fácil para usuários de primeira viagem. Outro bônus: apenas um pequeno texto é necessário para acompanhar os guias visuais, pois os links podem ajudar a conduzir os leitores a uma explicação mais completa.
50. Enquadre o seu conteúdo
A fotografia plana ganhou popularidade nos últimos tempos, então use-a em benefício do seu e-mail. Este exemplo do DCW Design apresenta uma maneira perfeita de criar um design simples e focado no texto que, ao mesmo tempo, introduz imagens de maneira sutil. Ao colocar itens estilosos nas bordas do design de fundo branco, cria-se um enquadramento visual agradável para o seu texto e que complementa a mensagem principal.
Inspirado? Então entre no Canva para conferir nossos modelos de design e criar campanhas de e-mail marketing memoráveis.
