Introduction
Project overview
Harmonize is a health and wellness app that will allow users to link their music streaming services, with an exercise a user would like to engage with.
User goals
Users need a fun and collaborative way to workout so that they feel excited and motivated to continue their fitness journey.
March 2023
Interaction Design
Prototyping
Sketches
Initial sketching and ideation allowed me to map out a users flow for navigation and rough layout of the application.
Wireframes
I took my initial rough sketches and brought them into Figma to start wireframing. This allowed me to map out my users journey and identify key screens and components. I wanted to keep the flow as simple as possible since it would be used while working out.
Component library
After finalizing wireframes and layout, I found it important to create reusable assets for key components that would be used throughout the application. This is where I began playing around with the look and feel of the application. I wanted the interface to appear sleek and modern.
High-fidelity mockups
Once I had my UI kit, I was able to easily take my initial wireframed user flow and add visual design to my key screens. Creating the necessary variants of my components allowed me to easily prototype the final high-fidelity flow.
