Intelliauto

Refatoração completa do sistema principal, com nova stack e interface reconstruída sobre o design system.

O contexto

Um cliente externo pediu mudanças nas regras do sistema. Ao avaliar o esforço, ficou claro que refazer compensava mais do que adaptar: dava para trocar a infraestrutura, adotar linguagens mais otimizadas e, junto disso, atualizar a interface.

Como parte do time de design, redesenhei o produto inteiro com base no design system que desenvolvi e que já estava se tornando o padrão da empresa.

O escopo cobriu o sistema todo: 18 menus e cerca de 70 módulos. Meu papel inicial foi enxugar a quantidade de telas diferentes que tratavam do mesmo contexto, entregando um sistema mais enxuto, mas com as mesmas funcionalidades, agora redesenhadas e organizadas.

O que mudou

Paleta de cores repensada, com azul como cor principal e roxo como secundária; formulários grandes viraram wizards com validação por etapa; telas traduzidas, com melhor organização e disposição das informações para mais clareza visual; nomenclaturas repensadas; campos desnecessários removidos; e breadcrumbs adicionados para facilitar o entendimento da navegação.

A refatoração mostrou o design system funcionando no cenário mais exigente possível: reconstruir um produto inteiro, mantendo consistência entre dezenas de telas e reduzindo o tempo de criação de cada uma.

Tecnologias envolvidas

Figma. Prototipação de todas as telas e design system.

Confluence. Documentação técnica das telas, com as regras e o comportamento de cada módulo para o time de desenvolvimento.