Modelos de e-mail elaborados: 10 estruturas visuais para copiar

Dez modelos de e-mail elaborados com HTML e prompt para copiar: boas-vindas, convite, cupom, comparativo, contagem e mais, no estilo Club Martech.

Uma vitrine bem montada não mostra tudo o que a loja vende. Ela tem um ponto de foco, camadas de profundidade e uma luz que conduz o olhar até a porta. Os modelos de e-mail elaborados seguem a mesma lógica: a imagem, a hierarquia e o ritmo fazem parte do argumento, em vez de só enfeitar.

Este artigo reúne dez modelos de e-mail elaborados para copiar. Seis partem de referências visuais de marcas de outros setores, que mostram padrões de boas-vindas, ativação de conta, convite, cupom, catálogo e comparativo. Os outros quatro vêm de formatos encontrados em outras fontes: contagem regressiva, retrospectiva, enquete e novidades do mês. Todos foram recriados com a identidade do Club Martech e têm prévia nos modos claro e escuro, HTML e prompt.

O caminho natural é começar pelos formatos simples, que a gente cobriu em exemplos de e-mail marketing, e só depois subir de nível. Elaborado dá mais trabalho e só compensa em poucos momentos.

O que torna um e-mail elaborado e quando ele compensa

Elaborado não é sinônimo de enfeitado. O erro comum é acrescentar imagem e efeito sem função, e o único resultado garantido é um e-mail mais pesado. Na prática, um modelo elaborado reúne cinco características:

  • Imagem com função. Ela explica a promessa (o painel, o palco, o objeto) em vez de decorar.
  • Hierarquia em blocos. Cada seção tem um papel: abrir, provar, organizar ou converter.
  • Sistema de cartões. Contorno, raio e espaço repetidos dão unidade e facilitam o celular.
  • Modo escuro pensado. Fundos pretos fixos e imagens brancas dentro de cartões que não invertem.
  • Interação por link. Voto, filtro e navegação sem script, que funcionam em qualquer cliente.
Quatro camadas de um e-mail elaborado: abertura, corpo, ação e base técnica
Anatomia de um e-mail elaborado, de cima para baixo: abertura, corpo, ação e base técnica.

A tabela compara os dois extremos e ajuda a decidir quando o esforço extra se paga.

CritérioE-mail básicoE-mail elaborado
Objetivo comumInformar ou confirmarConvidar, provar e converter
ImagemLogo e um objeto de apoioImagem que explica a promessa
EstruturaUma ou duas colunasBlocos com papel e cartões repetidos
Esforço de produçãoBaixoAlto: imagens e teste em vários clientes
Risco de quebrar no OutlookMenorMaior: camadas, fundos e botões especiais
Quando valeRotina e e-mail transacionalBoas-vindas, lançamento e campanha

A pergunta que a tabela habilita: “essa campanha merece o esforço de produção extra?” Se a resposta for não, um modelo simples bem escrito entrega mais.

Seis modelos inspirados em referências reais

As referências são e-mails de marcas de outros setores, vistos em imagens de inspiração. Usamos o padrão de organização de cada um, nunca o texto, as imagens ou a identidade. O link de cada cartão leva à referência original.

Referência 1

Boas-vindas com painel e quatro passos

Referência. E-mail de boas-vindas de um software de CRM (imagem 1): topo em degradê com o painel do produto, divisor "vamos começar", quatro cartões em grade 2 × 2, cartão escuro de reforço e barra de ajuda. Ver a referência.

O que o torna elaborado. O painel é a promessa; os quatro passos tiram a pessoa da paralisia. Cada cartão tem ícone, título, uma frase e um botão.

No Club Martech. O painel vira um notebook 3D em violeta. Os quatro passos levam ao blog, às ferramentas, ao glossário e à comunidade.

Objetivo

Acolher quem acabou de entrar e levar a quatro primeiras ações curtas.

Estrutura

  1. Cabeçalho claro com logo
  2. Abertura em degradê violeta: título branco, objeto 3D em cartão branco arredondado e botão branco
  3. Divisor com fios laterais e o texto "Vamos começar"
  4. Grade 2 × 2 de quatro passos, cada um com ícone redondo, título numerado, frase e botão preto com contorno violeta
  5. Cartão preto de reforço, com texto e botão branco
  6. Barra de ajuda com contato e link
  7. Assinatura com foto e rodapé de marketing
Referência 2

Acesso ativo em modo escuro

Referência. Dois e-mails de ativação de conta de um fornecedor B2B (imagem 2): fundo preto com brilho azul, título grande, dois botões, objetos sobre piso refletivo, cartões com contorno luminoso e lista "o que sua conta libera". Ver a referência.

