Wise@Work - Motion Design System
Introduction & Project Overview
Wise@Work is a mobile app that provides science-backed mindfulness content to enhance employee well-being and performance. As the product evolved toward more personalized and interactive experiences, it became clear that a unified motion design system was needed to improve usability, guide navigation, and embody the brand’s calm, intentional voice.
I led the design of this motion system to bring clarity, consistency, and emotional depth to user interactions. This involved defining core motion principles, creating reusable patterns, and prototyping key animations to ensure transitions and feedback felt seamless and purposeful—supporting both functional clarity and a sense of calm throughout the experience.
Impact
IMPROVED CLARITY AND NAVIGATION
Animations like the container transform and lateral carousel helped users better understand context shifts and screen hierarchy, reducing cognitive friction.
MORE CONSISTENT UI BEHAVIOUR
Standardized durations, easing, and feedback patterns created a smoother, more unified experience across the product.
ENHANCED EMOTIONAL TONE
Calming, purposeful motion reinforced the app’s brand identity, making interactions feel more aligned with its wellness mission.
FASTER DEVELOPMENT CYCLES
Having a shared motion library and clear specs allowed developers to implement animations more efficiently and confidently.
