Six Sports, One Interface

A Test match and an eight-second round have nothing in common mechanically. Designing one interface for both was the hard part.

The problem

FANCODE.BET brings together cricket, baseball, basketball, tennis, a live casino floor and Aviator. A Test match runs for five days. A basketball game can swing in ninety seconds. An Aviator round is over in less time than it takes to read this paragraph. Each has its own rhythm, its own vocabulary and its own idea of what matters on screen.

The easy route would have been six separate products stitched together. We took the harder one: build each world properly, then make them share one interface, one design language and one standard of speed.

What stays the same everywhere

• Navigation. Every game is one tap away from any page, and every game page follows the same structure: what is live, how it works, and the detail underneath.
• Status. Live events carry the same live marker and the same kind of readout, whether the score is overs, quarters, sets or a multiplier.
• Controls. Buttons, prices and tabs look and behave the same way in every world, so nothing has to be relearned.
• Responsible gaming tools, which sit in the same place and work the same way across the platform.

What changes with the game

Consistency cannot mean sameness. A cricket board needs overs and the batting side. A tennis board needs sets and games. The live casino floor needs seats and table limits rather than scores, and Aviator needs one number that stays readable while everything around it moves. Each page keeps the shared frame but shapes what goes inside it around its own game.

The frame is shared. What goes inside it belongs to the game.

Speed is a design decision

A delay between a tap and a result is not a rough edge — in a fast round it changes the outcome. So speed was treated as part of the design from the start: lightweight pages, motion that never blocks input, and screens that stay responsive on an ordinary phone connection.

Clarity over decoration

The platform uses plenty of motion: reveals, parallax, animated counters. The rule behind all of it is simple. If an animation makes a number harder to read while it moves, the animation goes. Anything that carries information has to stay legible at a glance.

Mobile is not a cut-down

Most people follow sport on a phone, often while doing something else. The phone layout gets the same design attention as the desktop one: tap targets sized for thumbs, tabs that scroll rather than disappear, and no feature quietly left out.

Still being built

None of this is finished. New competitions, tables and features will keep arriving, and each one has to fit the same frame without bending it. If something on the platform feels harder than it should, tell us through the contact page — a person reads every message.