Design System — 2025

Banking as a Service

Fui responsável pela governança do Design System e arquitetura de tokens que escalaram a estratégia de BaaS do Paraná Banco, com adaptação multi-marca, mais consistência, 4x mais agilidade no desenvolvimento e crescimento de 198% na base de clientes ativos.

Design System

Tokens governance

O contexto

Com o spread bancário pressionado pela queda das taxas de juros, o Paraná Banco buscava novas formas de crescimento.

A resposta veio com a expansão via modelo Banking as a Service (BaaS), permitindo que correspondentes utilizem a infraestrutura do banco para oferecer produtos com suas próprias marcas, ampliando o alcance e rentabilidade de forma escalável.

Ilustração do contexto de Banking as a Service no Paraná Banco, com destaque para crescimento de 198% e 2,3 milhões de clientes ativos.

O desafio

Disponibilizar a jornada de formalização (web) em formato white label, permitindo que cada correspondente parceiro tenha a experiência adaptada conforme sua marca.

O desafio estava em tornar essa adaptação rápida, escalável e com mínimo esforço de desenvolvimento, porém garantindo consistência visual.

Sequência de telas da jornada de formalização web do Paraná Banco, mostrando o fluxo base usado como referência para adaptação white label.

Qual o problema?

A arquitetura do Design System utilizava apenas global tokens, sem camadas intermediárias.

Ao ajustar uma cor para um tema específico, a alteração se propagava em todo o sistema, afetando componentes e estados indevidos. Isso gerava perda de controle visual e dificultava escalar o BaaS.

Diagrama mostrando o problema do uso exclusivo de global tokens no Design System, onde uma cor de marca se propaga para múltiplos componentes e estados de forma indevida.

Governança de tokens

A governança de tokens organiza os estilos em camadas de abstração, do valor bruto à aplicação em temas adaptativos.

A segmentação em global, semantic e component tokens garante controle preciso e um sistema escalável, capaz de se adaptar a múltiplas marcas.

Esquema de governança de tokens no Design System, mostrando a segmentação entre global, semantic e component tokens e a taxonomia usada para estruturar os estilos.

Biblioteca

Com a estratégia de color tokens definida, todos os tokens foram criados na biblioteca e liberados para uso no Design System.

Referenciação

O novo modelo de tokens foi aplicado nos 28 componentes do Design System, cobrindo seus estados e variações. Esse detalhamento elevou a maturidade do DS e garantiu conversão rápida e consistente entre temas.

Exemplo de referenciação de tokens em um componente do Design System, mostrando a aplicação de estilos em fundo, ícone e textos.

Resultados

A nova estrutura de tokens impulsionou a estratégia de Banking as a Service, permitindo personalizações rápidas e escaláveis.

Esse avanço acelerou o modelo white label e apoiou o crescimento de clientes ativos na carteira do Paraná Banco.

4x

Mais velocidade em desenvolvimento.

198%

De crescimento em clientes ativos.

002

Mais projetos

Capa do case Portabilidade otimizada no aplicativo do Paraná Banco.
Mobile App — 2024

Portabilidade otimizada

Capa de projeto com cartão do Paraná Banco em destaque, acompanhada do texto “Em breve disponível” e do título “Cartão PB”.
Em breve disponível

Cartão PB

Capa de projeto com mão segurando um smartphone exibindo interface bancária, acompanhada do texto “Em breve disponível” e do título “Nova home App”.
Em breve disponível

Nova home App