Marco Desiderio
Back

FSB Tech

A design system for a white-label platform, from tokens to documentation.

Overview

Regulated, high-traffic consumer product work. A design system built from the ground up for a white-label platform.

Details

Client
FSB Tech
Year
2021 to 2023
Role
Senior Product Designer
Team
A lead designer, a senior designer, a graphic designer and me
Timeline
Jan 2021 to Aug 2023
Scope
Design system, UI design
Platforms
Web and native mobile

Next case

Royal London
FSB Tech white-label platform across brand themes

01

Problem

Every client wants to be different. The codebase would rather they weren't.

FSB runs a white-label platform used across multiple markets. I built and owned its design system from the ground up: design tokens, a scalable component library and themes, so each client could have its own look without fragmenting the core.

Clients included Gamesys, JenningsBet, Fitzdares, QuinnBet, BetGoodwin and PowerPlay.

High traffic and multiple markets. Without a shared system, every new client would mean another fork and another place for bugs to hide.

FSB Tech desktop home

02

Approach

Core journeys. I led design for onboarding and account management.

Design-to-code. Close work with engineering, reviewing implementations and flagging drift early in the cycle.

Testing and accessibility. Usability testing and heuristic reviews, plus accessibility improvements towards WCAG 2.1 AA.

03

System

System from the ground up. Design tokens, a scalable component library and themes for white-label clients. One core library, themed for every white-label client.

Governance. Clear rules and brand values so themes stayed coherent without fragmenting the core system.

FSB Tech design system gallery 01
FSB Tech design system gallery 04
FSB Tech design system gallery 06
FSB Tech design system gallery 08

04

Results

  • By the end, the system held 3k+ components, 500+ tokens as Figma variables, 37 text styles and 68 UI pages, all behind one white-label platform. It also included accessibility improvements toward WCAG 2.1 AA.
  • Web and native mobile from the same foundation.
FSB Tech design system overview

05

What I'd do differently

I'd write the governance rules before the second brand arrived, not after. Rules are easy to agree when everyone's still being polite.

Next case

Royal London

Senior Product Designer · London

Let'stalk.

Something complex? Good.

Contact

Open to Senior Product Designer roles in London, hybrid or remote.