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.
