Design System Strada

A Strada nasceu da fusão entre duas empresas: Tip Bank (Fintech) e Carguero (Logtech). Com essa união, surgiu a necessidade de unificar as identidades visuais, garantindo consistência tanto nos produtos quanto nos canais de comunicação. Para isso, o time de design identificou como prioridade a criação de um Design System próprio para a nova empresa.

Desafio e criação

Quando começamos a mapear as necessidades e obstáculos que vinham junto de um Design System, nos deparamos com uma grande questão: Como criar e manter um Design System com um time enxuto? Esse questionamento norteou as discussões do Núcleo de Design System, formado por designers e desenvolvedores dedicados ao projeto.
 
A solução encontrada foi mapear os componentes mais utilizados nos produtos existentes e iniciar o DS a partir deles, evoluindo a biblioteca de forma incremental. Essa abordagem nos permitiu ganhar agilidade sem comprometer os projetos que cada membro do núcleo já tocava em suas respectivas squads.
Com os componentes mapeados, o time iniciou a criação e tokenização dos elementos. Também desenvolvemos algumas opções de nomes e, após uma votação interna, batizamos o Design System de KM 0 — simbolizando o ponto de partida para todas as novas prototipações da Strada.

Utilização e Documentação

Como designer responsável pelo produto mais novo da empresa, o Strada Frete, fui o primeiro a aplicar o KM 0 em um produto real. Essa posição me colocou em contato direto com os desenvolvedores, colaborando na implementação do Storybook e na documentação detalhada de cada componente.

Como primeiro a utilizar, também pude identificar pontos de melhoria, como ajustes em componentes, correções de comportamento e padronizações necessárias. Cada alteração era cuidadosamente documentada para manter o time atualizado e evitar gargalos entre o desenvolvimento e o design. 

O Design System trouxe maior modernidade aos produtos da Strada, que eram em sua maioria já legados, maior consistência entre os produtos e ajudou na consolidação da marca no mercado. Além disso, também tornou a prototipação e o desenvolvimento das telas mais ágil e trouxe uma maior integração entre design e engenharia.