Built for speed, clarity, and real-time betting control

Industry:

Sportsbook & iGaming Platforms

Timeline:

1,5 year

Impact:

+2.4x more user actions after redesign

Collage of desktop and mobile mock-ups showcasing the live custom sportsbook platform UX

Desktop view of real-time betting dashboard with odds, match timer and user controls

Context

This sportsbook company had a powerful concept, a custom betting platform for casual sports fans.

But their MVP lacked structure, and the UX was unclear. New users were confused. Features were hidden. The product had potential, but the experience didn’t match.

They needed more than just a visual update, they needed a complete custom sportsbook platform UX/UI design and development overhaul. We redesigned the entire platform from a user-first perspective, incorporating clean flows, interactive visuals, and a mobile-friendly sports betting website. The result? A streamlined experience that finally made the product click.

The challenge

Sportsbook platforms often feel outdated, generic layouts, text-heavy interfaces, and poor user experience, especially on mobile. Our client had bigger ambitions: a fast, responsive, and scalable custom sportsbook platform UX/UI design and development that catered to both first-time users and experienced bettors.

The challenge? They didn’t want just one design, they needed four. Each template had to feature a unique tone, color scheme, and layout tailored to specific markets. On top of that, the platform had to include:

A full-featured eSports section
Live 3D animations (VL Court) for real-time match visuals
A browser-based 3D Roulette game (which became its own case study)
A consistent, mobile-friendly sports betting website experience across all sports, games, and devices

All of this required tight dev coordination and continuous delivery to meet their ambitious goals.

Mobile screenshot illustrating unclear feature placement and hidden options in the original MVP

Tablet view of generic layout and navigation confusion on the pre-redesign sportsbook UI

Desktop mock-up of the eSports section listing live matches and betting modules

Tablet preview of VL Court 3D animation showing a live football court with event markers

The story

We kicked things off in early 2023, collaborating directly with the client’s development team across Europe and Asia. They had a partially running codebase and wanted us to deliver full custom sportsbook platform UX/UI design and development, including front-end architecture and interactive elements.

The collaboration was seamless, constant iterations via sprints, shared Notion boards, daily Slack huddles. While they focused on back-end logic, we handled everything related to design, performance, and usability, ensuring a mobile-friendly sports betting website that met modern standards.

By the time Template 1 went live, engagement soared. Users stayed longer, and the interface finally met the expectations of their audience. With new themes and features ready to deploy, their expansion roadmap became a reality.

Mobile view of browser-based 3D roulette integration within the sportsbook platform

Desktop and mobile mock-ups of the dark green high-stakes UX template

Our approach

We didn’t just skin pages, we architected the entire frontend experience to scale, delivering a seamless custom sportsbook platform UX/UI design and development. For every layer of the project, we broke tasks down into tailored, scalable solutions:

1. Multiple UI templates

Dark green/black high-stakes vibe
Purple gradient version with cleaner lines
Light template for casual users
Fourth concept built from scratch (ongoing)

Each template followed the same structural framework, ensuring they could be swapped easily without affecting back-end functionality.

2. VL Court 3D animations

Designed and developed 3D sports courts (football, tennis, basketball, etc.)
Created event-driven animations for live plays: goals, fouls, corners, ball out, etc.
Optimized for low-end mobile devices with fallback motion effects

3. eSports section

Full design system tailored to eSports visual culture
Real-time match listings and betting modules
Integrated seamlessly with the main betting framework

4. Browser-based Roulette game

Built in Three.js + React
Entire gameplay rendered in the browser, no external plugins
Integrated with wallet login + guest mode (see details in this case study)

Whether it’s real-time sports data integration UX or interactive 3D animations, each feature was designed to enhance the user experience and support the platform’s scalability.

Tablet mock-up of the purple gradient UX template with clean lines and betting cards

Mobile screenshot of the light-theme UX template focused on casual users

Tech stack

We worked on a custom sportsbook platform UX/UI design and development project, fully tailored to the client’s preferred setup, which included:

Frontend: Vue.js, React.js, HTML5, SCSS, GSAP, WebGL
3D/game logic: Three.js
UI animation: Lottie, GSAP
Asset management: Spline, Blender (3D prep)
Coordination: Notion, Slack, Figma, Git

As part of the process, we also optimized assets and established export guidelines for mobile fallback, ensuring a mobile-friendly sports betting website that delivers seamless performance.

Desktop screenshot of the analytics dashboard showing session and engagement metrics

Final results

This wasn’t just a project, it became a full design and development partnership. What started as one design request evolved into a modular product ecosystem with custom sportsbook platform UX/UI design and development, offering UI flexibility, 3D immersion, and enhanced performance.

Key results:

4 UI templates live (2 used in current rotation)
3D VL Court powering match updates in all major sports
eSports section launched and integrated
Browser-based Roulette game launched with 60+ FPS across mid-tier mobile devices
Avg. session time: +11m 23s
Code reuse for 2 spin-off games (65% overlap)

From real-time sports data integration UX to mobile-friendly solutions, this partnership delivered a seamless and engaging experience for users.

Mobile mock-up of the iterative Figma board displaying sprint tasks and collaboration notes

Tablet preview of the final modular design system showcasing UI component library

FAQs

Q.1 What was the main goal of this sportsbook project

To redesign and rebuild the entire betting platform with multiple UI templates, live 3D animations, and a mobile-friendly sportsbook UX.

Q.2 How many UI templates were created

Four unique templates were designed, each with its own tone and layout, but built on the same scalable framework for easy switching.

Q.3 What makes the VL Court feature unique

It’s a real-time 3D sports court that shows live plays like goals, fouls, or corners with lightweight animations optimized for mobile devices.

Q.4 Did the platform include eSports

Yes, we designed a full eSports section with real-time match listings, betting modules, and visuals aligned with eSports culture.

Q.5 What technologies powered the platform

The frontend used Vue.js, React.js, HTML5, and SCSS, while 3D elements were built in Three.js with GSAP and Blender assets.

Q.6 What results were achieved after launch

Session time grew by 11 minutes, user actions more than doubled, and core assets now power spin-off games with 65% code reuse.

Thinking about scaling your betting or gaming product?

Whether you’re launching your first custom sportsbook platform UX/UI design and development project or need to streamline five of them, we’ve got the experience (and templates) to back it up. From betting odds comparison interface design to personalized sportsbook dashboard design, we’re here to help.

👉 Let’s talk.

Back to overview