Qesh - BAAS Whitelabel
How I used UX Design to create a whitelabel digital bank.
The challenge
In January 2022, the fintech Qesh Payments design team, led by me (Pedro Thairan), received the following challenge:
Create a digital bank, which worked as a baas, whitelabel and scalable solution.
The current scenario
According to Gartner, one of the main companies in the field of financial consultancy, known mainly for its research and work in information technology, Banking as a Service (BaaS) will be widely adopted around the world within two years. According to Verified Market Research (VMR), the BaaS segment was worth US$367.41 billion in 2021 and, according to the company's own projections, it should reach US$2.45 trillion by 2030.
Article Headline in Gartner Says Banking-as-a-Service Will Hit Mainstream Adoption Within Two Years, by Gartner.
Project’s goal
The project’s goal was created from a S.M.A.R.T method, starting by the principle that the solution had should be Specific, Measurable, Achievable, Relevant and Time-bound.
With this information, we have the goal:
Create a solution that helps companies create a complete digital bank, with personalized branding, in up to 3 days.
References
The main references were Inter and Nubank as examples of digital banks, and PicPay as an example of a more direct and simplified user flow.
References from different banks for the registration flow
User flow
A user flow was created for each bank functionality separately. Flows for individual registration, legal entity registration, device registration and exchange, OTP validation, login, password change, Pix, prepaid card, TED/TEF transfer and invoices were created.
.png)
See the flow in detail by clicking here.
The new flow was adapted from an old flow that had already been validated, with only a few changes due to technical limitations and based on feedback received from the old flow.
Moodboards
For both the mobile application and internet banking, neomorphism was the aesthetic chosen to be followed in a subtle way, using light and shadows to highlight objects without compromising reading.
Styleguide
The style guide was created based on the creation of wireframes, which guided the definition of the necessary elements. You can check all the decisions that justify the elements in my exclusive case for the design system.
Colors, forms, buttons and typography
If you want to know more about the design system construction process, click here.
High Fidelity Prototype
Based on the Wireframes already produced and the definition of the style guides, we produce the high-fidelity prototype.
Conclusions and learnings
The process of creating this digital bank was very enriching. It was a very different UX experience as it was a new product created on top of an old, existing and already validated product. So the biggest challenge was to modernize the old flow and make it even smaller.
This case, still under development, will also contain content on how the whitelabel application works, with the application of logos and colors chosen by customers.