The Problem
Some special bet features such as Push-Up and Bonus Buy lived in different places with unclear labels. Newer players often struggled to find them and if they did, they did not understand how they worked. This limited the use of them, and in turn resulted in negative revenue.
Players struggle to understand old special bets
In the first screen the bet select panel is where players change their stake and where Push Bet sits. There is no short description of what Push Bet does, so terms like 1 scatter and 2 scatters are unclear at a glance.
The Bonus Buy screen has the same problem. The name does not explain what you get and there is no simple summary, which makes it hard for new players to know what they are buying.
What we found
Quantitative: reviewing game data showed that there was a very low use of Push Bet.
Qualitative: Maze testing revealed confusion about names, the entry point and where the price appears.
Competitive review: other products use clearer naming and a single, obvious entry point.
Our Goals
Make it very obvious where to find the bonuses from the main game window.
Explain each option in easy to understand language.
Show prices upfront.
Allow for more special bet options to be added in the future.
What we wanted to do
Place all special bets in to one single accessible location, thus making finding the Bonus Buy, Feature Buy, and Push Bets easier to find for the player.
Make sure the players know what the functions of these special bets do, so that they can understand before they buy, therefore reducing frustrations.
Fast idea generation sketches
Quick sketches help me figure out the best way to arrange design elements fast. They might look rough, but the real value is how quickly they let me try out ideas. At the early stage, this makes it easy to explore different layouts and interactions, showing that good ideas come before polished visuals.
Initial Design User Testing
Using Maze, I ran a test with 13 participants. I was confident in the design, but the results told a different story. Some people were simply exploring, which slowed them down, but others hit real usability issues — especially when trying to activate the Push Bet feature. This mix of behaviours made it clear the design needed refining, so I went back to improve its clarity and ease of use.
Wireframing & Prototyping
I prefer to transform my wireframes into interactive prototypes accessible via my phone, utilising Figma for this purpose. I design with the smallest supported size in mind, which, in this instance, is 375px in width. This approach allows for scaling up to accommodate larger devices seamlessly. These wireframes are instrumental in ensuring the ideal sizing and providing ample space for touch areas, crucial for enhancing user experience.
Second Design - User Test
After the first round of testing, I refined the design to meet user needs and make sure it would hold up in the future. Even though tasks were being completed quickly, feedback from the CEO highlighted areas for improvement.
I updated the design again and ran a final test, which scored 93% in usability. The small gap was mainly down to users multitasking — something I noticed in the screen recordings where a few got distracted.
This mix of feedback and data showed the design was both effective and engaging, and the process highlighted the value of iteration.
The final outcome
The final outcome was a series of screens that both looked great, and also were very easy to use
