Nova — Design System para Escala
A empresa Tecnolab tinha 3 produtos com design completamente inconsistentes entre si, causando retrabalho constante e confusão nos usuários que usavam mais de um produto. Liderei a criação do Nova Design System para unificar a experiência.
Papel
Design System Lead
Duração
5 meses
Ano
2024
01 — Problema
Definição do Problema
Sem um design system, cada time criava componentes isolados, gerando 3 versões diferentes do mesmo botão. O retrabalho custava 30% do tempo de design por sprint. Usuários que migravam entre produtos reportavam sensação de fragmentação da marca.
02 — Pesquisa
Pesquisa & Descoberta
Métodos utilizados
- Auditoria de UI em todos os 3 produtos (inventário de 340+ componentes)
- Entrevistas com designers e devs de cada squad
- Benchmark de design systems (IBM Carbon, Atlassian, Material)
- Workshop de definição de tokens e princípios visuais
Principais insights
- 67% dos componentes eram duplicatas com variações desnecessárias
- Devs reportavam que implementar um botão levava de 2h a 1 dia sem padrão
- Cada produto tinha uma escala tipográfica diferente
- Ausência de tokens de cor gerava 200+ valores hexadecimais únicos no código
03 — Arquitetura
Arquitetura da Informação & Fluxo
Criei uma metodologia em 4 fases: Auditoria → Fundação (tokens, primitivos) → Construção (componentes) → Expansão (padrões, templates). A documentação foi construída junto com os times de produto desde o início.
04 — UI Final
Telas Finais
05 — Resultados
Impacto & Métricas
06 — Aprendizados
Aprendizados & Próximos Passos
Um design system não é um projeto — é um produto. Precisa de roadmap, versionamento, ownership claro e cultura de contribuição para sobreviver a longo prazo.
Próximos Passos
- Migração para tokens de design com Figma Variables
- Versão dark mode nativa
- Expansão para app mobile nativo