As Betterfly rapidly expanded its product ecosystem, the experience evolved toward a more gamified and emotionally expressive direction. At the same time, the brand introduced Buddy — a character integrated into the product narrative through animated interactions and contextual moments across the platform.

As new surfaces, flows, and motion patterns emerged, interaction behaviors started to become inconsistent. Transitions varied between experiences, animation timing lacked shared standards, and character animations introduced an additional layer of complexity without a unified framework to support them.

The motion system initiative emerged from the recognition that interaction quality at scale requires the same level of infrastructure, consistency, and governance as visual design systems.

Role

I led the creation of a standardized motion system for product interactions across the platform. My work included defining the core motion principles that guided animation decisions, establishing a consistent set of timing and easing tokens, and designing the operational layer around the system.

I also developed documentation, usage guidelines, reference animations, and do/don’t patterns that enabled designers and front-end engineers to implement motion more independently, consistently, and at scale.