Emotion Check-in Flow: Journal Mobile App Animation

Posted Oct 25, 2026

BETR Mood Check-in App Most mood trackers turn feelings into a form: tap a smiley, pick a number, done. For BETR we wanted checking in to feel more like a moment of reflection, so we put the motion into the emotions themselves. Home: a living mood ring. It shimmers quietly in the middle of the dashboard, and tapping it opens the check-in straight from the ring. Emotion picker: every feeling has its own character and colour. Swipe from Happy to Content to Sad and the characters lean into the motion as the whole screen shifts colour, so you can feel the difference, not just read it. Intensity: once you choose, your character carries you into the next step and settles above a simple slider from Mild to Intense. The motion stays soft and playful on purpose. Talking about feelings can be hard, so we used bright, friendly characters, gentle springs and calm transitions to make the daily check-in something people look forward to. How do you like to check in with your emotions? Let us know in the comments 👇 Have a product idea? Let's build it together. 🌐 Usarion: Product Design & UX for startups worldwide Press "L" if you like it ❤️