Strategic UI/UX overhaul for PlayHera

The Solution

Phase 1: Laying the Foundation

Before implementing design changes, we needed a solid understanding of PlayHera’s ecosystem. The first step was a comprehensive product audit, meticulously documenting existing features, user flows, and UX issues. This uncovered opportunities for improvement in:

• Navigation and usability – Users struggled to move between tournaments, purchases, and social interactions.
• Tournament flows – Participation processes needed to be more consistent and intuitive.
• User onboarding – Friction points were preventing new players from fully engaging.

With this analysis in place, we conducted user journey mapping workshops to ensure our solutions aligned with PlayHera’s long-term growth objectives.

Phase 1.5: Scaling Up with Atomic Design

Once the audit was complete, we started by creating an atomic design system. This approach allowed us to:

• Ensure consistency across web and mobile experiences.
• Reduce development time with standardised UI elements.
• Improve PlayHera’s internal workflows by providing scalable design guidelines for future iterations.

We also held design-to-development workshops, ensuring that PlayHera’s engineers could efficiently integrate the new UI system within their tech stack.

 Phase 2: Bringing PlayHera v2 to Life

With the foundation set, we moved into the final phase: developing new features and implementing a complete UI/UX overhaul. This included:

• Revamped navigation – A streamlined structure improved discoverability and ease of use.
• Integrated real-money gaming wallet – Partnering with STAQ, we designed a secure, payment experience that optimised transaction speed and security.
• Enhanced social gaming features – New capabilities such as 1v1 challenges, team interactions, and rewards systems improved user engagement.
• Expanded e-commerce functionality – The Digital Commerce Management (DCM) platform enabled PlayHera to sell gaming-related products.
• Optimised for mobile-first experience – Ensuring accessibility and engagement across all devices.

Results 

Our solution enabled PlayHera to:

• Accelerate design processes by 8x, reducing time-to-market for new features.
• Improve development efficiency by 4x, minimising repetitive work.
• Launch a fully functional wallet integration in just 6 weeks, aligning with board-mandated deadlines.
• Improve engagement metrics by 30%.
• Strengthen brand presence at LEAP 2024,where they delivered live demos of their updated platform.

Along with these immediate improvements, the rework provided Playhera with a scalable foundation for long-term growth. With their new atomic design system, Playhera are equipped to rapidly adapt and evolve their platform as their company grows.