I redesigned Casino.online's core game experience into a reusable UI system, improving betting clarity across Roulette, Blackjack and Baccarat.

Project Overview

As part of a three-designer team, I contributed across the broader Casino.online brand and product redesign. For this case study, I chose to focus on the game experience: turning Roulette into the foundation of a reusable system that could extend across the wider game suite.

Project type
Casino product system
Team
Design team of three
Role
Game UI, UX structure and visual system
Scope
Roulette, Blackjack, Baccarat, tournament flow

Before / After

What began as a visual refresh exposed a deeper UX problem: the table, available actions and round outcomes competed for attention. I used Roulette's interaction complexity to define a clearer hierarchy and shared patterns for controls, cards, chips and result states.

Old Casino.online roulette experienceRedesigned Casino.online roulette experience
Roulette Trainer redesign — from a dated game surface to a branded betting interface with sharper hierarchy and cleaner controls.

Selected Game Decisions

I applied one interaction language across three games while adapting the emphasis to each game's pace and table structure. Roulette set the hierarchy, Blackjack tested speed, and Baccarat tested how far the atmosphere could stretch.

Decision 01

Roulette Simulator

I separated chip selection, active bets and round feedback into distinct zones, reducing the need to rescan the table after every action.

Open Roulette Simulator ↗
Decision 02

Blackjack Simulator

I kept the hand state, available actions and result feedback within one decision area so players could react quickly.

Open Blackjack Simulator ↗
Decision 03

Baccarat Concept

I extended the same interaction language into a more cinematic table without losing the visibility of betting zones and outcomes.

Baccarat concept applying the shared interaction language to a cinematic table.

System Principles

Three principles kept the wider game suite coherent without flattening the mechanics of each game.

Principle 01

Clear hierarchy

Separated the game table, player actions and round feedback.

Roulette UI component system with betting zones, chips, result states and action controls
Roulette component inventory covering betting zones, chips, controls and outcomes.
Principle 02

Shared components

Unified cards, chips, buttons and outcome patterns across games.

Blackjack UI component system
Blackjack components applying the shared action and wager patterns.
Principle 03

Responsive behaviour

Preserved the current state and next action across desktop, tablet and mobile.

Blackjack responsive layouts and card assets
Responsive layouts and card assets across desktop, tablet and mobile.

Responsive and Mobile

On smaller screens, I prioritised the current game state and next available action while preserving the Casino.online atmosphere.

Casino.online mobile blackjack gameplay layout with branded controls.
Casino.online mobile blackjack win state feedback screen.
Casino.online mobile roulette trainer rotate prompt screen.
Casino.online mobile roulette landscape betting table screen.
Casino.online mobile baccarat table game pattern screen.
Casino.online mobile blackjack gameplay layout with branded controls.
Casino.online mobile blackjack win state feedback screen.
Casino.online mobile roulette trainer rotate prompt screen.
Casino.online mobile roulette landscape betting table screen.
Casino.online mobile baccarat table game pattern screen.
Core game screens adapted for smaller viewports.

Tournament Extension

The tournament concept extended Roulette into a repeat-play loop: players could enter, earn points, progress through reward tiers and compete on a leaderboard. I carried the same interaction and visual system into the full mobile journey.

Tournament step 1 card explaining free registration for Casino.online roulette tournament.
Tournament step 2 card explaining free spins and point collection.
Tournament step 3 card explaining leaderboard progression and prizes.
Tournament step 4 card explaining follow and share mechanics for Casino.online.
Casino.online tournament reward medals showing first, second and third place prizes.
Casino.online tournament leaderboard preview with ranked users and medal positions.

Entry, progression, rewards and leaderboard flow.

Final experience

The full tournament journey

Mobile tournament concept combining Roulette, progression, rewards and leaderboard mechanics.

Outcome and Recognition

The work created a consistent interaction language across the Casino.online game suite and extended Roulette into a mobile tournament concept with progression, rewards and leaderboard mechanics. The wider Casino.online brand later received Affiliate Branding of the Year recognition.

Affiliate Branding of the Year recognition for Casino.online.