Mood Tracker App

Hi Dribbblers!

Happy to share my latest UI work for a Mood Tracker App designed to help users stay in tune with their mental and emotional health. 🌿

Screen 1: Mood Monitoring

This screen helps users track and reflect on their mood trends over time.

  • πŸ“ˆ Graph View: Visual representation of mood patterns daily, weekly, monthly, or yearly.

  • πŸ” Mood Changes Summary: Shows changes in mood over different time spans (3, 7, 14, 30 days).

  • πŸ“Š Mood Score Tracker: Gives an overview of how mood fluctuated, helping users understand what might be affecting their emotional state.

Screen 2: Wellness Dashboard

The central hub for user insights and wellness progress.

  • πŸ“Š Mood, Sleep, Stress & Gratitude Bar Chart: Helps identify patterns and triggers.

  • 🎯 Goal Progress Cards: Tracks progress for practices like gratitude journaling and breathing exercises.

  • 🧩 Analytics Cards: Gives quick stats on sleep quality, stress level, and other indicators.

Screen 3:Daily Planner / Activity Schedule

A simple, intuitive schedule to plan self-care routines.

  • πŸ§˜β€β™€οΈ Custom Time Slots: Users can add activities like breathwork, workouts, and therapy sessions.

  • πŸ—“οΈ Daily View Tabs: Navigate through the week to build consistent wellness routines.

  • ✍️ Visual Icons: Enhance quick recognition of activity types.

Follow me for cool stuff ✨

Feel free to share your thoughts in the comments!

Don't forget to "Press L" if you like it! ❀️

More by Shailee Malviya

View profile