TOURNAMENTS FEATURE
Redesigning the tournament experience
When users don't understand how to participate, even the best gaming feature can fall flat. We tackled this challenge head-on by redesigning the tournament experience from the ground up, transforming complex competition mechanics into an intuitive journey.
Timeline
The redesign phase took two months, but the overall project has been ongoing for eight months. This extended timeline reflects the scale of tournaments across the app, requiring updates to multiple touchpoints to ensure a cohesive and engaging experience.
Background
The tournament redesign stemmed from low user engagement and confusion around tournament mechanics. Users didn’t fully understand how to participate, and the existing UI/UX lacked clarity. Tournaments were previously hard to access, limiting visibility to certain areas of the app.
As part of the redesign, we expanded tournament access points across gameplay, lobby widgets, and iOS home screen widgets. This frontend-focused project introduced clearer UI, animations, and custom haptics to improve interaction and understanding.

Previous version before the redesign

Previous version before the redesign
This project, spanning 8 months of continuous development, required iterative improvements and deep collaboration. For each enhancement, we organized workshops and A/B tests to ensure the best possible solutions for users.
A crucial part of the process was our close collaboration with developers, particularly for micro-interactions and animated transitions. Since these were new to both teams, we refined them together through continuous testing. Similarly, the development of the native home screen widgets was a first for us. To accelerate this effort, we organized a hackathon, fostering teamwork and rapid prototyping to bring the iOS widget to life.
Beyond design, our goal was to deliver real value and improve engagement. We explored the integration of the tournament bar directly into gameplay, reinforcing context and ensuring users could easily access tournament features at critical points throughout the app.
FigJam board illustrating the tournament feature's continuous improvement process, created collaboratively with Product Owners and stakeholders.
Test documentation template capturing user research sessions, including observations, findings, and key insights.
The result is a tournament system that doesn't just tell players how to participate - it shows them. By integrating tournament information directly into gameplay through the dynamic bar, we created a more intuitive and engaging experience that keeps players informed and motivated throughout their tournament journey. Custom animations and micro-interactions add that extra layer of polish, while the contextual prompting system ensures players always know their status and next steps.
Clear Path to Play
Reshaped tournament information architecture to help players understand exactly how to participate, highlighting that tournaments are free and explaining mechanics like Lucky Spin in plain language
Context When It Matters
The tournament bar appears right where players need it - in eligible games - eliminating confusion about which games are part of active tournaments while providing relevant status updates
Delightful Micro-Moments
Added thoughtful touches like haptic feedback for key actions and smooth animations that make each interaction feel more engaging and responsive
Smart Tournament Bar
An in-game dynamic bar that adapts to player status - showing opt-in prompts for non-participants, tracking progress for active players, and displaying real-time leaderboard positions and points for ranked players.

Current version of the tournament details

New version to be implemented

Version currently being A/B tested











