Most health-science apps fail because their interfaces are just a boring, static charts. Users get overwhelmed by numbers and lose interest.
The Solution
We bridge the gap between hard science and user engagement. By transforming health data into fluid, interactive Rive animations. We turn clinical data into a visual story, making the user's health journey.
Interactive calendar for the Stress Report that visualizes Sedentary Stress pattern. The component transforms health metrics into fluid, real-time animations using Rive’s state machines and scripting.
Technical Highlights
External Data: Renders visual states based on user data (stress accumulation per day).
State Machine Logic: Triggering liquid transition animation based on a stress values.
Scripted Logic: Reading external stress data and gradually filling the calendar array, triggering animation with a delay parameter. Custom amount of days and additional logic to deal with "no data" days.
Some Results
By implementing engaging data visualizations and labor effect, the app achieves higher conversion to subscription and higher retention rates.
Role: Motion Designer / Animator / Rive Dev
Client/Brand: Welltory Inc.❤️