Timeline
GBX Brasil
Cliente
2023 - 2024 (6 meses)
Design
Vinicius Jardim Kohlmann e Julio Madalena
Be as a Bank
Design de estrutura bancária white-label.
Quando iniciei no projeto, a estrutura de design do Be as a Bank atendia a 6 aplicativos. À medida que o projeto progrediu, essa responsabilidade se expandiu para mais de 30 aplicativos.
Mesmo com uma equipe de apenas 2 designers, conseguimos criar uma estrutura flexível e escalável, mantendo a qualidade e a consistência. Foi um grande desafio, que demandou organização e alinhamento constante entre as equipes de design e desenvolvimento.
Otimizando e escalando o design de uma estrutura bancária white-label.
Criar e documentar o uso de componentes, focando na otimização de tempo de projeto e entrega.
Desafios
Manter a qualidade e consistência do design, replicado em múltiplos aplicativos, com uma equipe de apenas 2 designers.
Alinhar expectativas e manter uma comunicação contínua entre as equipes envolvidas no projeto.
Projetar um aplicativo bancário white-label, flexível e escalável, para atender pessoas físicas e jurídicas.
1
2
3
4
Superando os desafios
Flexibilidade e Escalabilidade
Mantendo a consistência com uma equipe Reduzida
Otimizando o tempo com a criação de componentes
Desenvolvimento colaborativo
Enquanto desenvolvíamos nosso produto, percebemos a necessidade de uma solução que conciliasse a flexibilidade do design com a necessidade de escalar rapidamente. A resposta veio através da padronização de componentes.
Para construir nossa biblioteca, fizemos uma auditoria em todos os fluxos e telas que existiam, tanto em Figma quanto em produção. Em paralelo, conduzimos um estudo de mercado buscando alinhar nossas soluções com as expectativas dos usuários.
Com apenas duas pessoas na equipe de design, o risco de perder consistência era real. Cada decisão tomada seria refletida em múltiplos aplicativos. Portanto, adotamos uma abordagem estratégica, tentando sempre documentar as decisões de design, assim como versionamento de fluxos e componentes. Além disso, tudo que era possível padronizar, nós tentamos padronizar. Essa metodologia nos permitiu manter a consistência, mesmo com recursos limitados.
Como mencionei anteriormente, entendemos que o sucesso do projeto dependia da criação e organização de uma biblioteca de componentes. No entanto, não podíamos simplesmente desenhar sem propósito. Cada componente que foi incorporado à biblioteca passou antes por testes e foi cuidadosamente pensado para diferentes contextos e cenários.
Esses componentes, muitas vezes, foram desenvolvidos em parceria com os programadores, principalmente quando havia a demanda por uma nova funcionalidade. Esse diálogo com os desenvolvedores não apenas validava a viabilidade técnica, mas também nos permitia refinar aspectos estéticos e funcionais.
Construir a confiança da equipe de desenvolvimento e dos investidores em relação ao design foi um processo gradual e desafiador. Para superar essa barreira, tentamos entender a perspectiva deles, buscando uma linguagem comum para demonstrar o valor do nosso trabalho.
O resultado não foi imediato e muitas vezes o que dizíamos era visto com uma certa desconfiança, mas depois que ficou clara a redução de tempo e otimização de recursos, eles começaram a adotar e envolver mais o design no processo. Como resultado, um MVP que demorava em média 90 dias para ser entregue, agora era entregue em 30 dias
Impactos do projeto
O projeto atraiu o interesse de uma grande instituição financeira, resultando em uma parceria lucrativa para a GBX.
A arquitetura de banco white-label, que inicialmente atendia 6 aplicativos, foi ampliada para atender mais de 30 aplicativos em iOS e Android, destacando a flexibilidade e escalabilidade do design.
A estrutura serviu de base para projetos com propostas diferenciadas, incluindo aplicativos de tokenização de ativos e câmbio de criptomoedas.
Estabeleceu uma cultura de alinhamento entre designers e programadores, com foco na otimização de recursos e reaproveitamento de componentes documentados.
Implementação de diversas funcionalidades, como cadastro e onboarding, gestão de pagamentos e cobranças (Pix, boleto e TED), ajuste de limites, extratos, oferta de crédito, criação e gestão de cartões virtuais, entre outras funcionalidades.
A otimização do processo de design reduziu o tempo de entrega de MVPs de todo o time de 90 para 30 dias, aproximadamente.
De 6 para 30 aplicativos
Parceria Lucrativa
Base para outros projetos
Cultura de alinhamento
Diversas funcionalidades entregues
Redução em 1/3 do tempo estimado para entrega de MVPs
Aprendizados
No projeto para a GBX, um dos grandes desafios enfrentados era o de desenhar uma estrutura fácil de replicar e adaptar, além de conceber soluções para um setor altamente regulamentado como o financeiro.
Durante o processo, percebi a importância de comunicar o design como uma ferramenta estratégica para otimizar o trabalho de toda a equipe, não somente dos designers.
Para superar esses desafios foi fundamental construir um ambiente de colaboração e confiança, onde o diálogo constante e a negociação fossem a base para a implementação do projeto.