Loading
Please wait, content is loading

Moodcast

A playful yet structured emotional tracking experience built around animated micro-characters.


2025

Self project ยท 2 weeks ยท Solo

The idea

Characters carry meaning faster than text or abstract visuals. That was the creative bet โ€” and the design constraint.
Most trackers ask you to describe how you feel. Moodcast makes you feel it first.



Character evolution
From abstract
shapes
to expressive
micro
characters

calm first iteration
energic first iteration
calm second iteration
energic second iteration
calm third iteration
energic third iteration
calm last iteration
energic last iteration

System

Every design decision serves the emotional language.
Emotion-based color system โ€” each mood has an identity.
Modular card structure โ€” scalable across any emotion added.
Consistent character geometry โ€” recognizable at a glance.



Design system
Emotion-based visual language
Design system
System-driven interface patterns

Motion





Launch

Motion sets the tone from the first second. The opening sequence introduces Moodcast and makes the entry feel smooth and intentional.

Emotion swapping

Selecting a mood instantly updates the character and the UI. This micro-feedback keeps the interaction clear, responsive, and satisfying.

Experience

Every detail speaks.
Color shifts when you switch emotions.
Characters move before you tap.
The interface breathes with you โ€” not against you.



Outcome

Moodcast was a creative constraint: make every transition carry emotional meaning โ€” or remove it entirely.
Motion isn't decoration here. It's the interface.



View All Works

next case