Design didn’t fully reflect the live product.
Missing pages, flows, states and outdated components made Design an unreliable reference.
Back to homeEvolving a white-label casino into a scalable multi-brand platform.
The challenge
Scale exposed the cracks.
Three problems became increasingly difficult to ignore.
One model could no longer fit every client.
New brands required different navigation, themes and casino models the original foundation wasn’t built to support.
Every new brand required too much work.
A standard branded casino could still take approximately 1–2 weeks to prepare.
The evolution
From building
the system to leading
its evolution.
My relationship with WAND evolved alongside the product. What started as hands-on product design gradually expanded into ownership of its design direction.
Scroll to travel through time01 / 05Swipe
The approach
Complete. Configure. Connect.
WAND couldn’t stop while we redesigned it. Clients were being pitched, casinos were launching and new requirements kept arriving.
The goal wasn’t to rebuild WAND from scratch.
It was to strengthen the product while the business kept moving.
01 Complete
From incomplete
to reliable.
WAND’s design source was incomplete and still based in Sketch. Pages, flows, states and parts of the live product existed only in code.
I rebuilt and completed the product in Figma, bringing missing components, pages, flows, states and edge cases into one reliable design reference.
NameLegacy LightLegacy DarkCore LightCore Dark
Typography
Primary
0068FF8CB6F25D3399BB9CE3Success
00CD8F00CD8F36C43636C436Error
F10013F10013F43B3AF43B3AAlert
FF6900FF6900FF931FFF931FLight
FFFFFFFFFFFFFFFFFFFFFFFFLighter
C6C6C68F8F8FC1C3CA838696Medium
747474BABABA6D7383FFFFFFDark
161616FFFFFF080E2DFFFFFFDisabled
C6C6C68F8F8FC1C3CA8B8E9DComponent
Primary
0C66FF0C66FF57E5CA57E5CASecondary
7E69FF7E69FF9346FFA47CD9Tertiary
FFFFFF141F33FFFFFF121A40Component Background
FFFFFF141F33FFFFFF121A40Success
00CD8F00CD8F36C43636C436Error
FF1D31FF1D31F43B3BF43B3B02 Configure
Configuring
brands at scale.
I built a flexible design system using Figma variables to support multiple brands, themes and markets across products.
This reduced duplication, improved consistency and made it easier to design and ship new brands.
03 Connect
Bringing clients
into the product earlier.
I shaped the story and content of branded previews and presentation materials, designed by a designer in my team, that helped Sales discuss the product with clients before implementation.
Clients could understand what could be customised, while Design and Engineering received clearer inputs earlier in the process.
The expansion
As WAND grew, new problems emerged.
01 · Cashier
From fragmented steps to one connected flow.
The previous Cashier split the deposit journey across separate screens for payment method, bonus selection, amount and card details. Each step removed context and made a high-intent journey feel longer and harder to navigate.
I led its evolution within the existing product architecture, bringing bonus discovery, payment methods, conditions and suggested amounts into a more integrated flow. Progressive disclosure kept the experience easy to scan while revealing complexity only when it was needed.
The result was a clearer path to deposit, with less navigation and more context at each decision, without requiring a full rebuild.
Further ideas for the flow and UI were explored, but resource and technical constraints kept them out of scope.
02 · Navigation Models
Different navigation.
Same foundation.
The original sidebar remained unchanged, while we introduced top navigation as an alternative. This gave us the opportunity to improve the top bar and design a more modern secondary sidebar, accessible through the burger menu.
Using Figma Variables, we built both navigation models into the same system, allowing us to switch between them quickly without updating every page manually.
03 · Product Evolution
Dark Mode
Removing a limitation in the colour system.
The existing colour system hadn’t been designed to support Dark Mode. Colours were too tightly connected to individual UI values, making it difficult to introduce another theme consistently across the product.
Building theme behaviour into the system.
I reworked the colour structure together with Engineering so the interface could respond to different themes systematically rather than requiring screen-by-screen adjustments.
04 · Sweepstakes
Extending the system to support a new business model.
When Sweepstakes became a new business requirement, creating a separate design foundation wasn’t an option. I integrated it into the existing Real Money Casino system, adapting flows and components.
I worked on key areas such as the Cashier and coin switcher, while creating the new pages needed to support the model, primarily for US clients.
Brand customisation
One system.
Many brands.
Every one of them customised from the same foundation, without a separate design source per client.
Choose a brand to see its lobby
- Brands designed or pitched
- 43
- Brands launched
- 22
Results
From weeks to days.
By making WAND more configurable and completing its pages and flows, we removed much of the manual work involved in preparing each new brand.
Figma Variables, clearer client documentation and the Demo Casino Customiser reduced unnecessary iterations and helped us deliver complete branded casinos much earlier.
Proposals
5 days → 0 days
Separate initial proposal stage no longer required.
5Before0After
Full skinning
5 days → 3 days
Time to complete the full casino design and build.
5Before3After
Client feedback
5 days → 2 days
Time to implement client feedback.
Timing varied by client.
5Before2After
Behind the work
Want to see how it really works?
Due to confidentiality and intellectual property restrictions,
I can’t share WAND’s full Design System publicly.
I’d be happy to walk you through its Figma architecture,
components and key design decisions in an interview,
and answer any questions you may have.