Mobiauto
Escalando design com o Mobi DS
Design System e Acessibilidade
A Mobiauto é um dos principais marketplaces automotivos do Brasil.
CONTEXTO
À medida que o ecossistema de produtos da Mobiauto crescia, os times passaram a construir interfaces de forma independente, o que dificultava manter a consistência e reutilizar componentes entre produtos. O objetivo era criar um Design System escalável, capaz de atender múltiplos produtos e áreas de negócio sem abrir mão da flexibilidade.
SOLUÇÃO
Criamos um Design System modular baseado em tokens compartilhados e componentes core, que também permitia módulos específicos para as experiências B2B e B2C.
O Figma se tornou a fonte única da verdade para o design, o Storybook documentou os componentes codificados e o Zeroheight centralizou toda a documentação de design e desenvolvimento.
Para acelerar a adoção, construímos o sistema sobre o Material UI para React, aproveitando um framework maduro e já familiar para o time de engenharia.
RESULTADOS
· Desenvolvimento de novas funcionalidades 38% mais rápido
· 108 módulos reutilizáveis compartilhados entre produtos
· 178 design tokens
· 51 componentes core
