Sandra Bordini
Unificando experiências:
a jornada do design system do Bridge One®
Transformar uma plataforma complexa em uma experiência coesa e visualmente agradável, onde cada componente se integra harmoniosamente com o próximo, foi a missão do projeto do design system do Bridge One®, uma plataforma robusta para gerenciamento de empresas. Alcançar essa unificação visual e funcional exigiu um esforço concentrado, colaboração intensa e uma abordagem meticulosa.
TIPO
Design system
Ano
2021/2023
EMPRESA
Bridge Management Technologies®
Construindo a base
O projeto do design system do Bridge One® visava modernizar a interface de usuário e garantir consistência visual em todas as telas da plataforma, que engloba funcionalidades de ideação e gerenciamento de tarefas. O objetivo era criar um sistema unificado onde todos os componentes existentes e novos fossem harmonizados para proporcionar uma experiência de usuário fluida e coerente.
Buscando a simplicidade: inventário e arquitetura do design system
Iniciou-se com a realização de um inventário completo dos componentes existentes, tanto a nível de design quanto de front-end, e transformá-los em um sistema coeso. O processo começou com um levantamento detalhado dos componentes, seguido por sessões de card sorting, alternando entre momentos individuais e em equipe para tomar decisões informadas.
O maior desafio foi coletar e debater os componentes existentes a fim de decidir sobre melhorias e alterações. Nas reuniões, discutimos sobre a funcionalidade e a relevância de cada componente, o que demandava um equilíbrio delicado entre a opinião dos designers e a viabilidade técnica apontada pelos desenvolvedores. Durante essas sessões, o objetivo era garantir que cada decisão fosse orientada tanto para um código limpo quanto para a padronização baseada no Material Design.
De componentes a coesão: a estruturação do design system
Após a fase de inventário e arquitetura, iniciamos a criação dos componentes, começando pelos mais simples e avançando gradualmente para os mais complexos. Dependendo da complexidade de cada componente, realizamos sessões de equipe para analisar alternativas e tomar decisões sobre seu funcionamento. Sempre nos focamos em manter um código limpo e uma interface padronizada.
O resultado foi um design system bem estruturado no Figma, alinhado com o front-end, que continua sendo atualizado conforme novas descobertas. Essa estrutura não só modernizou a UI, mas também trouxe consistência e unidade visual para toda a plataforma Bridge One®.
Colaboração e flexibilidade: as lições aprendidas
A chave principal deste projeto foi a importância da colaboração contínua e da flexibilidade. As sessões de card sorting e as reuniões de equipe mostraram que a comunicação aberta entre designers e desenvolvedores é essencial para criar um sistema coeso. Além disso, a capacidade de adaptar e iterar rapidamente com base no feedback foi crucial para o sucesso do projeto.
A evolução contínua: o futuro do design system do Bridge One®
O lançamento do design system do Bridge One® foi apenas o começo. A estrutura sólida criada no Figma, alinhada com o front-end, estabeleceu uma base robusta para futuras melhorias e novos componentes. Este projeto exemplifica como a combinação de design estratégico, desenvolvimento ágil e colaboração constante pode transformar uma plataforma complexa em uma experiência de usuário unificada e eficiente.