Plus

LA Fitness

LA Fitness +

This is a personal passion project to give the fitness app a "better build". A more "toned-up" version.

Time: 2023 JAN - 2023 MAR

Duration: 3Months

My Role: UX Designer

Plus

LA Fitness

LA Fitness +

This is a personal passion project to give the fitness app a "better build". A more "toned-up" version.

Time: 2023 JAN - 2023 MAR

Duration: 3Months

My Role: UX/UI Designer

Top

A More "Toned-Up" Version,
A Better Build.

A More
"Toned-Up" Version,
A Better Build.

Current LA Fitness App

Cluttered home page

Outdated & unappealing design

Poor usability & navigation

Confusing sidebar & subcategories


My LA Fitness+ App

Streamline the navigation

Better aesthetic

Improve search function

1-click check-in

Personalized experience

AND SO MUCH MORE

Confusing sidebar

Here’s A Sneak Peek

Here’s A Sneak Peek

Swipe to see a before-after comparison

What the users are saying
about the current app.

What the users are saying
about the current app.

10/24/2017

Check-in barcode should be easily located and accessed.

01/03/2022

Cluttered homepage makes it really hard to navigate and get to where I want.

08/04/2017

Unbelievably terrible to reserve a class on the app.

01/03/2022

I’m only using this app for checking in with the barcode. Would be great if I can add the barcode to my wallet app. This app is hidden in the dark corner of my phone because I have no desire to use the app.

07/30/2020

Takes too long to open up the membership card. It also doesn't allow me to set a default for my most-attended classes.

10/01/2019

Too many menus and subcategories that can be merged and simplified.

Take too many clicks to get to something.

Use this Figma prototype to see it in action.

Use this Figma prototype to see it in action.

Let's break down the basics.

Let's break down the basics.

App Icon

Plus

Icons for classes

Abs / Aqua Fit / Cycle Zone / Power Circuit / Mat Pilates / Yoga / Zumba / Cardio Jam / SeniorSneakers

Abs / Aqua Fit / Cycle Zone / Power Circuit / Mat Pilates / Yoga / Zumba / SeniorSneakers

Typography

Good things come in different sizes and weights.

Good things come in different sizes and weights.

SF Pro

SF Pro

Bold

Bold

Medium

Medium

Regular

Regular

H1 Heading

H1 Heading

36px

H2 Heading

24px

H3 Heading

20px

Body 1

16px

Body 2

14px

Annotations

#F26E44

Icons & Annotations

#585A5C

Primary

#1F1F1F

Secondary

#F2BA44

Card Blue

#C6EBFC

Card Red

#F8B6AE

Card Green

#DDE5BC

Card Yellow

#F1D39D

Card White

#FCFCFC


Inactive

#BCBCBC

Text Color

#2F2E2C


Colors

Can We Skip to the Good Part

Check-In button placed in lower right corner for easier access

Option to add to mobile wallet

One-Click CheckIn

Quick class overview

Effort bars show you just about what to expect from each class

Tap to view more class details

Save your favorite class

Julie S.

TUE

11:00 AM

40 mins

330 kcal

Instructor Photo

Day&Time

Duration

Calorie Burned

Class Detail Page

A workout log with everything you need

Think of it as a journal if you want.

Or your personal workout assistant.

However you’d like to call it.

View monthly workout summary

Set and customize your own goal

Get better insight of your workout routine

Don’t lose the streak 🔥

So many icons to choose from!

Drop. Your. Workout.

Grow and expand your workout zone

every time you check-in at a club

Motivation Monday

Transformation Tuesday

Night Owl

Morning Lark

Afternooners

Midweek Momentum

Track & Visualize

Your Workouts

Thriving Thursday

Fantastic Friday

Self-care Saturday

Soulful Sunday

KG

Thank you for watching.

Workout is already hard enough, why not make using app a tiny bit easier:)