Mood Recording App UI Design Concept

Hey Dribbblers! 👋

In a world that moves fast, it’s easy to lose touch with our emotions. That’s where this beautifully designed emotional wellness app steps in — giving you a space to pause, reflect, and check in with how you feel.

This app guides you through a quick and intuitive check-in process, helping you track your mood with expressive faces, keywords, and questions tailored to your state of mind.

🔍 Key Features:

✅ Emotion-based check-ins with animated face icons.

✅ Prompt-driven reflection to explore “why” behind the feeling.

✅ Tagging system for triggers, thoughts, or events.

✅ Minimalist UI with soft gradients for a calming experience.

✅ Dark-themed UI with soothing gradients for a calm visual experience.

This mood selection screen offers a fun, intuitive way for users to identify and express how they're feeling using animated face icons and emotion tags like: Happy, Relieved, Satisfied.

A smooth slider lets you adjust mood intensity, and for the tech lovers — there's even a Face Scan option for real-time emotion detection!

This screen allows users to select "Cheerful" as their feeling and then offers a range of more specific descriptors to fine-tune their positive emotion.

This screen focuses on understanding the why behind the feeling of "Cheerful." After selecting their emotion, users can identify what's having the biggest impact on them from a range of categories.

Continuing the mood tracker design journey! This is the final screen in the "Cheerful" flow, allowing users to add a personal note to describe their feelings in more detail.

What makes it different?

💬 Personalized prompts that help you go deeper

📊 Data insights to understand emotional patterns

🧘 A calming, clean interface designed with you in mind

🎨 Design Importance:

🎨 Color Palette Codes: #00FFEA #003840 #FFFFFF

🔤 Typography Used: Helvetica Neue

🛠 Tools: Figma, Adobe Illustrator

We specialize in helping our clients build their online presence and grow their businesses through effective Branding, Web & App Design, and Development.

We're ready to take on new website projects!

Hit “L” to show us some love ❤️ and share your valuable feedback in the comment section.💬

Curious about more of our work? Explore our profile and don’t forget to follow us for the latest updates!