BJJ Gym & Practitioner App: Mobile UX/UI Case Study by Saif AliBJJ Gym & Practitioner App: Mobile UX/UI Case Study by Saif Ali

BJJ Gym & Practitioner App: Mobile UX/UI Case Study

Saif Ali

Saif Ali

Overview

Role: lead UX/UI designer, end to end
Client: early-stage startup founder
Platform: mobile app for gym owners and practitioners
Timeline: 3 months
Tools: Figma
Delivered: research, personas, information architecture, sitemap, user flows, wireframes and 120+ high-fidelity screens

The challenge

The founder came with an idea, not a spec. The app had to serve two very different users at once: gym owners who manage memberships, and practitioners who want to train, learn and track their progress.

Process

I led the UX from the ground up: competitive analysis, a journey map and qualitative research, then personas and empathy maps for both the gym owner and the practitioner. From there I built the information architecture and sitemap, mapped the key user flows and tested the structure in mid-fidelity wireframes before any visual design.

Visual design and design system

A bold dark UI with a clear type scale, a colour system and reusable components, so every screen stays consistent as the product grows.

Final design

More than 120 high-fidelity screens covering onboarding, tutorials, gym membership, practitioner profiles and progress tracking.

Client review

"…Would recommend 10/10."

Have an app idea but no spec yet? Message me your idea, who it's for and your deadline, and I'll reply with how I'd approach it.
Like this project

Posted Nov 2, 2026

BJJ gym management and practitioner app led end to end for a startup founder: research, personas, IA, flows, wireframes and 120+ screens.