
Mobile App · 2025 · 6 min read
A gamified mobile app for Roshn residential communities — residents discover neighborhood tournaments, register in seconds, and track their progress and rewards in one place.


Tuwaiq Academy Hackathon
Winner across all competing teams.
From brief to working app
One sprint — research, design, and a functional Flutter build.
Designed end-to-end
A full high-fidelity system delivered within the sprint.
Community needs under hackathon pressure
The challenge: quality of life inside Roshn residential communities. In 7 days we had to understand why residents felt disconnected — and ship a working answer.
How we researched
What we heard
“How might we enhance quality of life in Roshn communities with a seamless, gamified event platform that turns passive neighbors into an active community?
8 user stories, 3 clusters
A 4-tab architecture
Designers × developers, day one
We worked in tight sync with the two Flutter developers from the start, so every component we drew was realistic for a one-week build. As UX Analyst I ran the rapid sketching sessions — refining screen structure, hierarchy, and component placement on the spot.
Two calls that shaped the app
My ownership: the onboarding screens, the Login / Sign-Up flow, and the profile & achievement center — plus curating imagery that reflects real Roshn community life. Together we built a cohesive dark, purple-themed system with clean Arabic typography and accessible components.
Foundation Design System — Grid, Icons & Navbar

Foundation Design System — Typography & Colors

High-Fidelity UI Design — 01

High-Fidelity UI Design — 02

High-Fidelity UI Design — 03

High-Fidelity UI Design — 04

High-Fidelity UI Design — 05

Tested with real users
Developer handoff
Developer-ready Figma frames, tokenized assets, and clear interactive-state specs went straight to the Flutter team — and I sat with them for real-time UI debugging so the coded app matched the design pixel-for-pixel.
A fully functional Flutter prototype and pitch, delivered in seven days — awarded for teamwork, design execution, and real impact on community quality of life.
Behance More projects