Cê que fez? Yandeh
Criação de Design System para a Yandeh: simplificando design e desenvolvimento
Como tokens, componentes e documentação ajudaram design e engenharia a trabalhar a partir da mesma referência.
01 · Contexto
A Yandeh é uma plataforma que abastece mercados. O time crescia rápido e cada equipe desenhava a própria tela: botões em cinco tamanhos, seis azuis diferentes, e a mesma discussão de novo a cada projeto. Achar qualquer coisa nos arquivos era um problema à parte, e quem precisava de uma resposta perdia meia hora procurando antes de conseguir trabalhar.
02 · Papel e time
Inventariei o que já existia na interface, defini regras de cor, espaçamento e tipografia e reconstruí os componentes, validando cada decisão com design e engenharia para garantir adoção no produto. Documentei o sistema em um lugar onde o time consegue consultar as decisões sem depender de explicação e organizei os arquivos para reduzir o tempo gasto procurando informação.
| Período | 2022 – 2023 (via Objective) |
|---|---|
| Time | Design e engenharia Yandeh |
| Meu papel | Padronizar a interface e passar para a engenharia |
| Entregas | Regras visuais, biblioteca de componentes, documentação e organização dos arquivos |
| Leitura | 4 minutos |
03 · Galeria
04 · Resultado
05 · Aprendizados
- Documentação boa se prova sozinha: quando outro time começou a usar sem ninguém explicar, o sistema estava pronto.
- Achar as coisas vale tanto quanto ter as coisas: organizar os arquivos economizou mais tempo do time que qualquer componente novo.
- Sistema construído sem a engenharia junto vira biblioteca bonita que ninguém usa.