placeholder - justine.jpg

Just Fit justine

Website Design

Project Overview

Justine decided to take the leap from designer to

full- time fitness coaching. 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. 

YEAR
PLATFORM

2021

Figma

ROLE

Research, Design

iPhone - justine copy.jpg

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 with 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.

Since this was my first UX Design project, I really 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 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!

Let's Get Physical

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 now 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. 

justine - sketches.jpg

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. 

Screen Shot 2020-06-29 at 7.29.19 PM.png

Now 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 made to various elements, but overall I was able to stay true to the desktop site while also adding a few new elements.

Screen Shot 2020-06-29 at 7.28.58 PM.png

What I learned

Designing this website was really quite the journey. I learned how to use a new program. I learned that I really 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 really 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.

Check out my next project

I DESIGNED

AND BUILT A

LOUNGE CHAIR + OTTOMAN