Construo Design Systems com governança real, não só componentes bonitos no Figma.

O problema

O Hero Design System existia, mas existir não é o mesmo que funcionar. Os times sabiam que o sistema estava lá, mas não sabiam o que era padrão, o que estava desatualizado, ou como contribuir sem quebrar o que outros times já usavam.

As decisões

• Estabilização da v1: nomenclatura padronizada, arquitetura de arquivos reorganizada, guia de acessibilidade publicado.
• Construção da v2 em paralelo, com tokens semânticos para light, dark e white label.
• Nomenclatura unificada entre Figma e Storybook, uma única fonte de verdade.
• Componentes documentados para serem AI-ready.
• Co-ownership real com o Tech Lead de front-end: eu respondo por visão, padrões e priorização; ele por estabilidade técnica e releases.

Estado atual

Pausado antes da integração com desenvolvimento. A arquitetura da v2 está desenhada e documentada no Figma, a conexão com ferramentas de IA e o pipeline de código ainda não foram implementados.

O problema

Cruzamento de dados de Microsoft Clarity, Google Analytics e Userpilot para identificar fricção numa plataforma de gestão de pedágio para frotas corporativas. Entrevistas com gestores de frota para validar hipóteses além do dado quantitativo, redesenho dos fluxos críticos e teste com usuários reais, retorno qualitativamente positivo.

Estado atual

O projeto não avançou para desenvolvimento e permaneceu em fase de protótipo.

O problema

A Sensedia tinha múltiplos produtos que não se pareciam entre si, inconsistência vinda de crescimento rápido sem estrutura de design acompanhando. Designers recriando o que já deveria existir, devs corrigindo bugs visuais evitáveis.

As decisões

• Auditoria das inconsistências antes de qualquer componente novo.
• Estrutura em camadas: foundations → tokens → componentes → documentação.
• Tech Lead de front-end como co-construtor técnico desde o início.
• Governança com rituais quinzenais junto ao time de design.

Estado atual

Sistema adotado por todo o time, com mais de 50 componentes documentados seguindo Atomic Design. Redução perceptível de retrabalho e inconsistência visual, sem métrica formal medida.

O problema

O portal de APIs da Sensedia não refletia a posição da empresa como referência em API management. Era comum um desenvolvedor abandonar o portal e ir perguntar direto no Slack.

As decisões

Entrevistas com desenvolvedores apontaram um problema estrutural de arquitetura de informação, não visual. A proposta de reestruturação completa gerou atrito real com a liderança por causa do prazo, decidi reduzir o escopo para uma versão viável, deixando a reestruturação mais profunda para uma v2.

Estado atual

Portal relançado com a versão reduzida de escopo, endereçando as fricções de navegação identificadas. Sem métrica formal medida após o lançamento.