New process flows and an extended design system for a Chicago-based fitness training company.
Project Background
Project Background
This client’s product is an endurance-running training application for both athletes and coaches. Athletes are matched with coaches and can personalize their training experience, while coaches can communicate with their clients while also keeping track of their progress all in one place.
The Challenge
This project was a short engagement with a startup company looking to further develop their existing product with new features and workflows to improve the overall user experience for both athletes and coaches.
Because this client was a startup, they were more focused on getting to market quickly when they initially launched. This meant they lacked the time and resources to develop any documentation for their processes or the time to focus on UX, particularly the sign-up process, on their own. That’s where we came in!
Mapping Existing Process Flows
One of the first things my team and I tackled with this project was mapping out what already existed for this client. This meant going through both the coach and athlete sign-up flows identifying all of the information that was being collected and getting a better sense of what a customer’s first experience looked like.
Coach Process Flow
Athlete Process Flow
Creating the new first-run and sign-up experience
After identifying some of the initial areas of improvement in the original athlete and coach sign-up flows, my team and I worked to create new, streamlined processes for these users. We worked through several iterations with the client to identify blockers and land on the best solution that incorporated some alredy-existing steps with a few new, simplified ones that improved the overall user experience.
Sketching and Concepting
Once the new process flows were established, the design team worked to bring a few of the more important new user experience flows to life. This included designing both the coach and athlete sign-up experiences (and taking into account users who could fall into both categories) as well as the new athlete account landing page.
UI Design
At this point in the project, my team and I had worked with the client to solidify the sign-up experiences for users who are coaches and users who are athletes, as well as users who could be both. We locked in the content that would be most useful for athletes to have on their dashboards and figured out the content and flows for coaches to best meet their needs. With all of these new processes and flows mapped out, the client decided that in this final stretch of the project, they wanted high-fidelity designs and an updated user interface for the athlete experience specifically. This included designs for the following pages and flows:
Athlete program sign-up and payment
Athlete account landing page (various states)
Athlete-to-coach matching quiz
Sign in and sign-up landing pages
Browsing and filtering flows for finding new programs
Next Steps
Since this project was slotted for a short timeline and a limited budget, we only had time to do so much. However, if we had the opportunity to work with this client on part two of this work, I would have liked to spend time to flesh out the coach side of the product as well as get some user testing conducted to get feedback on our design decisions.