Cybie Onboarding Animation Flow

Type: Client project for Speed&Inertia, LLC. Paid and verified through Contra.

Role: Rig, animation, state machine and runtime handoff

Tools: Rive

Speed&Inertia needed Cybie, their bunny-eared robot mascot, to walk new users through onboarding. Four moments, each with its own animation, all running live inside their app.

Phase 1, feasibility test: I rigged Cybie with bones, mesh deformation, IK and a swappable face plate (default, sleeping, happy, amused) and wired a small state machine, so the team could check everything rendered correctly in their runtime before we built the rest

Phase 2, the onboarding set: four animations, reviewed and tightened over a few rounds of feedback

Wake Up: Cybie dozes in a sleeping loop, then wakes and waves hello when the app fires a trigger

Chat Your Way: standing and thumbing away at a phone

Cybie Remembers: small nods and one thought bubble that holds the user's interests

Enter the CybieVerse: a chest opens and the icons float out one by one

Every animation has its own soft hover loop running underneath, so Cybie never looks frozen between moments.

.riv runtime files ready to drop into the build

.rev editor source files so their team can tweak anything later

Triggers set up to match how they wire the app

Support after handoff

Onboarding is where people decide whether your app feels friendly. A mascot that wakes up, says hello and reacts as they move through the first screens makes that moment feel personal, and it costs very little at runtime.

Visuals shared with Speed&Inertia's permission. Source files stay with the client.

Want something like this? Message me with your character (or the idea for one), the moments it needs to react to, and your deadline.