UX/UI Design, Brand Identity, Animation
UX Designer, UI Designer, Animator
5 weeks, Individual project
Figma, Illustrator, After Effects
"Create a user centric app flow for a specific task of your choosing. This app flow should be based on already existing UX (i.e. Ordering from Starbucks, ordering an Uber, etc). This task should solve a problem or create an optimized user experience."
First Fit is a Philadelphia-based active lifestyle brand. With 6 gym locations scrolled across the city, First Fit provides a convenient and well-rounded physical fitness experience. Due to the Covid-19 Pandemic they were faced with the problem of limited capacity at the gyms. To regulate the amount of people who are at the gyms they created their City Fitness Mobile App and established gym session and class attendee limits. Within this app you are able to pick your desired gym locations, class/gym session type, and time in which you’d like to attend. Allowing users to choose when and where they work out but with safety being a priority. Scheduling classes/gym sessions are the most important part of this app, but the app is not limited to solely that. This app also allows for users to manage their account, update their payment method, pre-order a shake, track their rewards and more.
This project was built around the already existed problem created by covid and gym occupancy. Much of my findings and goals are built around the user experience found in City Fitness' member app that was used for scheduling a gym time. From that the main goals of the project were:
For my competitive research I looked at City Fitnesses app. City Fitness is a Philadelphia-based active lifestyle brand. With 6 gym locations scrolled across the city. I used this app as a foundation of my design thinking. I completed an app flow analysis of the existing app user experience to better understand the complexities and necessary task for scheduling a class or gym time.
I completed sketches of the app flow, user interface design, and interface animation during my design process. After that I began to build out a low fidelity prototype.