sobreserviçoscasesprocessocontato
← portfólio/design de produto
Wilson Sons

UI Design System

Desenvolvimento de UI para design system da Wilson Sons com biblioteca de estilos, componentes, variantes e tipografia
visão geral

Um sistema, dezenas de produtos, uma só linguagem.

A Wilson Sons opera terminais portuários, rebocadores e serviços de logística em diversos pontos do Brasil — e cada uma dessas frentes tinha seus próprios produtos digitais, construídos por times diferentes, em momentos diferentes, sem um padrão em comum. O resultado era previsível: telas parecidas mas nunca iguais, componentes recriados do zero a cada projeto, e uma marca que não se sentia consistente entre uma plataforma e outra.

O Design System nasceu para resolver isso na raiz. Em vez de padronizar telas prontas, fomos até a camada mais básica — cor, tipografia, espaçamento, grid — e construímos de baixo para cima: dos tokens aos átomos, dos átomos aos componentes, dos componentes às páginas completas.

Hoje qualquer time da Wilson Sons parte do mesmo alicerce visual, com tipografia em Inter, grid de 12 colunas no desktop e 6 no mobile, e uma escala de cor pensada para funcionar em tema claro e escuro — sem precisar decidir essas coisas de novo a cada projeto.

Desenvolvimento de UI para fundamentos de design system: sistema de grid, escala tipográfica e paleta de cores primitivas
Desenvolvimento de UI para componentes de interface em design system: botões, checkbox, alertas e tabelas
próximo case →

Meu Tecon
Wilson Sons

ver case →
← voltar ao portfólio