Andy
Automatização de E-mails Receitas Nestlé
Overview
Produto: Uma solução modular para criação de e-mails que combina automação, consistência visual e flexibilidade. Baseado em princípios de Atomic Design e guiado por um styleguide estruturado, o produto permite escalar a produção de comunicações com qualidade, reduzindo erros e acelerando entregas.
Usuários:
Designers (UI/UX) responsáveis pela criação dos e-mails
UX Writers que estruturam e adaptam o conteúdo
Desenvolvedores que implementam os templates
Stakeholders de negócio que demandam campanhas rápidas e consistentes
Times envolvidos:
Design (UI, UX e Design System)
UX Writing
Engenharia
Marketing / CRM
Meu papel:
Atuei como Product Designer com foco em Design System e DesignOps, estruturando o ecossistema de e-mails desde a base. Fui responsável por:
Definir e evoluir o styleguide
Criar e organizar os módulos (Atomic Design)
Garantir consistência visual e escalabilidade
Estruturar a documentação para uso cross-times
Conectar design, conteúdo e desenvolvimento em um fluxo mais eficiente
O desafio
O processo de criação de e-mails era fragmentado, manual e altamente suscetível a erros. Cada nova demanda começava quase do zero, sem padronização clara, o que gerava inconsistências visuais, retrabalho e dependência excessiva de validações.
Pequenas variações de layout ou texto exigiam esforço desproporcional, impactando diretamente o tempo de entrega e a qualidade final.
O cenário pedia mais do que otimização, exigia uma mudança estrutural: transformar um processo artesanal em um sistema inteligente, capaz de equilibrar velocidade, consistência e autonomia entre os times.
Objetivos
Acelerar o processo de criação de e-mails com templates flexíveis (Low, Medium, High).
Eliminar erros humanos por meio da automatização do conteúdo e sincronização.
Garantir a consistência do design, independentemente de qual designer realize a demanda.
Medir o sucesso por meio de entregas mais rápidas e com zero erros.
Styleguide:
Desenvolvido com base no mapeamento dos e-mails anteriores, este guia de estilo identifica padrões e aplica as melhores práticas, garantindo consistência e otimização no uso.
Módulos:
Os módulos foram desenvolvidos com base na metodologia de Atomic Design utilizando o styleguide pré definido anteriormente e aplicando as melhores práticas. A fase de organismos abrange a criação de estruturas mais complexas, formadas pela combinação de átomos e moléculas já estabelecidas.
Documentação dos módulos:
Para garantir que a evolução dos entregáveis seja consistente, padronizada e ágil, foi desenvolvida uma documentação detalhada dos módulos. Esta documentação especifica a quantidade de caracteres, possibilidades e variações de uso, oferecendo suporte tanto para desenvolvedores quanto para ux writters. Assim, garantimos consistência e eficiência em cada etapa do processo.
Entregáveis
Discovery
Antes de propor qualquer solução, mergulhei no entendimento do problema com um olhar sistêmico, quase como desmontar uma máquina para entender onde ela rangia.
Mapeamento do cenário atual
Analisei e-mails anteriores para identificar padrões, inconsistências e pontos de fricção. Ficou evidente a ausência de um padrão unificado e a repetição de decisões básicas a cada nova peça.
Entrevistas e alinhamentos com stakeholders
Conversei com designers, UX writers, desenvolvedores e stakeholders de marketing para entender dores reais: retrabalho constante, erros recorrentes, dificuldade de escala e dependência de validações manuais.
Análise do fluxo de trabalho
Mapeei o processo end-to-end, desde o briefing até a entrega final. O fluxo revelou gargalos claros:
Falta de padronização nos componentes
Baixa reutilização de estruturas
Ruídos na comunicação entre times
Tempo elevado para ajustes simples
Identificação de oportunidades
A partir dos insights, surgiram algumas direções estratégicas:
Criar um sistema modular reutilizável
Integrar conteúdo e layout desde a origem
Reduzir a dependência de decisões manuais
Garantir consistência independente de quem executa
Definição da hipótese
Se estruturarmos um ecossistema modular com regras claras (design + conteúdo + código), então conseguiremos acelerar a produção, eliminar erros e escalar a operação com consistência.