Case study · Betting UI / Desktop & Mobile

Instant Racing a race whenever you want one

An on-demand racing product where every race is real footage and starts the moment the player is ready. Shown here with Instant Greyhounds, the first title in a lobby that also holds a second track and horse racing.

Client
Kiron Interactive
Scope
Product UI, race card & betslip system, interactive prototype
Platform
Responsive web, desktop & mobile portrait
One full race, recorded from the working prototype on desktop and mobile

Racing without the wait

Scheduled virtual racing makes players wait for the next off. Instant racing removes the timetable: pick, place and the traps open. The interface has to make that speed feel calm rather than frantic.

It also had to serve two very different bettors: the newcomer who backs a name to win, and the regular who builds forecasts, tricasts and swingers.

A race card you can read at arm's length

Each runner gets one row: trap colour, name, recent form, a star rating and two large prices for win and place. Tapping a price is the bet; there is no second screen. Exotics and odd/even markets sit behind a three-way switch so the default view stays simple.

During the race the product behaves like a broadcast with a personal ticker. The running order updates live, each bet is tagged winning, in reach or behind, and a caption calls out when the player's own runner hits the front.

Six steps from lobby to podium

The same journey on a desktop browser and a phone. Every screen below is captured from the working prototype.

  1. Step 01

    Pick a game

    The lobby presents each track as a poster with its sport, field size, distance and surface. A game in progress shows a resume button; balance and bet history carry across all of them.

    Instant Racing desktop lobby with two greyhound tracks and one horse racing game
    Instant Racing mobile lobby with stacked game cards
  2. Step 02

    Read the card, tap a price

    Form, rating and odds are on one line per runner. Selected prices turn green and go straight to the betslip, which shows the total stake and maximum return as it builds.

    Desktop race card with a win and a place selection highlighted and the betslip filled
    Mobile race card with two selections and the docked betslip bar
  3. Step 03

    Go deeper with exotics

    Forecast, tricast, quinella, trio and swinger share one pattern: pick finishing positions per runner. A one-line explainer under the tabs says exactly what each bet needs.

    Desktop exotics tab showing forecast selection columns for each runner
    Mobile exotics tab with forecast first and second position buttons
  4. Step 04

    Stake and place

    Stake chips set every bet at once and each line can still be adjusted. On mobile the slip rises as a sheet over the card, with the place button in thumb reach.

    Desktop betslip with five dollar stakes on two selections and a maximum return shown
    Mobile betslip sheet with stake chips, two bets and the place bet button
  5. Step 05

    Watch it live

    Real race footage plays with distance to go, the leader and a live running order. The player's bets update in place, so there is never a doubt about what is winning.

    Desktop live race view with running order and bet status tags
    Mobile live race view with a caption announcing a runner hitting the front
  6. Step 06

    Podium and payout

    The result opens on the amount won, then the podium, then every bet with its return. Next race and rebet sit side by side to start again in one tap.

    Desktop result screen showing winnings above the podium and settled bets
    Mobile result screen showing winnings, podium and settled bets
Mobile tricast market with first, second and third position selectors
Tricast: three positions per runner
Mobile auto play sheet with number of races, loss limit and win limit
Auto play: races, loss limit, win limit
Mobile settings sheet with odds format, instant results and data saver
Settings: odds format and data saver
Mobile my bets sheet listing a settled bet
My bets: every ticket, settled
Desktop odd, even, high and low markets beside the betslip
Odd/even and high/low: the simplest bets
Desktop how to play panel with a step by step round
How to play: one round, step by step
01

A bet in one tap

Prices are the buttons. The fastest route from race card to placed bet has no intermediate screens.

02

Room for the expert

Five exotic bet types and auto play are built on the same row pattern, so depth never changes how the card reads.

03

A product family, not a single game

The lobby, card, slip and race view are a shared system: a new track or a new sport is content, not a redesign.

Next project

VSE Football Revamp