Experience Animated Count-Up Statistics Reveal
Within the impact summary sequence, individual metric slides use the Animated Stats Widget to display numbers using Flutter's AnimationController and Tween framework, creating a count-up reveal effect. Key metrics such as total volunteering hours, number of people supported, and activities completed each animate individually when their slide becomes active. The animation is optimised for minimal performance overhead so it runs smoothly on low-end devices used by older volunteers.
User Story
Acceptance Criteria
- Given a metric slide becomes active in the summary sequence, when the animation triggers, then the numeric value counts up from 0 to the final value over approximately 1.5 seconds
- Given the device is a low-end smartphone, when the count-up animation runs, then frame rate does not drop below 30fps during the animation
- Given the user navigates back to a previously viewed metric slide, when the slide re-enters view, then the count-up animation replays from zero
- Given accessibility settings have reduced motion enabled, when metric slides are displayed, then the final value is shown immediately without animation
Business Value
The animated reveal is the core engagement mechanic that differentiates this feature from a plain statistics dashboard. The Spotify Wrapped model has demonstrated that animation and sequenced disclosure dramatically increase time-on-screen and social sharing rates, which amplifies volunteer recognition and organic recruitment.