Staq Banking Whitelabel – Creating modular financial products for growth
2024 · Lead Product Designer · Whilst at Grotesk
If you'd like to know more please get in contact
Context
How sholuld this be written if there is a project written for the product… which comes first?
Staq saw an opportunity to offer their clients digital finincial services—a move driven by growing demand and the potential for new revenue streams. The idea was to create a whitelabel product of specific banking features that could be quickly customised and rolled, with the ability to select any number as a complete services depending on the clients needs.
As Product Designer at Grotesk, I was tasked to make sure the design could flex to different feature requests and brands, all while staying easy to maintain and scale on our end to deliver to dev.
Visit www.staq.io
The problem
The biggest challenge? To build a platform accessible enough to give the end customers a great banking experience whilst keeping the product open enough to add new feature requests from either Staq to add to their service roster or clients as their needs and sector depends. There where also many system challenges of which you can read here.
The solution
The approach was to set the foundation for a product with manidorary finicail features such as Cards, Accounts, and payements along with other needed flows such as Onboarding, settings and Profiles, this then allowed for growth as the client base expanded.
By building a strong foundation of neccesary features like Bank cards, accounts, payments, and other needed elements like onboarding and settings. From there we where then able to empliment other features like 'By Now Pay Later' and Analytics.
Research
Alot of work went into discovering a solution for each feature so that each feature could work independantly and together as a whole depending on the needs of any customer
Early deliverables
To get buy-in from those first key clients (and prove the idea would actually fly), we started by prototyping one or two core features.
An example of the working prototype for showcase to clients
Navigation
Through a vigours experimentation, mapping, exploration and aligning with the client we were able to define the navigation which set the fondations for the overall product. We decided settling on the main features of the app to go in the navgtion would be the best way to go, this left a maximuim two more spots for anything that didn't feel like it would fit anywhere else. As an example we looked at adding a help to the navigation in the future. Also we foudn that most other features would fit within these key areas of navigation, as an example analytics, we felt best suited to the header in accounts as this was where all the spend would be happening.
Features
The client requested a three different tyopes of cards, a debit card, prepaid, prepaid multi currency and a virtual card. They all have certain similar features like the ability to view card details and freeze the card. The differences being is the
Accounts
Onboarding and settings
Impact
The prototypes were a hit—Staq signed up enough clients to move the product into full build. The design system proved its worth: onboarding new clients was fast, and adding new features didn’t mean reinventing the wheel. We ran a few tests building out files for new customers and found that, aside from a few tweaks to color tokens, the speed and flexibility were exactly what we’d hoped for. Ultimately, the system set Staq up to scale quickly and deliver a tailored experience for every client, without the usual growing pains.
Next project
Staq – Whitelabel financal servies
Creating a modular banking app
Product / System
Winchester White
Elevating property search experience
Product
Sawline
Streamlining orders for sawmills
Product / System / Brand
MPA Publushing
A more vibrant space for music
Web design / Product
Studio MUTT
Clinical site rebuild
Web design (Framer)
Practice
Coming soon
Web design (Framer)