14 dos melhores exemplos de belo design de e-mail

Abrir um e-mail de marketing é uma tarefa tão comum que os consumidores geralmente não pensam duas vezes. Como profissionais de marketing por e-mail, porém, conhecemos o outro lado da história. Encontrar uma nova inspiração de e-mail em HTML pode ser uma tarefa assustadora.

Quando você é um profissional de marketing por e-mail, sua lista de tarefas geralmente se parece com isso: gerar leads opt-in, segmentar suas listas, configurar fluxos de trabalho de nutrição de leads, redigir uma cópia de e-mail clara e concisa, verificar a capacidade de entrega de seus e-mails, otimizar para simples texto e HTML, e assim por diante. “Onde está a diversão nisso? " você pode imaginar.

Felizmente, existem muitos geeks de marketing por e-mail por aí (incluindo nós mesmos) que acham tudo isso divertido. Esses aspectos menos glamourosos do marketing por e-mail – embora sejam críticos para o sucesso da sua campanha – não representam o quadro completo do que o marketing por e-mail realmente é incrível.

Embora os e-mails de texto simples ou simples ainda possam ser extremamente eficazes, às vezes você deseja surpreender seus assinantes com designs de e-mail criativos, cativantes ou deliciosamente discretos. Algumas marcas também descobriram como criar e-mails muito bonitos. Se você deseja se envolver em algo um pouco mais aventureiro para sua próxima campanha de marketing por e-mail, confira os exemplos abaixo para se inspirar.

Índice:

Exemplos de design de boletim informativo por e-mail

1. Fundo Colaborativo

No design, vermelho e amarelo servem como opções de cores poderosas. Enquanto o vermelho é conhecido por transmitir poder ou paixão, o amarelo é frequentemente considerado brilhante e energizante. Embora muitas empresas usem um grande bloco de cor no topo de seus boletins para atrair as pessoas, o pessoal da Collaborative Fund deu alguns passos adiante combinando rajadas de cores vermelhas e amarelas em todo o e-mail. Muito poderoso, certo?

Deixando a cor de lado, eles aproveitaram divisões limpas para separar esses blocos, enquanto incorporavam diferentes texturas – como aquele papel amassado – para criar uma experiência realmente atraente.

Fonte da imagem

Dica profissional: quando bem feito, a incorporação de uma variedade de texturas, por meio de gráficos ou fotografias de alta qualidade (como o papel amassado usado acima), pode tornar a experiência 2D de visualização de um e-mail mais visceral e envolvente.

2. Dominó

Este boletim informativo da Domino cobre muitas informações: design com restrições de armazenamento, brindes, uma peça de perfil com Chelsea Handler, dicas de design de banheiro e quarto e uma frase de chamariz.

Para facilitar a digitalização, a Domino combinou essas descrições curtas com imagens de alta qualidade. Como o exemplo do Collaborative Fund, eles também usaram divisões claras e horizontais para separar cada tópico.

Fonte da imagem

Dica profissional: incorporar cores contrastantes pode ajudar a criar divisão entre as seções e chamar a atenção de cada seção com facilidade.

3. Laboratórios InVision

Este é um e-mail muito mais conciso da InVision, que inclui um design limpo e uma cor atraente. O plano de fundo azul faz com que a frase de chamariz e a caixa branca perto da parte inferior do e-mail chamem a atenção. As imagens espalhadas do produto ajudam o destinatário a entender o que o anúncio envolve antes de mergulhar na cópia explicativa.

Fonte da imagem

A experiência colorida não para com o e-mail. A cor azul brilhante é transportada para o site correspondente, tornando-o um forte exemplo de branding perfeito.

Você está inspirado pelo design clean da InVision e está pronto para criar sua própria campanha? Use um software gratuito de marketing por e-mail como o HubSpot para criar e enviar sua mensagem para o mundo.

4. GrubHub

Este e-mail do GrubHub é um ótimo exemplo de promoção de produto… porque não parece nem parece promoção de produto. Em vez de dizer: “Ei, você gosta de comida. Tem que pedir pelo nosso serviço!”, o e-mail conta uma história com a ajuda de um conteúdo interativo bem legal: um quiz para saber o que você deve servir na sua festa (viu o que fizeram lá?).

Adoramos especialmente o GIF saturado que eles usaram para promover o conteúdo, pois realmente atrai a atenção do destinatário.

Fonte da imagem

Dica profissional: o movimento chama a atenção. Vemos isso em todas as mídias sociais e outras formas de mídia. Adicionar esse recurso aos seus e-mails pode atrair espectadores atraídos pelo fator de movimento no conteúdo voltado para o público. Aprenda a criar um GIF usando o Photoshop.

Nutrir exemplos de design de e-mail

