Case study · Game UI / Desktop & Mobile
Legends Shootout one shot, one save
An instant ice hockey betting game built around a single moment: an NHL Alumni shooter, a legendary goalie and one penalty shot. Pick the matchup, call the shot, and watch it play out in seconds.
Turn a penalty shot into a complete betting product
Instant games live or die on how quickly a player understands them. The brief was a hockey title where the whole proposition fits in one sentence: choose a shooter and a goalie, bet on what happens, press play.
It also had to carry real depth for players who want it, with five bet markets, combined selections and auto play, without burying the simple bet that a first-time player came for.
The matchup is the hero, the markets follow the net
The two legends face off at the top of the screen with their shootout and save percentages, so the odds below always have a visible reason. Changing either player reprices every market instantly.
Target-area bets are laid out as the net itself, seen from the shooter's side, so a player taps top right rather than reading a table. The highest-paying combinations sit in a gold panel of their own, and the betslip stays docked with stake, total and maximum payout always in view.
Five steps from lobby to payout
The same journey on a desktop browser and a phone held in one hand. Every screen below is captured from the working prototype.
-
Step 01
Choose the matchup
Step through shooters and goalies with the arrows, open the full roster, or hit shuffle for a random pairing. Success and save percentages sit under each legend.
-
Step 02
Call the shot and the spot
Match result, shot type and target area can be combined freely. The net diagram doubles as the bet selector, and selected prices light up so the slip never surprises anyone.
-
Step 03
Set the stake
The docked betslip expands in place with every selection, its odds and its potential payout. Preset chips and a numpad cover both the casual and the precise player.
-
Step 04
Watch the shot
Press play and the view cuts to the rink. Placed bets stay listed beside the action, and a skip control is there for players who only want the result.
-
Step 05
Goal or save, settled instantly
The result lands as a collectible-style card: a goal with the winnings on mobile here, a pad save on desktop. Each bet is marked won or lost, with re-bet and new matchup one tap away.
Understood in one glance
Two players, one shot. The matchup stage explains the game before a single word of help text is read.
Depth without clutter
Five markets, combined bets and auto play are all present, but the simple score-or-save bet is never more than one tap away.
One design, two form factors
The desktop layout keeps stage and markets side by side; on mobile the same components stack into a thumb-reach column with a docked betslip.
Next project