Back to home

Turning a complex sales workflow into a live experience.

Scope

Interactive Prototype · Sales Enablement ·
Client Onboarding

Role

Lead Product Designer

Tool

Figma, built for WAND

The problem

Two problems, one product.

Sales and onboarding were both losing time to the same underlying gap.

01Outdated

The sales demo couldn’t keep up.

Sales used an incomplete demo at events, still carrying the old visual identity. Updating it needed development resources that weren’t always available.

02Slow to configure

Kick-off meant meeting after meeting.

The first configuration phase for a new casino stretched on, with several meetings needed just to explain the options and gather decisions on navigation, colours, theme, components or Sportsbook.

The solution

Configure the casino.
No development required.

I proposed a Casino Customiser: an interactive Figma prototype to explore and configure the product’s main options visually, without a single line of code.

A flexible demo that Sales could adapt live during events, and the same prototype could speed up configuration with new clients.

Colours Themes Navigation Sportsbook Pages Devices Components

Inside the Customiser

Everything a client
could try on their own.

Every option lived in one prototype, free to explore without waiting on a meeting to find out what was possible.

01The control panel, broken down: devices, pages, colours, mode and navigation.

01 · Colour

From brand colour
to exact hex.

Clients chose a primary, secondary and tertiary colour, then opened each one’s tonal scale, with every step labelled with its hex value.

02Primary colour → palette → tonal scale, one level at a time.

02 · Templates

A finished look,
one click away.

Curated theme templates combined colours and mode into a ready-made starting point, previewed live on real product pages.

03Theme templates, applied live to the casino lobby.

03 · Mode & devices

Light, dark or hybrid.
Desktop and mobile.

Every combination could be switched between light, dark and hybrid mode, and previewed on desktop and mobile side by side.

Casino lobby in hybrid mode on desktop
The same lobby in hybrid mode on mobile
04One configuration, previewed across modes and devices.

04 · Pages & features

Ten pages.
One prototype.

Clients stepped through the product’s representative pages, switched the navigation model and could turn Sportsbook off entirely: its pages left the flow, and the choice was recorded in the summary.

Home Logged Out page, Left Sidebar navigation
05The Customiser’s panel beside real frames from the prototype. Use the arrows, switch the navigation or turn Sportsbook off.

Configurations

Same demo.
A different casino
every time.

The same prototype, dressed as three different operators: the range a client could explore entirely on their own.

From meetings to self-service

Send. Explore. Decide.

  1. 01

    Send

    The Customiser was sent to the client with simple instructions. No meeting was required to get started.

  2. 02

    Explore

    The client explored the options at their own pace, tried different combinations and sent back a screenshot of the configuration they preferred.

  3. 03

    Decide

    From that single screenshot, the Product Manager could read the key decisions (navigation, colours, theme, components and Sportsbook) without chasing them across several meetings.

Meetings were still there whenever the client needed advice. They just weren’t needed anymore to explain every possibility the product had.

06The summary screen: the one screenshot a client sent back.

The impact

A sales fix that grew
into something bigger.

Sales

Could present an always-current demo and adapt it live for different clients and events, including ICE.

Clients

Could explore the product’s possibilities and make decisions with more autonomy, at their own pace.

Product, Design & Technology

Received a clearer visual reference for the chosen configuration, reducing questions, meetings and clarifications at project kick-off.

Over time

The Customiser kept growing. New options and component variants were added to stay aligned with the product’s evolution.

GiG's stand at an industry event, with the Customiser running on a presentation screen
07The Customiser on GiG’s stand at an industry event.

Behind the work

María Mora

Want to see the Customiser in action?

The live prototype lives inside WAND’s Figma workspace, so I can’t share the working file publicly.

I’d be happy to walk you through how it’s built, the variables behind it,
and how it changed the way we onboarded clients.

Let’s talk