5. Prático

Adoramos este simples e-mail de boas-vindas da Handy. O esquema de cores é consistente, contando com cinza para a base e azul brilhante para chamar a atenção para o logotipo e as frases de chamariz.

Há um bom equilíbrio entre texto e visual aqui, e o design do bloco facilita a navegação. Por fim, adoramos que eles tenham usado fotos não cafonas para representar sua marca, o que os torna mais genuínos e amáveis ​​do ponto de vista do consumidor.

Fonte da imagem

Dica profissional : hoje em dia, a maioria dos visualizadores tem algum nível de capacidade de perceber se uma imagem é uma foto de estoque ou um conteúdo originalmente capturado. Se você precisar usar fotografia de banco de imagens, não se apresse em pesquisar bancos de dados de imagens e filtrar imagens que representem não apenas o tom do e-mail e da mensagem, mas também a estética geral e a sensação de sua marca.

6. Tornassol

Você pode esperar um belo e-mail de uma empresa que está anunciando uma conferência de design de e-mail - e Litmus não decepciona. O e-mail começa com uma ousada explosão de cores, que chama a atenção dos leitores. Abaixo disso, você encontrará um design limpo que inclui cópia concisa, ilustrações extravagantes e um ótimo uso de espaço em branco.

Na parte inferior do e-mail, você verá um feed do Twitter ao vivo mostrando tweets que usam a hashtag oficial da conferência. Esse fator de mídia social é um toque muito legal que estamos dispostos a apostar no aumento do engajamento e, ao mesmo tempo, informar as pessoas sobre como se manter conectado no evento.

Fonte da imagem

Dica profissional: ser criativo e usar ícones e ilustrações pode ser uma maneira simples e gratificante de transmitir mensagens. Aparência consistente faz a diferença, mostrando intenção e estratégia de design. Você pode encontrar pacotes de ícones gratuitos que incluem os ícones mais usados ​​em sites como FlatIcon.com.

7. Uber

Como profissionais de marketing, sabemos que tabelas e gráficos podem servir como uma maneira eficaz de ilustrar informações. Mas que tal incorporar gráficos em e-mails?

Este design de e-mail da Uber demonstra habilmente o poder da visualização de dados por meio do uso de gráficos simples. Em vez de confiar em palavras para explicar suas tarifas reduzidas, o Uber criou alguns visuais comparativos para fazer o trabalho. Graças à escolha da cor azul brilhante, é fácil para os destinatários entenderem como as taxas mudaram com apenas uma olhada rápida.

Fonte da imagem

Dica Profissional: A excitação é mais difícil de obter do público do que se poderia pensar. O que foi dito acima serve como um exemplo de como o Uber usa seus dados históricos para estimular o entusiasmo por novas ofertas da empresa. O potencial do que está por vir está correlacionado com o que aconteceu. Mostre o que foi feito antes de mostrar o que está por vir, permitindo que os consumidores saibam que seu entusiasmo está garantido.

8. Cuiana

Aqui está um e-mail de promoção de produto que Cuyana enviou para as pessoas que se inscreveram na lista de “acesso antecipado” de um novo produto. O e-mail é totalmente centrado na apresentação do novo produto, mas, neste caso, é exatamente o que as pessoas que optaram pela lista de “acesso antecipado” estavam procurando.

O design do e-mail é limpo e sofisticado, graças a um uso brilhante de espaço negativo e fontes atraentes. Essa abordagem é muito fiel à marca de uma empresa de roupas e acessórios femininos. Adoramos o uso de cores consistentes - especialmente o tom laranja característico que eles escolheram para o botão de call-to-action na parte inferior.

Fonte da imagem

Dica profissional: este é um exemplo de e-mail feito com o HubSpot. Clique aqui para conferir mais exemplos de e-mail marketing em nossa biblioteca .

Exemplos de design de e-mail de comércio eletrônico

9. J.Crew

Às vezes, as palavras podem ser superestimadas. Por que não deixar uma imagem contar a história para você? De qualquer forma, foi o que J.Crew fez neste e-mail. O e-mail está promovendo uma venda, mas você não saberia imediatamente: tudo o que você vê é a cópia, “Vale a pena rolar”, junto com uma imagem muito longa (e digna de rolagem) em alta definição de uma casquinha de sorvete. Nós amamos a sutileza. Hum!

Fonte da imagem

Dica profissional: se você chegar ao fundo, notará que a ponta da casquinha de sorvete funciona como uma seta direcional, apontando os destinatários para a frase de chamariz. A fotografia pode servir como mais do que uma imagem estática, pode ser um guia interativo, conduzindo o olhar ao longo da mensagem.

10. Maçã

