The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
ā¢ 1d
š± 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
The phone would probably fall out of my hand š
ā¢ 11h
Haha! I promise he wakes up before that happens! šø (No phones were harmed during the testing phase) š±
Thanks for checking it out, Matt! Means a lot!
Wow, Great jobš
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
I built an assistant character in Rive that's wired into the product's actual state ā not a loop on top of the UI, but a face that responds in real time. It blinks and breathes while idle, leans in the moment you start typing, jumps when the answer lands and winces when something goes wrong.
Every expression is driven by data binding, so the character mirrors what the assistant is actually doing ā part of the product, not a sticker on top of it.
Built with @rive_app
Try it live š https://rive.app/community/files/28088-53050-ai-orb-mascot/
Entering Somying into the Rive Interactive Character Challenge!
Somying is a project I've been building over time ā not just a character that plays an animation and calls it a day, but one with her own little world that users can actually interact with.
Inside the room, everything is designed to be interactive ā from clicking and dragging to gamepad support, with real-time clock references that automatically shift the room's atmosphere from day to night.
The character, animations, and all interactive systems are built entirely in Rive. The code side was developed with AI assistance to handle the integration and communication with Rive.
Give it a try
https://ani1port-interactive.framer.website/
Room atmosphere shifting from day to night based on real-time clock?? š Somying literally lives in her world, not just plays an animation. Gamepad support on top of that is wild. Trying this now š„
How hot is too hot for a ginger?
Currently working on a submission for the Rive x Contra Character Challenge. Building off an old idea, simply type in a city, and the animations will be changed based on that. Then you'll know how hot a ginger will get!
And guess what? This respects Reduce Motion setting in your OS*. I'm very glad to get this feature in, and it was really straightforward to set up.
The plan will be to link up with a weather API and the whole thing will run live on a website sometime in the near future.
For now, last few days to push and polish this!
*once it runs on a website and not solely in Rive
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
MagicPath
The canvas is infinite, and exploration is becoming the workflow. How are you using MagicPath?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. Whatās yours right now?