Description
Customers are able to pick and choose what Crunch gym in their vicinity better suits their personal needs. However, the process of going to the gym has now interfered with time management within it’s gym goer’s schedule. Popular machines are hard to come by which leaves customers dissatisfied with their workout routine.
Tools
Figma, Visual Studio Code, Github
Team
Nam Ho, Dylan Ramos, Gaelle Figaro, Shovon Mustafa, Luis Rodriguez
+
Crunch Fitness
Card Sorting
First we need to breakdown the site to it's bare components, the contents. There are links upon links within the main navigation that can be overwhelming to the users. So we took it apart and group what's similar and get rid of what wasn't necessary.
Site Map
Then we categorized what we wanted to go where, and shrunk down the footer menus by removing or placing them where they should be.
Proto Persona
As a group we created a proto persona based on who would use the site or would likely to visit the site.
Competitor Analysis
Affinity Diagram
User Persona
Josh Palmer is the user persona we came up with based on collected data. He is an aspiring fitness influencer who is highly motivated and takes his fitness routine seriously. He values his time and makes the gym part of his daily routine.
Storyboard
User Journey Map
Heuristic Evaluation
We conducted heuristics evaluations of the current app to help in evaluating the ways to streamline and effectively include the new features.
Wireframes
Mobile
Based on personal findings, I continued to make a mobile wireframe to figure out what the site’s purpose is. As in who would use this site and what exactly does the site have to to offer.
Desktop
I then went to create the webpage’s wireframe to see what other information can be shown as opposed to mobile.
Added Feature
Real time graph of the gym’s traffic.
Visualizing the capacity from good to moderate to busy.
The graph is also available in the Reserve tab when reserving a station.
Clicking the mini graph button expands to show real time traffic at the location.
Final
Design Overview:
After extensive usability testing, we iterated our design based off of the feedback we received from our users.
Some of the key features we’ve included were: “My Workouts” card, a better reservation system, and included appropriate accessibility to follow industry standards.