I looked for opportunities to redesign the user experience of the mobile app for L.A Fitness. I also worked
on mockups, prototypes, and style guides to demonstrate the growth
in my UI skills. 

 

mockuuups-woman-hand-holding-iphone-12-mockup-black-skin.png

Overview

Imagine a refined user experience for a fitness mobile application.

Key Skills

Secondary Research
Information Architecture 
Visual System 
UI Design
 

Project Length

Fall 2021 // 4 weeks 

2 weeks [research]
1 week [ideation]
1 week [execution]
 

Tools

Figma, Adobe XD
 

Project Team

Solo
 

Mentor

The Solution

Why L.A Fitness?

CURRENT EXPERIENCE -> PROBLEM SCOPING

Group 565.png

Login

Home

Find a Class

Class Details

Layout and composition
issues

Visually lacking
& unattractive

Redundant and repetitive
components

Room for improved

navigation

A need for capturing that fitness is a lifestyle

Slide 16_9 - 30.png

Mapping the current
experience on the app

Group 584.png

Core theme: Vitality and Power

Active use of bright colors to instill excitement and motivation to take care of oneself and stay consistent. 

Represents energy and healthy living which can come from various forms of training that LA fitness provides through specialized classes. 

Slide 16_9 - 27.png

Reimagined fitness
experience

During my research, I discovered that 
LA Fitness' business goals don't support
a massive UI rehaul. 

So I pivoted to reimagining the class booking fitness experience on a mobile app with LAFitness only as a distant basis for a foundation.  

MOBILE APP REDESIGN

Frame 535.png

After

Before

HOME

Fitness is a lifestyle. Strong visual imagery to hold attention. 

Discover and book your session
through two user flows:
-find a class
-find a club. 

FIND A CLUB

For new fitness enthusiasts and regular gym-goers on the move. They seek out details such as trainers and amenities associated with a club to choose one. 
 

Frame 536.png

After

Before

Frame 534.png

CHOOSE CLASS

Key details about class duration, location, and trainer name are mentioned upfront to simplify decision-making.  

CLASS DETAILS

Empower gym-goers with information on muscle groups and calories that the class is catered towards.

They can make more informed decisions on the class type that fits their lifestyle and fitness goals each day. 

Frame 538.png

Reflections & Takeaways

Significance of design systems and scalable designs

I enjoyed pushing my visual thinking in this project. As a solo designer, it was interesting
to balance visual experimentation vs consistency across components. I found myself questioning my design decisions based on user needs and scalability for those building interfaces.

 

Redesigning without a business lens and product strategy is pointless.

As this was a conceptual product, early on in
my research of LA Fitness' business value proposition, I discovered that a 100% UI rehaul would not align with their business goals.  I let go of LA Fitness however continued working on it for self-exploration with the help of findings from qualitative interviews. 

View other work

254.png

WEALTH42

264_edited.jpg

NETBOX