reza rayeji
Product Design | Concept Art | Motion Design
Profile in progress
reza is building their profile!
š± Gooo: A Case Study in Gamified User Retention
Goo is more than just a character; he is a functional Streak-Recovery System designed to solve a major product challenge: User Churn.
Instead of passive, guilt-tripping notifications for missed habits, Goo turns a broken streak into a delightful, interactive micro-narrative. He lives in a āDeep Dreamā state when the user is away, and only physical user interaction can wake him up and bring them back into the appās ecosystem.
Technical Approach
The interaction is built using Rive State Machines connected to a small React application.
The deviceās motion data is used as an input signal that drives Gooās behavior. When the user physically shakes the phone, the signal feeds into the animation logic and transitions the character between different states such as sleeping, reacting, and waking up.
The goal was to experiment with motionādriven character interaction, where hardware input directly influences animation states in real time.
Due to motionāsensor permission constraints in iOS mobile browsers, the shake interaction is not enabled in the current web demo on Apple devices. However, the interaction model works without this limitation in native mobile environments where sensor access is fully available.
Links
ā¢ Live Demo: https://rezarayeji.github.io/gooo-app/
ā¢ GitHub Repository: https://github.com/rezarayeji/gooo-app
ā¢ Rive File / Marketplace: https://rive.app/community/files/28129-53121-gooo-a-case-study-in-gamified-user-retention
#RiveChallenge #InteractionDesign #Rive #React #CharacterAnimation @rive_app
3
12
260