Qesh - BAAS Whitelabel
Como usei o UX Design para criar um banco digital whitelabel.
O desafio
Em janeiro de 2022, a equipe de design da fintech Qesh Payments, liderada por mim (Pedro Thairan), recebeu o seguinte desafio:
Criar um banco digital, que funcionasse como uma solução baas, whitelabel e escalável.
O cenário atual
Segundo a Gartner, uma das principais empresas no ramo de consultoria financeira, conhecida principalmente pelas suas pesquisas e trabalhos em tecnologia da informação, o Banking as a Service (BaaS) vai ser amplamente adotado no mundo todo dentro de dois anos. De acordo com a Verified Market Research (VMR), o segmento de BaaS valia US$367,41 bilhões em 2021 e, segundo as projeções da própria empresa, deve atingir US$2,45 trilhões até 2030.
Headline do artigo em Gartner Says Banking-as-a-Service Will Hit Mainstream Adoption Within Two Years, de Gartner.
Objetivo do projeto
O objetivo do projeto foi criado a partir do método S.M.A.R.T, começando pelo princípio de que a solução precisa ser específica, mensurável, alcançável, relevante e temporal.
Com essa informação, temos como objetivo:
Criar uma solução que ajude empresas a criarem um banco digital completo, com marca personalizada, em até 3 dias.
Referências
Como principais referências foram usados os bancos Inter e Nubank como exemplos de bancos digitais, e o PicPay como exemplo de um fluxo de usuário mais direto e simplificado.
Referências de diferentes bancos para o fluxo de cadastro
Fluxo de usuário
Foi criado um fluxo de usuário para cada funcionalidade do banco separadamente. Foram criados os fluxos de cadastro de pessoa física, cadastro de pessoa jurídica, registro e troca de dispositivo, validação de OTP, login, alteração de senha, Pix, cartão pré-pago, transferência TED/TEF e boletos.
.png)
Veja o fluxo em detalhes clicando aqui
O novo fluxo foi adaptado de um fluxo antigo já validado, tendo apenas algumas alterações por limitações técnicas e baseadas em feedbacks recebidos do fluxo antigo.
Moodboards
Tanto para o aplicativo mobile quanto para o internet banking, o neomorfismo foi a estética escolhida para ser seguida de maneira sútil, utilizando luz e sombras para destacar objetos sem prejudicar a leitura.
Styleguide
O guia de estilos foram criados a partir da criação dos wireframes, que orientaram a definição dos elementos necessários. Todas as decisões que justificam os elementos você pode conferir no meu case exclusivo para o design system.
Cores, formulários, botões e tipografia
Se quiser saber mais sobre o processo de construção do design system, clique aqui.
Protótipo de Alta Fidelidade
Com base nos Wireframes já produzidos e a definição dos guias de estilo, produzimos o protótipo de alta fidelidade.
Conclusões e aprendizados
O processo de criação desse banco digital foi muito enriquecedor. Foi uma experiência de UX muito diferente pois foi um novo produto criado em cima de um produto antigo já existente e já validado. Então o maior desafio foi modernizar o fluxo antigo e deixa-lo ainda mais reduzido.
Esse case, ainda em evolução, terá também o conteúdo de como fun.ciona a aplicação whitelabel, com a aplicação de logos e cores escolhidas pelos clientes.