RGPro Connect
App Redesign
The siloing of information by facility and the lengthy sign up process made registering for classes a frustrating experience for members. To resolve this, I reimagined the app—placing an emphasis on ease and flexibility of search and sign up.
Discovery
Having used the app for over a year myself, I had experienced the frustrations of the sign up process first-hand. However, I did not want to base the redesign on my feelings alone. I talked to several other members about their experiences and looked at reviews of the app in the app store to gauge whether others’ experiences mirrored my own.
Several key themes emerged from this initial research:
Overall users are very dissatisfied with the existing app—especially the classes area.
It was not clear to users how they could delete a class reservation (several wrongly believed it was not possible through the app).
The naming/branding of the app did not align with users’ expectations.
Information for each gym location was siloed within the app, which did not align with users’ mental models and made searching for classes arduous.
Class listings are not organized chronologically which confused users.
Users felt booking a class required too many fields to complete.
Competitor Research
Next, I conducted competitor research on several other apps in the fitness/climbing space including ClassPass, ClimbGenius, and CorePower Yoga. For each, I took note of the information architecture, features, and layout.
ClassPass
ClimbGenius
CorePower Yoga
Concept Mapping
Based on the user feedback I read, the existing structure of the app was not working for users. As I began to explore what a new app structure might look like, I created a rough concept map of the different components of the app.
After creating different permutations of the app structure based on this map, I finally landed on a bottom navigation with four sections: Home (including a profile button), Classes, Calendar, and Member Code.
Flow Diagramming
Since class selection and sign up was repeatedly cited as one of the most frustrating parts of the app for users, I selected this flow to design first. I created the following flow diagram to illustrate the steps users would take to sign up for, then cancel, a class.
Mid-Fidelity Prototype
Based on the screen I’d identified during flow diagramming, I designed a mid-fi prototype of the class selection, sign up, and cancelation process.
Key Changes
Below are select comparisons between the existing app and the redesign illustrating key changes.
Chronology: The redesigned classes page is organized chronologically with a week’s view at the top. Since classes can only be booked up to 24 hours in advanced, the current day and the day following will be the most used.
Shortened Class Listings: In the revised version of the app, I significantly shortened the listing for each class so that it was possible to view many classes in a single screen.
Removal of Silos: Allowing users to filter class results by class type, class status, location, and instructor means that they can find the classes that meet their requirements more quickly and that there is no need to completely silo each facility’s class listings. This enables users to directly compare class options at different nearby facilities within the app—a key cause of frustration in the existing app.
Reduced Clicks: Another complaint commonly raised by users was how arduous the class sign up process was. I found the existing app required a total of 11 clicks to sign up for a class, whereas my revised version requires only 3.
ORIGINAL
REVISED
Branding
Using the colorful rock climbing holds as inspiration, I designed two variations of a new color palette for the app—one for light mode and one for dark mode. I selected a minimal typographic palette to create a clean, modern feel.
High-Fidelity Prototype
Applying the dark mode branding I’d developed, I designed a high-fidelity prototype for the class search, sign up, and cancelation flow.