O que o torna elaborado. O fundo preto de ponta a ponta dá ar de ferramenta profissional. Os cartões com contorno funcionam como checklist visual.

No Club Martech. Preto e violeta da marca. Os objetos viram engrenagem, tomada, gráfico e balão. Os benefícios são variáveis até haver texto aprovado.

Objetivo

Confirmar que o acesso está ativo e mostrar o que já está liberado.

Estrutura

  1. Faixa preta com logo
  2. Título grande em branco, frase de apoio e dois botões lado a lado (violeta e branco)
  3. Imagem de página inteira: objetos 3D sobre piso preto refletivo
  4. Três cartões de benefício com contorno violeta de 2 px
  5. Título "O que o seu acesso libera" e quatro linhas com ícone de verificação, título e descrição
  6. Botão final
  7. Rodapé escuro
Referência 3

Convite imersivo com foto de página inteira

Referência. E-mail de lançamento imobiliário (imagem 3): foto cheia no topo com o título por cima, divisor ondulado, texto editorial, botões em contorno e rodapé com contatos. Ver a referência.

O que o torna elaborado. A foto faz o convite e o texto fica enxuto. A hierarquia é: imagem, uma frase, data, botão.

No Club Martech. A foto vira um palco escuro com luz violeta. Título em peso leve (300) por cima da imagem. No Outlook, a imagem entra por VML.

Objetivo

Convidar para uma aula aberta com uma imagem que dá o clima.

Estrutura

  1. Seção de abertura com a foto como fundo (CSS e VML para o Outlook), logo, rótulo "Você está convidado" e título curto em peso leve
  2. Linha de apoio em caixa alta
  3. Texto editorial centralizado com frase de 30 px em peso leve
  4. Bloco de data (mês, dia) com horário, formato e vagas
  5. Botão violeta e botão em contorno
  6. Moldura externa com cantos arredondados e rodapé escuro
Referência 4

Cupom com prova social e vitrine

Referência. E-mail de primeira compra de uma marca de alimentos (imagem 4): percentual gigante, código de cupom tracejado, ciclo de benefícios em volta do produto, cartões de produto, depoimentos e redes sociais. Ver a referência.

O que o torna elaborado. O desconto é a manchete e os blocos seguintes respondem às dúvidas de quem hesita. O tracejado repete a ideia de cupom em todo o e-mail.

No Club Martech. O percentual e o cupom são variáveis. Os quatro motivos viram pílulas de tema em volta do objeto 3D. Depoimento só com autorização e vem de variável.

Objetivo

Converter com um desconto real, tirando a dúvida de quem ainda hesita.

Estrutura

  1. Cabeçalho claro com logo
  2. Faixa em degradê com o rótulo "Para você", o percentual em 76 px e uma frase
  3. Saudação, caixa de cupom com borda tracejada de 2 px e botão
  4. "Por que o Club Martech": quatro pílulas de tema em volta do objeto 3D de etiqueta
  5. "Escolha o seu": dois cartões de oferta com borda tracejada
  6. "Quem já passou por aqui": dois cartões de depoimento (variáveis; só com autorização)
  7. Faixa preta com os ícones dos sites e das redes, e rodapé
Referência 5

Roteiro em polaroides

Referência. E-mail de uma agência de viagens (imagem 5): imagem recortada no topo, selo de título, destinos em zigue-zague com fotos em moldura de polaroide, faixa de campanha e barra "precisa de um conselho?". Ver a referência.

O que o torna elaborado. Cada destino é um bloco independente, com foto, nome e botão. O zigue-zague e a moldura dão ritmo e aparência de álbum.

No Club Martech. Os destinos viram trilhas da formação (dados, CRM, integração, IA), cada uma com a pílula na cor do módulo. As fotos viram objetos 3D em moldura branca.

Objetivo

Mostrar quatro caminhos e deixar a pessoa escolher o seu.

Estrutura

  1. Cabeçalho claro
  2. Foto em moldura de polaroide com legenda
  3. Selo preto com contorno violeta: título e subtítulo
  4. Parágrafo de apresentação e botão
  5. Quatro trilhas em zigue-zague: polaroide com objeto 3D, pílula de tema, título, frase e botão
  6. Faixa preta com a turma e botão branco
  7. Barra "Precisa de ajuda para escolher?" com telefone e e-mail, e rodapé
Referência 6

Comparativo com tabela

Referência. E-mail de suplementos (imagem 6): fundo escuro, título direto, tabela comparando nutrientes com os melhores valores destacados, veredito, segundo quadro e CTA em seção clara. Ver a referência.

