RRRarena
RRRarena brings training, competing and gearing up into one app: find an academy, subscribe to a package, climb the tournament leaderboard and shop official kit.
- Product
- RRRarena
- Sector
- Sport & Esports
- Services
- iOS & Android
- Year
- 2026

Services
- UI/UX Design
- Mobile Development
- Design System
- QA & Delivery
About the Product
RRRarena serves athletes, gamers and academy members. Members browse academy profiles, trainer bios, schedules and reviews before booking, then manage the subscription and follow their training from the same place.
The Solution
We built four surfaces that share one account: academy discovery with detailed profiles and gym categories, tournaments with real-time standings and leaderboards across multiple sports and disciplines, an explore feed of curated news, training tips and video highlights, and a store with coupons and secure checkout. Browsing academies, tournaments and the store works without an account; notifications cover bookings, tournaments and offers. Built in Arabic and English with full right-to-left layout, and light and dark modes.
What the product had to solve
Four products in one app usually means four navigation models. The work was keeping booking, competing, reading and shopping on a single coherent path, letting visitors explore before signing up, and keeping standings readable while they update live.
Technologies we use

Tailwind CSS
Utility-first CSS

Firebase
Real-time backend

TypeScript
Typed JavaScript

Node.js
Scalable network

React.js
Declarative UI library

Figma
Collaborative design

Next.js
Server-rendered




Crafting thoughtful design solutions that drive real impact
We believe great digital products are built at the intersection of strategy, usability, and aesthetics. For this project, we focused on creating a design system that feels structured yet flexible—supporting both immediate functionality and future expansion.
From interaction flows to visual hierarchy, every design decision was guided by real user needs and long-term product vision. The result is a product that feels intuitive, reliable, and purpose-built for the people who use it every day.
Our process included
- Deep stakeholder collaboration
- Clear UX strategy and wireframing
- Iterative design validation
- Consistent visual language across modules
- Developer handoff and QA




Delivering a scalable and user-friendly solution
The final solution is a robust digital product that enables efficient, confident everyday use while maintaining a clean and approachable experience.
Outcome highlights
- Deep stakeholder collaboration
- Clear UX strategy and wireframing
- Iterative design validation