Harmonia


Industry
UI/UX, Fitness, Women’s Health
Deliverables
Wireframes, Prototype, Branding, Presentation Deck
Description For women who want effective workout plans and experience fluctuating energy levels, Harmonia provides workout plans that are personalized and hormonal-cycle focused unlike other non-cycle syncing fitness apps.
Landing Page
InspirationAs a woman, you have very specific fitness goals, but sometimes feel different during different times of the month. You feel energized one day, and just unable to move on the next. On top of that, society expects you to continue pushing forward through your busy schedule. 

Many women on a fitness journey feel that the fitness model doesn’t operate based on the feminine hormonal cycle. This is the problem I would like to solve through Harmonia.

Project Focus
Research
Learn about the fitness industry, the menstrual cycle, user motivations, and various pain points.
Design
Create a flexible visual system that can span across a variety of contexts
Prototyping
Macro and micro user interactions
Research and Analysis In order to create a well-informed system, the initial phase of research started with building a strong understanding of the menstrual cycle and how it affects fitness. Since each stage of the feminine hormonal cycle affects a woman’s energy levels differently, there are different suggestions for the type of workout.
Then I looked at the fitness trends of 2022. My research showed that living in a post-pandemic world pushed us towards programs with at-home options. People value convenience and affordability.
Logo A logo highlighting the harmonious
relationship between fitness and the feminine cycle. Design System

In order to maintain seamless legibility across various platforms, I chose different expressions of the sans serif, Proxima Nova. It has a contemporary appearance while also providing a wide variety of weights and styles. These qualities support a robust feeling while the brand colors add an extra element of energy and femininity. Prototyping I utilitzed Figma for all visual design elements as well as prototyping user interactions.Mobile Outcome
Workout Interaction
Post-Workout Feedback
Hormonal Cycle Calendar and Symptom Logging
Progress Page
Web Outcome ProcessSee Full Process
Thank you Brian Boyle
Previous ProjectNext Project