essense design system

contexto

A Sensedia cresceu rápido, mas essa expansão trouxe uma bagunça visual e técnica entre os produtos internos. Cada time fazia do seu jeito, com componentes diferentes, variações de UI e decisões não escaláveis. Nosso desafio era unificar tudo isso com um Design System funcional, escalável e mantido por múltiplos times.

meu papel e responsabilidades

Fui responsável por liderar o design do esSense desde a fundação até a entrega dos primeiros kits para produção. Atuei em:

• Levantamento de padrões e auditoria visual

• Arquitetura e estruturação do sistema

• Definição de tokens e guidelines

• Criação dos primeiros componentes em Figma

• Testes com devs e rollout inicial para squads

pesquisa e diagnóstico

Fizemos uma varredura nos principais produtos internos e identificamos:

• 26 variações de botão (sem exagero)

• Padrões visuais conflitantes

• Falta de documentação e alinhamento entre design e dev

• Dificuldade de reuso e manutenção

Esses dados ajudaram a priorizar os componentes mais críticos e justificar a iniciativa para a liderança.

construção e decisões estratégicas

Estruturamos o sistema por camadas:

• Foundations: cores, tipografia, espaçamentos, grid

• Tokens: criamos um sistema com nomes padronizados

• Componentes: os mais críticos foram priorizados com base na auditoria

• Documentação: clara, com exemplos, boas práticas e specs técnicas

Tudo foi criado em colaboração com o time de devs, garantindo viabilidade e entrega mais fluida.

governança e adoção

Para garantir sustentabilidade, criamos:

• Uma squad de manutenção (com rota de entrada de sugestões)

• Processos de versionamento

• Documentação viva no ZeroeHeight e Figma

• Onboarding para novos times

Resultado: em 3 meses, 4 squads já estavam usando o esSense e relatando ganho de tempo e redução de bugs visuais.

impactos e aprendizados

Impactos:

• Redução de 40% no tempo de criação de telas novas

• Comunicação entre Design e Engenharia mais fluida

• Time mais confiante em escalar produtos com consistência

Aprendizados:

• Documentar bem é tão importante quanto desenhar

• Design System precisa ser vivo, com donos e processos claros

• Cultura é parte fundamental da adoção

o que faria diferente hoje

Hoje, com mais bagagem, investiria desde o início em:

• Tokens ligados diretamente ao código

• Dashboard de governança com indicadores de uso

• Kit de motion para interações mais consistentes