Mascot Animation for Mental Health Brand — SelfApp

We approached animation as part of the product language, not a visual effect. The mascot animation system was designed to communicate emotional states through form and movement.

Different mascot states represent how the self changes under external influence — becoming constrained, fragmented, or muted over time. Transitions between these states were carefully designed to feel gradual and intentional, mirroring moments of disconnection and reconnection.

From a design perspective, animation acts as a narrative layer that supports the product’s core idea and maintains emotional continuity across the app experience.