Este e-mail de fim de ano da Apple equilibra espaços em branco com exibições de produtos para criar uma experiência realmente interessante.

Embora todos os produtos compartilhem um esquema de cores semelhante, o que é realmente atraente é seu posicionamento. Ao organizar estrategicamente os produtos, a Apple conseguiu criar padrões visuais que se alternam ao longo do e-mail. Essa abordagem está entre as melhores para mostrar a confiança de uma marca em seus produtos. Ele permite que os próprios produtos sejam o foco da mensagem, bem como os meios pelos quais a mensagem é transmitida.

Fonte da imagem

Dica profissional: Elaborar ou esboçar o design de um e-mail no início do processo pode tornar a criação de mensagens atraentes uma meta facilmente alcançável e pode economizar seu tempo.

11. Bens Fabricados na União

Os consumidores recebem muitos e-mails de empresas de comércio eletrônico apresentando ideias de presentes de fim de ano em seus sites, e este é um exemplo de um desses e-mails bem-feitos. Eles optaram por um design simples aqui, que inclui um uso muito bom de cores e espaços em branco, fazendo com que a cópia e as imagens que estão lá se destaquem um pouco mais.

Realmente gostamos de como a simplicidade permite que a mente do leitor se concentre menos em elementos que distraem a mensagem. Em vez disso, eles podem preencher o espaço negativo com a imaginação de como os produtos exibidos - ou outros vendidos pela empresa - podem provocar a reação desejada das mães em suas vidas. Isso nos faz pensar: “O que a mamãe tem?”, “O que ela precisa?” ou “O que ela gostaria?”

Fonte da imagem

Dica profissional: Oferecer algo como um desconto em uma compra, sem exagerar, leva os leitores a dar uma olhada em seu próprio tempo, sabendo que receberão incentivos para se envolverem mais.

12. Casper

Este e-mail de boas-vindas da Casper faz um excelente trabalho ao fornecer uma visão geral do que você receberá ao ingressar na comunidade de mais de um milhão de membros. A partir dos números da comunidade, fica claro que eles dedicaram muito tempo e trabalho para criar um produto e uma reputação para que você possa ficar tranquilo. ( Entendeu ? “Descanse”, porque é uma empresa de colchões? Ah, deixa pra lá!)

Eles listam algumas das vantagens que você obtém de uma associação e, em seguida, imediatamente estabelecem valor educacional, oferecendo dicas para dormir. Isso por si só não é atraente o suficiente para tornar alguém um assinante de e-mail Casper lealmente atento, mas conecta ainda mais a marca e o(s) produto(s) às experiências dos consumidores. Adoramos como eles usam gráficos simples e mensagens concisas para se associarem sutilmente à solução para os desafios do sono.

Fonte da imagem

Dica profissional: mantenha a simplicidade, permitindo que espectadores e consumidores concluam por si mesmos que precisam do que você tem a oferecer.

13. Shwood x Stanley

No mundo do comércio eletrônico, a qualidade do visual em seus e-mails pode ter um grande impacto sobre se os destinatários permanecem para ver o e-mail inteiro ou pressionam rapidamente o botão "excluir". Este e-mail de Shwood x Stanley dá grande ênfase aos visuais de alta qualidade. Adoramos especialmente os planos de fundo texturizados, bem como as maneiras como eles brincam com luz e sombras.

Fonte da imagem

Dica profissional: ao usar várias imagens em um e-mail html, considere quais cores complementam e contrastam umas com as outras. Essa consideração pode tornar as experiências de transição de seção para seção perfeitas para o visualizador, atraindo a atenção engajada em toda a mensagem.

14. Harry's

Para e-mails sazonais como este de Harry, você pode considerar o uso de esquemas de cores que combinam com a estação. Para promover seu conjunto de presentes de inverno, o pessoal da Harry's esfriou seu esquema de cores com cores tradicionais de inverno, como verde, azul e marrom. Eles também conseguiram um bom equilíbrio entre texto e recursos visuais e ajudaram a tornar seu e-mail mais fácil de folhear usando um design de bloco simples.

Outra coisa que adoramos são aqueles call-to-action em vermelho vivo; eles parecem bastante clicáveis... você não concorda?

Fonte da imagem

Dica profissional: Simplificando, não há substituto para uma boa fotografia de produto. Se você está mergulhando no oceano da fotografia original de produtos, confira este Guia para iniciantes em fotografia de produtos.

Que outras empresas você notou que estão criando belos e-mails de marketing? O que se destaca na abordagem deles? Como você pode pegar isso e adicionar seu próprio toque original, criando algo novo para a mensagem da sua marca?

Nota do editor: esta postagem foi publicada originalmente em maio de 2012 e foi atualizada para atualização, precisão e abrangência.