Sandra Bordini

Product Design

Seta

Bridge design
system

Esse projeto se refere ao design system do Bridge One®, uma plataforma para gerenciamento de empresas que engloba funcionalidades de ideação e gerenciamento de tarefas.

Ano

2023/2024

Empresa

Bridge Management Technologies®.

Imagem do design system

Meu papel

Meu papel foi coletar componentes existentes para debate, participar das reuniões e das tomadas de decisão além da criação de novos componentes. O projeto envolveu um time com 2 designers e 4 Frontend devs.

Desafio

Foi um processo de modernização da UI em conjunto com busca de consistência e unidade visual entre as telas. O principal desafio foi o inventário feito em cima do que já existia tanto a nível de design como de front end.

Imagem do design system

Processo

O processo iniciou com um levantamento dos componentes já existentes e arquitetura dos mesmos em diferentes níveis de atomização. Para isso realizou-se algumas sessões de card sorting alternando momentos individuais e em equipe para tomadas de decisão.

Após passada essa fase de inventário e arquitetura iniciou-se a fase de design de componentes, primeiramente com os mais simples e passando aos poucos para os mais complexos. Dependendo do componente algumas sessões foram feitas em equipe para analizar alternativas e tomar decisões de funcionamento. Sempre visando um código limpo, baseado em material design, e padronização da interface.

O resultado foi um design system bem estruturado no Figma e pareado com o front end. Que continua sendo atualizado e alterado de acordo com novas descobertas.

Imagem do processo de criação do design system