One product system for multiple brands. My work included ongoing product support, extending existing flows and the design system, and collaborating with developers and a business analyst to define and refine product scenarios.
Role
Product / UI/UX Designer
Scope
Design-system audit and rebuild, visual logic for white-label themes, UI design for product features, interaction states, development handoff, and design support during implementation
Year / Market / Status
2025 / Enternational / Product development
White Label Fintech Product
A white-label platform needs to provide a consistent user experience regardless of the brand it is adapted for.
The solution was based on separating product logic from visual styling. Screen structures, component behaviour, and user flows remain consistent, while colours, accents, and selected visual elements change to reflect each partner’s identity.
This approach makes it possible to create distinct branded experiences without manually rebuilding the entire interface or maintaining separate component versions for every brand.
The solution was based on separating product logic from visual styling. Screen structures, component behaviour, and user flows remain consistent, while colours, accents, and selected visual elements change to reflect each partner’s identity.
This approach makes it possible to create distinct branded experiences without manually rebuilding the entire interface or maintaining separate component versions for every brand.
Visual and System Concept
One Product Logic — Different Visual Identities
The platform was regularly adapted for new partners, and each integration required updating the visual layer across a large number of screens.
Two connected challenges needed to be addressed:
The main complexity was that every design decision had to work beyond a single current brand. New components, states, and scenarios needed to be validated across all existing themes and with future partner launches in mind.
Two connected challenges needed to be addressed:
- rebuild the design system and make it easier to scale;
- continue developing the product and designing new features within the white-label architecture.
The main complexity was that every design decision had to work beyond a single current brand. New components, states, and scenarios needed to be validated across all existing themes and with future partner launches in mind.
Task
Scaling the Product Without Manually Rebuilding the Interface
The work began with an analysis of the existing design system and the process used to prepare new branded versions.
I reviewed:
The audit showed that the main issue was not the colour switching itself, but the insufficient separation between semantic roles and specific visual values. Components needed to reference a colour by its purpose in the interface — such as primary action, background, text, error, or border — rather than by a fixed value.
I reviewed:
- how colour palettes and styles were organised;
- which components were duplicated across brands;
- where colours were tied directly to individual screens;
- which states were missing or behaved inconsistently;
- how many manual actions were required to launch a new theme;
- how the design system aligned with the technical implementation.
The audit showed that the main issue was not the colour switching itself, but the insufficient separation between semantic roles and specific visual values. Components needed to reference a colour by its purpose in the interface — such as primary action, background, text, error, or border — rather than by a fixed value.
Research and System Audit
Where the Process Was Losing Time and Consistency
One of the key areas of work was rebuilding the design system. Components were reorganised to preserve a shared structure and consistent behaviour, while their visual properties could be updated through system styles.
Working together with a developer, I helped create a Figma plugin for adding new brand palettes and applying them to the interface. This significantly reduced the amount of manual work required.
Instead of recolouring a large number of screens one by one, the team could connect a structured set of values and immediately test how a theme performed across components and completed screens.
The visual layer changed for each partner, while the underlying product logic remained consistent.
Working together with a developer, I helped create a Figma plugin for adding new brand palettes and applying them to the interface. This significantly reduced the amount of manual work required.
Instead of recolouring a large number of screens one by one, the team could connect a structured set of values and immediately test how a theme performed across components and completed screens.
The visual layer changed for each partner, while the underlying product logic remained consistent.
Design System and Figma Plugin
Faster Integration of New Brand Palettes
The rebuild covered not only colour styles, but also component logic. Every element needed to maintain readability, hierarchy, and accessibility when used with different brand palettes.
The system accounted for:
The system accounted for:
- light and dark themes;
- different contrast levels across brand colours;
- hover, pressed, and disabled states;
- error, warning, and success states;
- long-form content and localisation;
- new product scenarios;
- future expansion of the component library.
Scalable Component System
Components Designed for Multiple Brands and Scenarios
The final interface preserves the same UX architecture and component logic regardless of the selected brand.
Users receive a consistent and predictable experience, while each partner receives a visually adapted product aligned with its own identity.
The system supports both foundational interface elements and more complex product scenarios, including forms, statuses, card issuance, delivery tracking, errors, and informational states.
Users receive a consistent and predictable experience, while each partner receives a visually adapted product aligned with its own identity.
The system supports both foundational interface elements and more complex product scenarios, including forms, statuses, card issuance, delivery tracking, errors, and informational states.
Final Interface
One Product Across Multiple Visual Themes
The rebuilt design system made the white-label platform easier to maintain and scale. New brand palettes could be added more quickly, while components retained the same underlying logic across different visual themes.
The Figma plugin reduced the number of manual operations and made the preparation of branded product versions more predictable.
For the product, this simplified the launch of new partner solutions and supported further feature development. For the team, it reduced duplicated work and created a more reliable connection between design and implementation.
The Figma plugin reduced the number of manual operations and made the preparation of branded product versions more predictable.
For the product, this simplified the launch of new partner solutions and supported further feature development. For the team, it reduced duplicated work and created a more reliable connection between design and implementation.
Result
Result
