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.
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
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
Mapping the current
experience on the app
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.
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
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.
After
Before
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.
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
WEALTH42
NETBOX