The redesigned Puregym app: a login screen and a check-in screen with a QR code

Check in to PureGym in one tap.

A self-initiated redesign of the PureGym member app.

Role
Research, UX, UI
Timeline
December 2025 –
January 2026
Tested with
7 gym members

Problem

Members used the app because they had to, not because they wanted to.

I asked members at the gym how they use the old app. Here is what they pointed at on the home screen.

01 · Gym search

“Search feels non-functional or misleading…”

02 · Account

“No clear login page… hard to change account”

03 · Home, Scan in, Find a PT

“Buttons are not visually obvious or discoverable… Buttons contain too much text”

04 · Scan in here

“QR code never shows up when you want to…”

05 · Everything under it

“I hate the hierarchy…”

“Efficient but very ugly”

*Real comments, quoted or paraphrased from member interviews.

Challenge

Solution

Your gym, your code, on the first screen.

Scroll to walk through the check-in screen piece by piece.

01

Gym switcher

Save every gym you go to and swipe between them.

02

Just me / Guest pass

Side by side, not stacked. Testers picked this version.

03

The code is the home screen

Open the app and it’s already there.

04

Add to Wallet

Skip the app at the door entirely.

Decisions

Three calls that kept the check-in screen calm.

Instead of stacking the guest pass under mine, I made it a toggle. Testers picked it

Most testers preferred Version B: Just me and Guest pass side by side. Bringing a friend is one tap, and your own code never gets pushed off the screen.

Instead of one fixed gym, members keep a list. Version 3

Some members train at more than one PureGym. Saved gyms sit behind the gym name, and adding one is a search and a pin, not a hunt through every club in the city.

Instead of piling stats onto check-in, I gave them their own tab. From testing

One tester loved the achievements, another didn’t care. So hours, streaks and achievements live in Progress, and check-in stays the code and how busy the gym is.

Iterations

Three versions, each one asking a smaller question.

Check-in page, version 1
V1How can we cut the extra details and colours?
Check-in page, version 2
V2Can the bottom sheet be simpler still?
Check-in page, version 3
V3What if members save more than one gym?
FinalGym, code and wallet on the first screen.

Testing

Seven members caught what I missed.

I put the prototype in members’ hands at the gym. Two changes came straight from them.

Popular timesFriday
6 am9 am12 pm3 pm6 pm

“It would help if the colours of the bars matched how busy it is.”

Before, every bar was teal. After, busy hours turn coral and quiet ones stay teal.

Version A
Version B

Stacked under your pass, or side by side?

Most testers picked B, side by side. It became the Guest pass toggle.

Final design

Everything else a member needs is one tap from the code.

Checking in

Scan in through the QR code, save your pass to your digital wallet, and check in a friend straight from the same screen.

Viewing gym info

Tap the gym card and it drops down to show opening hours, the location on a map and contact details, without leaving check-in.

Success means

It’s a concept, so here’s how I’d know it worked.

0.0s

Time from opening the app to the code

The whole redesign is a bet on this number going down.

Failed scans at the door

If the code is always ready, fewer people stand at the gate reloading.

Guest passes shared

Proof the toggle is found, and a way for friends to become members.

Add to Wallet taps

Members who skip the app at the door are the best outcome of all.

What I’d do next

Testers asked for more than I built.

Tester requests5 open
  • Bigger tap targetsTwo testers struggled to press some buttons and to scroll.
  • Dark modeAsked for by one tester.
  • Holiday hoursOpening times that change, shown before the trip.
  • Open in Google or Apple MapsStraight from the gym card.
  • Last three visitsA quick history, without opening Progress.

Reflection

01

Talk to the people at the door.

I was nervous to walk up to strangers at the gym. Most were kind, and two of them turned out to be UI/UX designers who were especially helpful.

02

Borrow the patterns people already know.

Bottom sheets, segmented toggles and wallet passes are familiar for a reason. Grounding the design in them let testers focus on the gym, not the app.

Thanks for reading!

Want to learn more? Curious about the details? Feel free to reach out to me at

jenniferhuang724@163.com!