Voltar aos projetos

Instivo · 2023–2025

Design System do Zero

Lead Designer

02/2023 – 07/2025

Design System do Zero – hero

Visão Geral

Como Lead Designer na Instivo Retail Tech, liderei a criação de um Design System do zero para o ERP da empresa, hoje usado por um time de 8 designers e 2 desenvolvedores nos módulos de ADM, SRM e Cadastros. O projeto levou 6 meses, da auditoria dos componentes existentes até uma biblioteca com mais de 60 componentes documentados, estados, anatomy e tokens prontos para produção.

Desafio

Antes do DS, o time construía as interfaces em cima de bibliotecas prontas, como o Tailwind, que não cobriam boa parte das necessidades reais do produto. Cada vez que surgia um componente fora do que a biblioteca contemplava, os designers recriavam do zero, sem um padrão comum entre squads. Sem regras específicas de cor, tipografia e espaçamento, a padronização visual ficava comprometida e o handoff exigia interpretação caso a caso.

Solução

Estruturei e liderei a criação de uma biblioteca própria com mais de 60 componentes, documentando cada um com todos os estados (enabled, hover, pressed, focus, disabled), anatomy numerada e specs de layout e espaçamento. Trabalhei com 7 designers e 2 devs, alinhando tokens de cor, raio e tipografia entre componentes e validando a consistência diretamente nas telas reais do produto.

Processo

1Auditoria dos componentes e mapeamento de lacunas2Definição dos tokens (cor, tipografia, espaçamento, raio)3Design e documentação de 60+ componentes4Validação de consistência nas telas reais do ERP5Handoff e governança contínua com o time

Resultados

-60%tempo de criação de novas interfaces
60+componentes documentados prontos pros devs
10profissionais adotando o mesmo sistema
3módulos padronizados (ADM, SRM, Cadastros)

Galeria

Buttons – documentados estado a estado
Modal anatomy – documentada até o último token
Produto real – Leitura OCR no ERP