Noxwin: Designing a clearer betting discovery experience

I redesigned Noxwin to lead with betting tips rather than promotions, connecting match information with bookmaker comparisons and offers.

Project Overview

Designing a clearer betting discovery experience

Noxwin combines betting tips, bookmaker reviews and casino offers. I worked on the page hierarchy, comparison cards, filters and responsive layouts, giving betting content priority while keeping casino content accessible.

ROLE
Product Designer / UX / UI
PROJECT TYPE
Betting discovery redesign
TIMELINE
2024–2026
FOCUS
Information architecture, comparison UX, content hierarchy and responsive design

Product constraintPrioritise betting discovery without removing the casino content and commercial routes the platform depended on.

Several routes, no clear starting point

Betting advice, bookmaker comparisons and casino promotions competed for attention on the homepage. I needed to establish a clear starting point for betting visitors without removing the casino routes.

Before
Earlier Noxwin casino-first homepage.
Casino-first entry with competing routes.
After
Redesigned Noxwin homepage led by betting tips.
Betting tips establish the primary path.
Product hypothesis

Context before conversion

My hypothesis was that visitors should understand a match and compare bookmakers before following an offer. I organised the journey around that sequence.

  1. 01Betting tip

    Read the match context and prediction.

  2. 02Bookmaker comparison

    Compare bookmakers and their details.

  3. 03Relevant offer

    Review an offer before following its link.

Key product decisions

I changed the entry point, the depth of comparison and the way visitors narrow offers.

Decision 01

Betting tips as the entry point

Problem
Generic promotions took priority over betting tips on the homepage.
Design response
I moved daily tips and match information above promotions. Bookmaker offers remained available, but followed the betting content rather than leading the page.
Daily tips lead the homepage; promotional offers follow below.
Decision 02

Compare first, explore details next

Problem
Ratings, bonuses, payouts and review links competed for attention in dense layouts.
Design response
I introduced compact comparison cards for the first scan and used expanded states for supporting information.
Bookmaker comparison card system from the Noxwin redesign.
Compact cards support an initial comparison; expanded states reveal supporting details.
Decision 03

Filter long offer lists

Problem
Long betting and casino offer lists exposed the same content to every visitor.
Design response
I designed a shared filtering pattern for betting and casino offers, so visitors could narrow a list before comparing individual offers.
The casino offer list shown here demonstrates the shared filtering pattern.

Reusable patterns for betting and casino content

Betting and casino pages needed different content, but could share card structures, filters and controls.

Principle 01

Content hierarchy

Match details, predictions and tip modules give editorial content a repeatable structure across screen sizes.

Noxwin match, prediction and betting-tip modules across desktop and mobile states.
Match details and predictions arranged as reusable desktop and mobile modules.
Principle 02

Casino content within the same system

Feature icons, game tiles and review cards give casino content its own modules within the wider visual system.

Original Noxwin casino feature icon states.Original Noxwin casino game tile system.
Original Noxwin casino review card.
Visual foundations

Colour, icons and typography

Defined colours, icon styles and type roles provide a common reference for the product modules.

Colour paletteNoxwin colour palette.
IconographyNoxwin interface icon system.
Display typographyNoxwin Plus Jakarta Sans display typography.
TypographyNoxwin Inter interface typography.

Responsive behaviour

On mobile, the same sequence fits a narrower layout: tips first, comparison next, then contextual offers.

Noxwin mobile betting tips entry screen.
Noxwin mobile bookmaker comparison screen.
Noxwin mobile offer selection screen.
Noxwin mobile betting content screen.
Noxwin mobile responsive product screen.
Noxwin mobile final offer flow screen.
Noxwin mobile betting tips entry screen.
Noxwin mobile bookmaker comparison screen.
Noxwin mobile offer selection screen.
Noxwin mobile betting content screen.
Noxwin mobile responsive product screen.
Noxwin mobile final offer flow screen.
Match lists, predictions and comparison screens carry the discovery journey onto mobile.

A betting-led homepage with casino routes intact

The redesign changed the order of discovery: daily tips first, bookmaker comparison next, then offers. Compact cards and expanded details support different levels of comparison across desktop and mobile.

Final product flow connecting match context, bookmaker comparison and contextual offers.