O que o torna elaborado. A tabela faz o argumento por você. O destaque na coluna vencedora guia o olhar, e o veredito fecha em uma frase.

No Club Martech. A comparação é entre duas formas de trabalhar com martech. Sem número: critérios em palavras. Se você tiver dado real, troque o texto e cite a fonte.

Objetivo

Argumentar com uma comparação lado a lado e levar a um botão.

Estrutura

  1. Faixa preta com logo
  2. Título direto, frase de apoio e botão
  3. "Vamos comparar": tabela branca com a coluna vencedora destacada em #F4F1FF e texto violeta
  4. Veredito em uma frase, em branco sobre preto
  5. Segundo quadro menor ao lado do objeto 3D
  6. Seção clara com título e botão
  7. Três botões em contorno para blog, glossário e ferramentas; rodapé escuro

Quatro modelos de outras referências

Além das seis referências, a busca por inspirações trouxe quatro formatos que combinam com a rotina de uma escola de martech: contagem regressiva, retrospectiva, enquete e novidades do mês.

Outras referências

Contagem regressiva

Referência. E-mails com contagem regressiva, usados em promoções e eventos (MailerLite, Email Love). Funcionam melhor quando o cronômetro combina com o fundo do e-mail. Ver a referência.

O que o torna elaborado. O número em destaque transforma uma data em espaço de tempo. Só vale com data real.

No Club Martech. Ampulheta 3D e quatro caixas (dias, horas, minutos, segundos) em contorno violeta. Para um cronômetro vivo, troque as caixas pela imagem de contagem do seu provedor.

Objetivo

Avisar que um prazo real está perto e levar à ação.

Estrutura

  1. Faixa preta com logo
  2. Pílula "Falta pouco" e título com os dias restantes
  3. Objeto 3D (ampulheta) em cartão branco
  4. Quatro caixas: [DD] dias, [HH] horas, [MM] min, [SS] seg, com contorno de 2 px em #7B63FF
  5. Linha com a data e hora reais do encerramento e botão
  6. "No dia": três itens com ícone de verificação
  7. Cartão de dúvida rápida e rodapé escuro
Outras referências

Retrospectiva do ano

Referência. Retrospectivas anuais no formato "Wrapped": e-mails que contam o ano da pessoa com números grandes e dependem mais de rolagem que de clique.

O que o torna elaborado. Mostra o progresso da pessoa e dá motivo para compartilhar. Todo número é dela.

No Club Martech. Troféu 3D, três números do usuário, tema mais estudado na cor do módulo e a sequência de dias. Só com base legal para usar o dado de uso.

Objetivo

Devolver à pessoa o que ela fez ao longo do ano e levar ao relatório completo.

Estrutura

  1. Cabeçalho claro
  2. Faixa em degradê com o título personalizado e o troféu 3D
  3. "Em três números": três cartões escuros com [N1], [N2] e [N3] e a legenda
  4. Cartão do tema mais estudado, com pílula na cor do módulo e a maior sequência de dias
  5. Botão "Ver meu relatório completo"
  6. Assinatura e rodapé
Outras referências

Enquete de um clique

Referência. E-mails interativos (Mailjet) que usam links, âncoras e quizzes. A versão mais segura em qualquer cliente é o voto por link. Ver a referência.

O que o torna elaborado. A pergunta única e os quatro botões deixam o custo de resposta perto de zero, e a resposta vira dado para orientar o conteúdo.

No Club Martech. Cada botão é um link com a opção na URL (?resposta=a). O clique abre uma página de agradecimento. Sem formulário embutido, sem script.

Objetivo

Coletar uma resposta em um clique.

Estrutura

  1. Cabeçalho claro
  2. Rótulo "Uma pergunta" e título com a pergunta
  3. Frase dizendo que leva cinco segundos
  4. Quatro botões em contorno, um por opção (A, B, C, D), cada um com link [LINK_RESPOSTA_A..D]
  5. Frase dizendo o que acontece com o voto
  6. Assinatura e rodapé
Outras referências

Bento de novidades do mês

Referência. Layout bento: painéis de tamanhos diferentes, comum em apresentações de produto. Aqui aplicado ao resumo de novidades.

O que o torna elaborado. O tamanho de cada cartão diz o que é mais importante, sem lista numerada.

No Club Martech. Uma novidade grande à esquerda, duas à direita, três pequenas abaixo e uma faixa preta para ouvir o leitor.

Objetivo

Resumir as novidades do mês com hierarquia visual.

