Skip to content
← All work
The Gym Group

How could joining a no-contract gym feel faster, clearer, and easier to trust?

A mobile onboarding and membership direction for The Gym Group, covering account creation, sign-in, personalisation, plan choice, and reusable cross-platform patterns.

Project frame: The Gym Group: designing a faster mobile onboarding and membership journey

Scope note: This page presents an exploratory, independently reconstructed product direction rather than production screenshots or verified shipped scope. No delivery or outcome claim is made.

Role
Product Designer (UX strategy, interaction design, design system, research and testing)
Year
2023
Platform
iOS · Android
Passwordless
explored direction

A magic link is promoted as the primary path, with password and social kept as fallbacks.

Progressive
registration pattern

The concept asks for one thing at a time instead of presenting the whole form at once.

Comparable
plan choices

The exploratory plan step makes tiers and billing periods easier to compare before checkout.

One system
iOS and Android

Shared tokens and components keep parity across both platforms without bespoke one-offs.

01 · Context

The problem

The exploration asks how a mobile-first, no-contract gym could make account creation, repeat access, onboarding, and plan choice feel clear without a reception desk to recover a failed journey. A progressive flow and shared system provide the design direction across iOS and Android.

02 · Evidence

What shaped the direction

Two make-or-break moments

Members judge a no-desk gym on two things: how fast they can join, and how reliably they get back in. Everything bent toward those two moments.

Access is part of the service

With no reception desk to recover a failed sign-in, account access needed the same design attention as joining and payment.

Choice needs comparison

A single-tier baseline leaves little room to compare value. The direction explores a clearer way to present tiers and billing periods.

Cross-platform parity

iOS and Android had to match, so every pattern had to survive both platforms rather than shipping as a one-off screen.

03 · Process

How it came together

Two moments decide a no-desk gym

This concept considers two critical moments in a mobile-first gym journey: how clearly someone can join and how reliably they can return. I used those moments as the spine of an exploratory direction, starting with account access.

Reconstructed artifact: exploratory registration and sign-in direction, not a production screenshot.

Registration: the shortest honest path

The design prompt begins with a five-field baseline standing between a curious visitor and their first workout. I explored progressive disclosure: one question on screen at a time, each with a single primary action, and inline validation that guides as you type instead of scolding on submit. Forgiving inputs, a visible step count, and a "skip for now" option let people look around before they commit. No production outcome is claimed here.

The patterns underneath are deliberately boring in the best way: one clear decision per screen, real-time validation, generous tap targets, and never asking for anything the moment does not need. Boring is what makes it feel fast.

Passwordless by default

Account access was treated as a critical service risk: if the sign-in fails, there is no reception desk to rescue the experience. Rather than only polishing the password field, I explored removing it from the primary path. A magic link leads, with password and social sign-in kept as fallbacks and biometric unlock offered after the first success. The "check your inbox" screen closes the loop with a resend timer and an easy way to correct a wrong address.

It is worth being explicit about scope: the passwordless, progressive, and multi-tier work shown here is an exploratory direction, not verified shipped scope.

Onboarding: personalise before asking for money

Reconstructed artifact: exploratory onboarding direction, not a production screenshot.

Four quick steps set fitness level, goals, and a few gym friends before the app mentions money. Progress stays visible, every choice is multi-select and reversible, and a sensible default is pre-selected so no screen is a dead stop. The success measure for this direction would be activation after joining, such as a first class or workout booked.

Choosing a plan: from browsing to paying

Reconstructed artifact: exploratory plan-comparison direction, not a production screenshot.

The single-tier baseline offers no way to compare value. I designed a direction that puts Standard and Ultimate side by side, shows the billing-period trade-off, and frames each perk as an outcome rather than a feature. The coupon field is deferred rather than shown up front, so it does not plant the thought that there is a better price to hunt for. The next step would be a controlled comparison measuring plan choice, checkout reach, and completion.

One system behind it

Reconstructed artifact: shared concept patterns across sign-up, access, onboarding, and billing.

Because the direction spans sign-up, access, onboarding, and billing across two platforms, I defined shared tokens and components so the work stays coherent as the surface grows. Tap targets stay at least 48px, colour is specified to clear WCAG AA, focus rings are keyboard-only, and validation is inline rather than delayed until submit. New concepts inherit the same defaults instead of reinventing them.

What I would test next

Passwordless-first has one real risk: deliverability. If the magic link is slow or lands in spam, the fastest path becomes the most frustrating, so I would watch link open rates closely and keep the password fallback one tap away. On iOS I would test Apple sign-in as the primary option, and I would give members who clearly prefer monthly a way to stay there without friction. The goal never changes: make the account the easiest part of joining, not the first thing that gets in the way.

04 · Craft

Decision trail

  • 01Explored passwordless-first sign-in, keeping password and social options as fallbacks so the direction could reduce memory burden without creating a dead end.
  • 02Reframed account creation as progressive disclosure, one field at a time with inline validation, instead of showing the whole form at once.
  • 03Designed a plan-comparison direction that makes tiers and billing periods legible, with concrete savings shown beside the relevant choice.
  • 04Built a shared token and component system so sign-up, access, onboarding and billing speak one language across both platforms.
05 · Direction

What I would validate

Exploredprogressive registration
Exploredpasswordless access
2 platformsiOS + Android
Systemreusable patterns
Next case study →LIV Golf: making a brand-new league feel premium from day one