Mood Ring is a mood-tracking and mindfulness app that leverages astrology to provide daily, personalized insights to its users.
I was responsible for designing the onboarding and login UX, building a component library for the UI, and updating the brand design.
I also worked on product, competitive analysis, and user research.
User research survey
Sign up & Log in

Log in to Mood Ring with email and socials.

Onboarding Experience

Sign up & onboarding.

Responsive design for larger screen sizes.   

Component Library & Responsive Design
To maintain consistency and streamline the design process, I built a component library for the user interface. The library has UI elements for multiple button states, input states, & device sizes.

UI component examples. Icons from superhi.com.

Active/Inactive, Success/Error, Pressed, & Focused. 

Brand & Visual Language
The positioning of the Mood Ring logo on the app's splash screen is meant to evoke a rising & setting sun; reinforcing the idea of daily, habitual use. 

The 12-point star represents twelve months in a year and the twelve astrology signs. 

Mood Ring is designed to change colors based on the user's mood. 

Other Work

Back to Top