White-Label Mobile Banking App — a modular design system for enterprise banks.

Third iteration of a white-label product for enterprise clients. Full redesign of all modules — from accounts to investments and insurance. Modular design system built on Material Design. Implementation time reduced by 58%, transaction speed up by 45%, DAU grew by 42%.

Challenge

Problems & solutions

Problem

Each bank wants its own set of services - from operations to investments and insurance. How to create a system for quickly assembling an app for each bank's unique requirements while maintaining UX quality? Without flexibility, banks won't buy the product, but complex customization will slow down launch.

Solution

Built a modular design system with ready-made solution blocks and components for each service. We select needed blocks (cards, transfers, investments) and quickly customize them to the bank's brand. Each block contains tested logic and UX patterns. The bank gets a ready app without designing from scratch.

Problem

Each bank has its own target audience by age - some work with youth, others with older clients, some with everyone. Young users want speed and modern interface, elderly want simplicity and clarity at each step. How to create one white-label solution that adapts to different age groups without redesigning?

Solution

Problem

White-label solution is sold to banks, not directly to end users. How to test app usability without access to real bank clients? Can't just release MVP and collect feedback - banks buy a ready product. UX errors will be discovered only after implementation, when fixes are expensive and time-consuming.

Solution

Conducted testing at three levels. First - with bank employees who know client requests. Second - interviews with real clients of different banks, identified common problems. Third - focus group of different ages and audit by UX experts. This allowed testing the solution before implementation and avoiding expensive fixes.

Research

Research process

Started by studying previous documentation - it described user problems and the history of all iterations.

Tracked changes in each iteration to understand which solutions worked and which didn't. This helped avoid repeating mistakes and build a redesign strategy based on real experience from previous versions.

Product & Service Audit

Analyzed financial products of different banks - from basic operations to investments and insurance. Identified common patterns and unique requirements of each bank. This determined the architecture of the modular system.

Product & Service Audit

Tested the interface with users of different age groups (from 18 to 70+ years). Identified which patterns work universally and where adaptation is needed. Studied popular apps in the country to use familiar patterns.

Iterative Prototyping

Created a series of prototypes with different modularity approaches. Tested with business units of bank clients, demonstrated assembly speed for their requirements. Each iteration improved the balance between flexibility and implementation speed.

Design Process

Product design

The redesign went through several iterations with a fundamental shift in approach. Previous versions were monolithic - each customization required interface rework, taking months. The interface was complex for elderly users and didn't adapt to their needs.

Main problems of previous versions: when a bank didn't have a service (investments, insurance), the design broke, empty screens and non-working sections appeared. The design didn't work with different bank brand colors - changing colors disrupted readability and hierarchy.

Needed a modular system that quickly assembles for any bank, works with any brand color, is clear for all ages, and remains stable regardless of the bank's service set.

Foundation

Design system

Intro paragraph: Created a design system from scratch for white-label solution, allowing banks to quickly customize the app to their brand.

First Iteration: Built the foundation - adaptive color palette for any brand, typography for all ages, icons, and usage principles. Defined consistency rules for any brand color.

Second Iteration: Developed a library of ready-made blocks for financial services - cards, transfers, investments, payments. Each block contains components and tested patterns. Blocks documented with assembly rules.

Result: Banks assemble the app from ready blocks in weeks instead of months. System adapts to any brand automatically. Interface remains consistent regardless of service set.