A maioria dos sistemas de design de email é criada para parecer boa em um arquivo do Figma. A equipe do Customer.io construiu o seu para funcionar em produção — e a diferença é evidente.
Nesta sessão, o Developer Advocate Mark Robbins e o Senior Brand Designer Carlos Saborio-Romero explicam os cinco componentes que todo sistema de design de email precisa, incluindo como a equipe do Customer.io cria componentes reutilizáveis diretamente no Design Studio, em vez de exportar do Figma, eliminando a incerteza entre a intenção de design e o resultado real.
A percepção mais útil pode ser esta: QA obrigatório — dois a três minutos por email — acidentalmente se tornou seu melhor ciclo de feedback para melhorar componentes ao longo do tempo.
O que você vai aprender:
- Quais são os cinco componentes principais de um sistema de design de email pronto para produção
- Como construir um componente de assinatura universal com uma seleção suspensa que funciona entre remetentes
- Como a troca de modo escuro contextual funciona usando fragmentos no Design Studio do Customer.io
- Por que projetar diretamente no seu ESP (não no Figma) elimina a lacuna entre o que você projeta e o que é enviado
- Como legendas de botões com aria-describedby melhoram tanto a acessibilidade quanto a interpretação por IA
- Por que QA de cada email — mesmo quando parece exagerado — é a melhor maneira de melhorar continuamente seu sistema de design