Email Builder multimarca

Uma ferramenta interna para o time de marketing montar e-mails na identidade de três marcas de consumo sem reescrever HTML a cada campanha. Projetei e programei.

6xprodução de e-mails
1.259+assets gerenciados
15+templates
  • Next.js
  • TypeScript
  • Supabase
  • Tailwind
  • Vercel
Meu papel
Projetei e construí a ferramenta inteira.
O problema
Cada e-mail de cada marca era montado do zero, muitas vezes com HTML frágil gerado por IA. Quebravam no mobile, no Gmail e no modo escuro do iOS, e pequenas diferenças de cor e fonte tiravam a cara da marca.
O que fiz
Uma área de trabalho por marca com cores, logos e templates. Você edita de um lado e vê o HTML final exato do outro. Acrescentei um banco de assets compartilhado, histórico de versões e um builder separado para e-mails de esportes.
Resultado
O time de marketing passou a usar no primeiro dia. A produção de e-mails cresceu 6x e os e-mails quebrados caíram para perto de zero.
Uma decisão que defendo
Tratei o e-mail como um formulário, não como um arquivo. Editar HTML na mão era só o sintoma: as escolhas reais eram oferta, banner, ícones e link, então a ferramenta captura isso e gera o HTML. Mantive um gerador por marca e tipo de e-mail, o que parece redundante, mas evita que o layout de cada marca vire um emaranhado de condições. Testando com dados reais, também peguei um rodapé de largura fixa que era cortado em celulares estreitos e corrigi com largura fluida e máximo de 480px.

Seu time refaz a mesma coisa toda semana? Vamos construir a ferramenta.

Começar um projeto

Outros projetos