As a part of my Career Foundry UX Design course specialization I was put in charge for the UI Design.
My role
UI Design
Tools used
Balsamiq, Figma, Miro
The User Stories for this project where already provided so I derivated three use cases and started creating low-fidelity wireframes in Balsamiq.
Use Case I
Inspect workout details in order do know how to do it correctly.
Use Case II
Share workout routine with a friend.
Use Case III
Get information about different workouts and add them to your training routine.
The design process went into the next stage by creating mid-fidelity wireframes in Figma.
Use Case I
Inspect workout details in order do know how to do it correctly.
Use Case II
Share workout routine with a friend.
Use Case III
Get information about different workouts and add them to your training routine.
Before going into high-fidelity wireframing I needed to get an idea about what kind of colors, typography, shapes, icons, or imagery I wanted to use. As women were my main target group I with the most feminine touch.
Use Case I
Inspect workout details in order do know how to do it correctly.
Use Case II
Share workout routine with a friend.
Use Case III
Get information about different workouts and add them to your training routine.
Feel free to test all three use cases in the interactive prototype.
Use Case I
Inspect workout details in order do know how to do it correctly.
Use Case II
Share workout routine with a friend.
Use Case III
Get information about different workouts and add them to your training routine.