Os 50 Melhores Exemplos de E-mail Marketing que já Vimos (e Como Você Pode Criar Designs Tão Bom Quanto Estes)

design para email marketing

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.

Design por The Stylish City

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.

Design por IS Design + Digital

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.

Design por Mika Osborn

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.

Design por Apple

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.

Design por Artur

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.

Design por Engage

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.

Design por Studio Newwork

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.

Design por Burberry

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.

Design por Chanel

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.

Design por Churchmedia

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.

Design por Corbis

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.

Design por Toben

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.

Design por SoSweet Creative

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.

Design por Piotr Świerkowski

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.

Design por Lindsey McMurray

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.

Design por Marni

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.

Design por Open Season

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.

Design por Big Sea Design & Development

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.

Design por Need Supply Co.

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.

Design por Simon Ker

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.

Design por Elizabeth Lies

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.

Design por Hatch Inc

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.

Design por Nick Cade

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.

Design por Pixel Buddah

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.

Design por Seipp

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.

Design por Shopbop

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.

Design por Beans N 'Rice Creative Studio

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.

Design por Stolen Girlfriends Club

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.

Design por Need More Designs

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.

Design por Terrain

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.

Design por Petr Pliska

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.

Design por Wildfox

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.

Design por J.Crew

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.

Design por Kate Spade

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.

Design por J.Crew

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.

Design por Urban Outfitters

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.

Design por Michael Bodiam

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.

Design por Advolocaru

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.

Design por Banana Republic

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.

Design por J. Crew

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.

Design por Squarespace

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.

Design por Sephora

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.

Design por Handy

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.

Design por Brother Moto

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.

Design por Jack Spade

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.

Design por TOMS

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.

Design por Super Things

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.

Design por Canopy

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.

Design por InVision

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.

Design por DCW Design

Inspirado? Então entre no Canva para conferir nossos modelos de design e criar campanhas de e-mail marketing memoráveis.


Mary Stribley
Written by
Mary Stribley

Negócios


Expresse-se melhor com o programa de design mais fácil do mundo.

Expresse-se melhor com o programa de design mais fácil do mundo.