Gaming · Web · Mobile · B2C

Chess24:
A platform worth
staying for.

I took one of chess's most recognisable platforms and rebuilt it from the inside out, for players who care about the game and for streamers who built careers on it.

🛠 Figma 🛠 Google Analytics 🛠 Stakeholder Interviews 🛠 User Testing 🛠 Competitive Benchmarking
White to move
Auto
Lead
Product Designer
2
Platforms Shipped
+38%
Daily Engagement
150m+
Global Fanbase
Overview
1

The Situation

Chess24 had a strong engine and a passionate community behind it. But the experience let both down. Navigation was cluttered. Content was hard to find. Engagement dropped off fast — especially outside of active gameplay — and the platform felt stuck in an earlier era.

2

The Goal

Rebuild the platform into six distinct experience zones, each built around a specific user need. Make it work for everyone: the traditional player who wants to focus, and the streamer who wants an audience. Web and mobile, consistent throughout.

Lead
Designer

I led UX and UI across both the web and mobile platforms, working directly with the product owner, art director, a junior designer, and the development team. Research, wireframes, visual design, prototyping, usability testing. I ran the whole design track, from the first interviews through to production handoff.

Process
How the Work Unfolded
01

Research

1:1 interviews with returning players and new ones. Google Analytics to map drop-off points. Competitive benchmarking across the major platforms in the space.

02

Define

Built a primary user persona from the research. Mapped the platform architecture into six zones, each serving a distinct user need. Got the whole team aligned before touching the UI.

03

Design

Web and mobile in parallel with shared components and design tokens. High-fidelity UI with motion design, then interactive prototypes pressure-tested before development started.

04

Test

Usability sessions across six languages. Refined based on what players actually did, not what they said they would do. Delivered a production-ready design system.

Two audiences.
One fractured platform.

Chess24 had a strong engine and community, but the experience felt disjointed. Conservative players found the interface overwhelming and cluttered. Streamers and younger players felt the platform lacked the features they expected: responsive feeds, daily quests, modern profiles.

Navigation was broken for non-English speakers, and there was a measurable drop-off after the first few games. We had to strike a balance — respect what long-term players expected while building features that would support content creators and drive real engagement.

Neither audience could be an afterthought. The redesign had to work for both.

Chess24 feature showcase
Discovery
Who We Were
Designing For

Research

I ran 1:1 interviews with returning players and new ones: casual learners, competitive players, and daily streamers. The same themes came up every time: unclear content structure, no obvious path to relevant videos, nothing pulling people back after those first few games. Behavioral data from Google Analytics confirmed the pattern.

Insight

The core user was pragmatic and task-driven. They wanted to improve at chess, follow the players they respected, and do both without friction. Everything in the redesign was calibrated to that person. Structure before flair, clarity before features.

David
David, 34
"The Focused Improver" · Daily Player · Desktop + Mobile
"I want to get better. I don't need the platform to get in the way of that."

Goals

  • Improve steadily with clear progress
  • Follow top streamers without the clutter
  • Play without distractions

Frustrations

  • Overwhelming interface with no clear entry point
  • Hard to find the learning content he actually needs
  • No reason to come back after a game ends

What he needs

  • Visible progress so improvement feels real
  • Personalised recommendations without the noise
  • Challenge-driven loops that reward coming back
Six zones.
One coherent platform.

We restructured the entire platform around six distinct experience zones. Each zone serves a specific user intent, so no matter why someone opens Chess24, they land in the right place.

♟️
Game
Quick access to custom games, ranked matches, and active tournaments.
📰
Feed
Personalised content with news, live games, and streamer updates in one place.
✍️
Articles
Editorial content, expert commentary, and educational writing for players who read.
🏆
Challenges
Daily quests and gamified tasks that build habit and reward consistent play.
📚
Learning
Structured lessons with progress tracking and content tailored to your level.
👤
Profile
Unified player and streamer profiles with social stats, history, and achievements.

// Site map & navigation structure

Chess24 site map and architecture
Feature Spotlight
The quests system

The platform had no reason to bring users back after a game ended. I proposed fixing that with daily quests and streaks — a lightweight system inspired by how Duolingo builds habit without being annoying about it.

Daily quests and streaks for chess players

Four quest tracks, daily tasks, and a streak system designed around how chess players actually think about improvement. It didn't try to turn the game into a mobile app. It respected the cerebral nature of chess while giving players a reason to come back more often. The data confirmed it worked. Traditional players, even the most conservative ones, responded positively to light gamification when it didn't feel like a distraction from the game itself.

+38%
Daily active users
Chess24 quests feature across desktop and mobile
Same platform.
Different contexts.

Chess players use the platform differently depending on where they are. Desktop is for deep analysis and long sessions. Mobile is for quick games, catching streams, and keeping up with results on the go.

We designed shared components in Figma with consistent design tokens so core features worked identically across both platforms — then adapted the layout and interaction patterns to what each device actually demands.

Every one of the six zones exists on both web and mobile. No feature was ever exclusive to one platform.

Shared
Figma component library with design tokens for colour, spacing, and type across both platforms
Desktop
Multi-column layouts for deep analysis, spectating, and content consumption in long sessions
Mobile
Native touch patterns, bottom navigation, and focused single-column views for quick play and casual consumption
The Screens
Five zones,
web and mobile

Every core experience lives on both platforms. Here's how the five most important zones translate across desktop and mobile.

Home — Play

Chess24 Home Play page on desktop and mobile

Game Zone

Chess24 Game Zone on desktop and mobile

User Profile

Chess24 User Profile on desktop and mobile

Stream Zone

Chess24 Stream Zone on desktop and mobile

Feed — Explore

Chess24 Feed and Explore on desktop and mobile
The numbers moved

Retention improved through quests and streaks. Content became discoverable. Navigation worked for multilingual users for the first time. Streamers got the flexibility they needed. Traditional players noticed the difference on day one.

+38%
Daily engagement across both web and mobile
−27%
Bounce rate on news, article and video pages
8+
Languages tested successfully in international usability sessions
150m+
Users reached through the Meltwater Champions Chess Tour
Reflection
What this project
taught me

Designing for a diverse audience — from analytical chess masters to casual mobile players — taught me that respect is a design principle. Users who take their craft seriously respond to restraint. Small, considered features beat flashy visuals every time.

The quests system worked because it was honest about what it was. It didn't pretend chess was a mobile game. It met players where they already were and gave them one more reason to stay.

Cross-platform work also sharpened my thinking about context. The same solution doesn't always transfer. Staying adaptable — without losing consistency — is the real design challenge when you're working across devices simultaneously.

Restraint beats richness
When users take their domain seriously, clarity earns more trust than visual complexity ever will.
Structure is a feature
Six zones gave every user a clear path without a single tooltip explaining where anything was.
Context shapes the pattern
Consistency across platforms doesn't mean identical screens. It means the same intent, expressed differently for how each device gets used.
More than a
visual refresh.

Chess24 needed structure more than it needed a new coat of paint. Splitting the platform into six zones gave every user a clear path, whether they came to play, watch, learn, or compete. For the first time, the platform felt like it was on the user's side.

Quests added a reason to come back. Consistent components across web and mobile meant the experience held together at every touchpoint. Better navigation meant the platform finally worked for users outside of English-speaking markets.

The numbers improved. But the thing that mattered more was this: Chess24 stopped feeling like a place to play and started feeling like a place to grow. That's the difference a considered redesign makes.

Next Case Study
RPS Gamba
View Project →