Back to all work

A gym app that makes booking a class feel effortless

A self-initiated redesign of a client app, focused on signing up for a class and updating payment details.

My role
UI/UX Designer
Type
Redesigned Concept
Original concept
2020
Tools
Figma

The short version

This concept project reimagines a fitness tracking and gym membership app that I originally designed for a past client.

I rebuilt the mobile experience around class scheduling, performance tracking, and member engagement, with a modern interface that follows current UI and UX best practices while keeping the original app’s core functionality.

Two things members need to do

I narrowed the redesign to two essential actions and made each one as short as possible.

Sign up for a class

Browse the schedule, check a class’s details, and book it.

Class schedule› Class details› Book now› You’re booked

Update payment info

Add or change a card without hunting through settings.

Profile› Payment› Add card

How I worked

  1. Low-fidelity wireframes

    Mapped out streamlined user flows in Figma.

  2. High-fidelity screens

    Refined the wireframes with a clean, modern visual design.

  3. Interactive prototype

    Tested the flows end to end so the interactions felt right.

The screens

  • Sign in/Create account
  • Class schedule
  • Class details
  • Booking confirmation
  • Add card
  • Search/Filter
  • Profile with member QR code

Try the prototype

Click through the booking flow yourself.

Open the Figma prototype