Just Fit Justine
Website Functionality
Justine decided to take the leap from designer to
full-time fitness coach. Since I was also starting my UX Design journey, I thought that this was the perfect opportunity to apply what I had been learning.
Justine wanted a website that was easy for her new and potential clients to navigate and showed off her fitness knowledge and personality.
ROLE
US/UI Design
Research
PLATFORMS
Figma
Let's Get Physical
Since this was my first UX Design project, I wanted to make sure that I got the steps right. I knew I needed to create a desktop and mobile version (with extra emphasis on the mobile version), so this allowed me to explore how different functions translated between different mediums.
I noticed a lot of overlap in the Industrial Design and UX Design processes. This meant I could start in a familiar place; research and sketching. Now let's get to work!
User Research and Personas
Kiara
28 y/o - Cincinnati, OH - Office worker
"How do I find a coach that's the right fit?"
Biography
Kiara is a transplant from northern Ohio. She moved to Cincinnati for a job recently and is trying to get acclimated to this new city.
What she's looking for
She's stuck working at a desk all day, plus moving to a new city has put her fitness ambitions on hold. She's looking for something she can easily incorporate into her new life.
Natalie
25 y/o - NYC, NY - Photographer
"I want to get back into the gym, but I don't know where to start."
Biography
Natalie is a newlywed who hasn't had much time to think about fitness with all of the wedding planning. She lived a generally healthy lifestyle beforehand, but it has since fallen to the wayside.
What she's looking for
Now that the wedding planning is over, she wants to get back into fitness. And she is considering getting the assistance of a coach.
Competitive Landscape
Key Takeaways
- If you're looking for online coaching it's best to find a coach who specifically offers what you're looking for rather than just general coaching.
- Check-in's are a must, as well as accountability
- The site must be easy to navigate!
- Seeing your coaches progress makes you feel confident that you'll make progress too
- Nutrition suggestions/meal planning is a must
Miami (VICE) Inspired
Since Justine lives in Miami, Florida I took inspiration from the show Miami Vice when I started to set up the site's color pallet. Justine is a big fan of pink and bold colors in general, so I knew it was the perfect fit. Blue and Pink became the main colors, with gradients used in various locations. I also added the Orange from the logo she created for herself and incorporated it into different menus.
First, the Desktop Site
Now it became time to jump head first into Figma.
I decided to start with the desktop version of the site since I thought it made sense to translate from the larger version to the smaller version rather than size-up the mobile elements.
The Mobile Version
After completing the desktop version, it was time to jump right to the mobile version. Downsizing the assets from the desktop version proved to be the correct order. Adjustments had to be made to various elements, but overall I was able to stay true to the desktop site while also adding a few new elements.
What I learned
Designing this website was quite a journey. I learned how to use a new program. I learned that I enjoy designing websites. This was something that was always in the back of my mind since I always enjoyed redesigning my portfolio throughout the years. I also learned that my skills from Industrial Design do translate to UX Design. And on top of all of this, I got to help a friend. So overall I'd say this project was a success.