Estrutura

  1. Cabeçalho claro com selo "Novidades"
  2. Título do mês e frase de apoio
  3. Linha 1: cartão grande (60%) com objeto 3D, pílula de tema, título, descrição e link; ao lado dois cartões pequenos empilhados (40%)
  4. Linha 2: três cartões pequenos com objeto 3D, título e resumo
  5. Faixa preta: pergunta ao leitor e botão branco "Responder"
  6. Assinatura e rodapé

Como produzir as imagens

Os modelos usam objetos 3D em violeta e branco e uma foto de palco. As cinco imagens novas foram geradas com o ChatGPT, a partir dos prompts em inglês dos botões Copiar prompt da imagem (laptop, objetos sobre piso refletivo, palco, ampulheta e troféu). Os demais objetos vêm do acervo 3D do Club Martech.

Quatro passos para as imagens do e-mail: gerar, conferir, reduzir e hospedar
O caminho de cada imagem, do prompt ao endereço no HTML. As metas são regras do processo do Club Martech, não benchmark de mercado.
  • Peça sempre sem texto, sem logotipo e sem pessoas. O texto entra no HTML, nunca dentro da imagem.
  • Pessoa gerada por IA não faz papel de aluno, cliente ou depoimento. Prova social só com dado real e autorização.
  • Reduza para 560 px de largura nos objetos e 900 px nas fotos de página inteira, em JPEG de qualidade 72 a 78.
  • Objetos com fundo branco ficam em cartão branco, que não escurece no modo escuro.
  • As imagens dos modelos estão hospedadas no Club Martech; para enviar em escala, hospede as suas e troque os endereços src.

Checklist antes de enviar

  1. Nenhum colchete sobrando e todas as variáveis com valor padrão.
  2. Imagens hospedadas, com texto alternativo, cada uma abaixo de 200 KB e o total abaixo de 800 KB.
  3. HTML abaixo de 100 KB: o limite mais citado para o Gmail cortar a mensagem é de cerca de 102 KB, mas varia com o cliente.
  4. Rodapé de marketing com motivo do recebimento, identificação e cancelamento, e preheader que complete o assunto.
  5. Links com UTM e nenhum dado pessoal na URL.
  6. Teste em Gmail, Outlook (computador e web), Apple Mail e celular, nos modos claro e escuro.
  7. Revisão humana do texto e das imagens geradas por IA.

O que o e-mail elaborado não resolve

Um layout caprichado não corrige uma base mal captada nem um domínio sem autenticação. O texto sobre cadência comercial e entregabilidade mostra por que muitos e-mails nem chegam à caixa de entrada, e o texto sobre opt-in e consentimento lembra que a retrospectiva e qualquer outro dado de uso pedem uma base legal clara.

A enquete de um clique também só vira decisão se alguém trata a resposta como dado, como no processo descrito em NPS: da nota à ação. Antes de investir em forma, vale olhar para o sistema inteiro, tema do artigo sobre o operador de sistema em martech e do texto sobre pensamento sistêmico.

Próximos passos para sair do básico

Escolha um dos dez modelos, o que mais se aproxima da sua próxima campanha, e copie o HTML. Troque textos e links, gere ou escolha as imagens, reduza cada uma abaixo de 200 KB e hospede. Rode o checklist e envie primeiro para você mesmo, em Gmail, Outlook e celular, nos modos claro e escuro. Só depois dispare.

Se a ferramenta de envio ainda é uma dúvida, o texto sobre como escolher ferramentas inteligentes para e-mail compara os critérios.

Compartilhe:
Foto de Dionatha Rodrigues

Dionatha Rodrigues

Construí minha trajetória em Martech conectando marketing e tecnologia por meio de dados, automações e IA.

Minha experiência reúne liderança de equipes e projetos no Brasil, México, Espanha e Suíça, aproximando estratégia e operação para melhorar processos e apoiar o crescimento dos negócios.

Fundei a Começando na Web e o Club Martech. Entre projetos para clientes nacionais e internacionais, transformo essa experiência em formação e ferramentas que ajudam profissionais a conectar suas decisões ao que acontece na operação e colocar estratégia em prática.

Sumário

Continue lendo

Receba o melhor conteúdo sobre Marketing e Tecnologia

comunidade gratuita

Cadastre-se para o participar da primeira comunidade sobre Martech do brasil!

diagnóstico gratuito

Sua operação de marketing está no nível certo de tecnologia?

Em 3 a 8 minutos, a gente mostra o nível de 10 áreas, do dado à IA, e o próximo passo de cada uma.

  • 10 áreas avaliadas, de processos a IA
  • 5 níveis, do improviso ao sistema que aprende
  • Um plano com o que fazer primeiro
Fazer o diagnóstico grátis

Sem cadastro. As respostas ficam no seu navegador.

3,2NÍVEL 3 DE 5