Achievements
Reserve larger reactions for meaningful milestones. Define a short duration and a reliable return to rest.
RiveMascot / app mascots
An app mascot needs a role. Build a character around onboarding, learning or progress, with reactions that support the user’s next action.
An interaction brief
| Product moment | Character response | Acceptance question |
|---|---|---|
| First visit | A short greeting, then a quiet resting pose | Can the user read and continue without waiting? |
| A task is underway | Measured progress or a calm waiting state | Does it reflect real progress rather than an invented percentage? |
| A goal is complete | A bounded celebration that settles automatically | What happens if another event arrives during the reaction? |
| Something needs correction | A supportive recovery pose alongside useful text | Does the user understand how to fix the problem without motion? |
Mobile by design
Check the silhouette and face at the actual display size. Reserve space in the layout, avoid accidental touch capture and stop off-screen animation work where possible.
For Flutter, React Native, Android or iOS, confirm the runtime and renderer before promising a feature. A browser preview does not prove native compatibility.
Gamification & interactive UI
Reserve larger reactions for meaningful milestones. Define a short duration and a reliable return to rest.
Plan repeatable celebrations, level variants and how visual change represents real application data.
Scope each form as artwork and rigging work. Decide whether variants share an animation system or need separate assets.
Animation can make a reward more expressive. Engagement improvements require measurement in your product; no uplift is guaranteed.
Bring an idea, a character or a product moment.