StayFit

Note: You may have to turn up your volume when listening to our demo video. The speaker's voice is quiet. Thank you!

Inspiration

Our main inspiration for this project stems from the experience of not only ourselves, but the whole world during the COVID-19 Pandemic. Many people around the world wanted to stay fit or become more physically active during the pandemic, but they were often stopped by the fact that gyms were closed and most people were instructed to stay indoors as much as possible. Post-pandemic, many people still wanted at-home workouts, as gym access is a privilege not everyone is fortunate enough to have,

So, in order to aid everyone looking for home workout regimens, we built StayFit, making fitness more accessible to everyone!

What it does

StayFit shares at home workout regiments to users based on the muscle group they want to train. Users simply click on different parts of the interactive human anatomy on our site, and based on where they click, they are serviced with different exercises to work that specific part of the body.

How we built it

We built our high-fidelity prototype using Figma!

Challenges we ran into

Some challenges we ran into were making the site look and feel appealing, as physical activity and working out can feel like a daunting subject for many. Another challenge we ran into was making the interactive human anatomy function intuitively, as we wanted our users to be able to navigate the site with ease, regardless of their anatomical or medical knowledge.

Accomplishments that we're proud of

We're proud of how polished StayFit looks and feels, as we feel it is comparable to many modern sites. We're also proud of the awesome resources it provides for users and how efficient it is at simplifying the home-workout process.

What we learned

We learned a lot about information architecture, and how to structure sites to be digestible. We also learned a lot about the field of personal fitness

What's next for StayFit

In the future, we hope to continue polishing StayFt, with features like hover interactions and micro-animations, in order to fully immerse the user in our product. We also hope to translate our hi-fi prototype into a more robust proof of concept using React.js and JavaScript, as well as libraries such as Anime.js.

Built With

• figma