RPEfit

RPEfit, a figma based project created for my interaction design final. This app is tailored to individuals of all exercise levels and knowledge. The clean aesthetic and simple interface of the app makes it easy for individuals to plan and track their workouts, food/macros intake as well as offering live health updates if the individual pairs their smart watch, or similar device to the app.

The Prototype

Click through the demo and create your own custom workout routine.

Created with:
Figma & Illustrator

Welcome screen, pairing, workout page & home page of app

I chose to use a muted blue/grey and yellow color palette for the app colors. these colors combined made the design easily legible, and the high contrast creates a cool, and sporty looking design for the app. Oscillating yellows and oranges accompany the onboarding pages as well as the live data like the heart rate monitor adding some visual pizazz and excitement to the two toned screen.

Created with:
Figma & Illustrator

Prototyping and Flows .

I'm amazed with how intuitive Figma is with their prototyping. For someone like myself who is a novice at best with coding language, Figma really made sense to me. Even in this rats nest of flows and transitions I could explain each directional line. Absolutely in awe with how this all came together!

Screenshots of the Figma board, behind the scenes of each page of the app design.

I learned the basics for adding plugins that allowed for working keyboards & videos to dramatically enhance the legitimacy of the application.

↑Back to Top