Case study · Website and product design
Live sportsbook odds for MMA, compared side by side in the time it takes to glance.
One number pops.
Betting-odds products live or die on trust in the numbers. Only the best price gets colour, so the number that matters is the one you see.
The brief, in short
The look
Betting-odds products live or die on trust in the numbers, so Bet MMA’s design mostly gets out of the way: white space, a tight blue accent, and tables that align numbers instead of decorating them. It’s built to be scannable at a glance, mid fight-week, on a phone.
The one flourish is restraint: the best price is called out once per row in blue, and everything else — logos, spreads, percentages — sits in a quiet grey scale, so the one number that actually matters is the one that pops.
The palette
A closer look
The best price, on every screen.
Three choices that carry the whole page
Every book’s line is shown in the same row, but only the best price gets colour — a small convention that turns a dense odds table into something scannable in two seconds.
Fight cards, not generic “events,” structure the whole page — main card, prelims, and fighter names given as much visual weight as the numbers beside them.
The 18+ and self-exclusion notice sits in its own visible card on the homepage rather than a footer afterthought — a small choice that says something about how the product is meant to be used.
The process behind the page, start to finish
Bet MMA brought us on to take a crowded field of odds-comparison dashboards and build the one bettors actually trust.
A handful of calls to understand how serious bettors actually scan a line across dozens of books and markets.
The restrained blue-on-white register came out of this stage — a deliberate step away from the noisy sportsbook-dashboard norm.
Dozens of books, one row per fight. We mapped the page around the comparison itself, not a per-book feature list.
Low-fidelity layouts to test the pacing — headline stats, full board, responsible-gambling notice — before the final visual language was applied.
White space, a tight blue accent, and a table that gets out of the way so the best price is the one thing that pops.
Pick your favorite agent — we'll open it with a question about what we do, who we're a good fit for, and how pricing works.
