Summary

Mission

To deliver a fun, accessible, and engaging sports betting experience where users can enjoy the thrill of live sports predictions using free credits—making the excitement of the game available to everyone.

My contributions

I was the only designer on the project. I was involved in everything from defining the brand and personas, creating flows and wireframes, all the way to creating final UI designs as well as designing the logo.

Impact

Both the initial launch and further iterations produced great results and helped the company become profitable.

Impact

Both the initial launch and further iterations produced great results and helped the company become profitable.

Launching the MVP

Discovery

I started with discovery to understand the team’s vision and the plans they had for the product. The challenge was to create an experience that felt as engaging and intuitive as real betting platforms, while remaining accessible to a broader, more casual audience.

Planning the structure

To reduce friction, we focused on creating a clear and intuitive information architecture that prioritised key user actions.

Core user flows

• Browse live matches
• View odds and markets
• Place a bet
• Track results in real-time

Wireframing

Once we had a structure in place, we moved on to wireframes where we explored how each screen would be laid out. This allowed me to quickly sketch out different user flows without having to spend too much time thinking about visual design details.

The main focus during the initial stages was on registration and account info. This laid the foundation for further expansion and paved the way for introducing additional tools.

Ui Design

With wireframes approved, I moved to UI design, creating development-ready mockups. This included defining the app’s visual identity (typography, color system, component library) that aligned with brand guidelines while following UI best practices. I made sure to design for the emotional nature of a sports book, keeping interfaces simple reduced clutter by removing non-essentials. The result was a cohesive UI that developers could implement efficiently.

High-fi Design & Hand-off files

The next step for a validated wireframe is making it look stunning. That’s what we put our effort into. These designs were then turned into hand-off files for the development team.

There were developers working on the project already, so there were a lot of things running in parallel. At any given point in time, developers had things to do, and so did we. That’s one of the other benefits of the agile design approach.

The design process we took is iterative. In order to keep designing, validating, and coding features as rapidly as we can, we worked in increments.