Potencializando a Gestão Pública com Design System e acessibilidade

Desafio

Estruturar um Design System para unificar a experiência do portfólio de produtos da Portábilis, reduzindo inconsistências visuais e de interação, acelerando o desenvolvimento e diminuindo a curva de aprendizado para novos usuários e times.

Principais desafios:

• Ausência de um Design System consolidado
• Inconsistência visual e de interação entre produtos
• Identidade de marca pouco aplicada nos produtos digitais
• Alto custo de manutenção e evolução da interface

Processo

• Imersão e diagnóstico: entendimento do contexto de negócio, portfólio de produtos, dores do time e aprendizados de tentativas anteriores que não deveriam ser repetidas.
• Estratégia do Design System: definição do Design System como produto, com visão, propósito e princípios alinhados aos pilares da marca. A partir disso nasceu o Pulsare, conceito central que orienta ritmo, consistência e vitalidade da experiência.
• Definição de requisitos: mapeamento de componentes existentes, definição do que manter, evoluir ou descartar. Estruturação em Design Tokens, componentes básicos e componentes de negócio, alinhada ao framework já utilizado pelo time de desenvolvimento.
• Protipação e documentação: criação dos tokens (cores, tipografia, espaçamentos, ícones), componentes e documentação de uso, incluindo diretrizes claras de acessibilidade.
• Validação prática: aplicação do sistema em fluxos reais e revisão da navegação do produto com card sorting para melhorar a arquitetura de informação.

Resultados

• Criação de um Design System escalável que acelerou o desenvolvimento e reduziu retrabalho
• Consistência visual e de interação em todo o portfólio de produtos
• Fortalecimento do branding da Portábilis nos produtos digitais
• Melhoria da navegação e da experiência do usuário além do facelift visual
• Elevação do padrão de acessibilidade como diferencial estratégico do produto