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
Zooly is the brand mascot and the AI chat assistant for a pet boarding SaaS. He is built entirely in Rive and runs live in production at zooly.pet.
He is a working assistant with real tooling. He pulls live booking data, raises support tickets, and searches the knowledge base to answer questions. Helpful, useful, and fun.
He also reacts to what happens in the app. Confirm a booking and he fist pumps, open the chat and he waves, go idle and he drifts from bored to sleepy, and he cracks animal jokes and laughs at them. His eyes follow your cursor, and 160+ contextual lines keep him from repeating himself.
How it is built:
One ZoolyStates state machine. A mood input drives 8 fully rigged poses (idle, talking, roar, happy, excited, curious, bored, sleepy) at 60fps.
A second Expression overlay layer composites gestures (wave, fist pump, curious tilt, laugh) over the current mood, driven by a Rive View Model.
2D eye tracking binds lookX and lookY to the cursor position.
The rig is built for a whole cast. Every character shares the same numeric contract, so each app domain gets its own mascot with a personality suited to it. A falcon runs security, a penguin runs care, a quokka runs bookings. They render Zooly's rig as stand-ins until their artwork is commissioned.
That cast also cuts decision fatigue. Each character only raises what matters in its own domain, so who is talking to you tells you what kind of thing it is before you read a word.
Interactions: eyes follow the cursor, right click to roar, rub his belly for excited, drag him and his arms go up.
Amazing😻
What a fun little Zooly friend! Love his facial expressions. ❤️
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
Meet Sol,
my entry for Rive x Contra interactive character challenge.
Sol is a data-driven and interactive Weather Dashboard.
Sol reacts to live data inputs - temperature, windspeed, precipitation and weather state (cloudy, rain, heavy rain etc.) influence his emotions and behaviors.
He gets happy, sad, relieved and scared - depending on the mix of those data inputs. Those data points also influence his surrounding. Rain, Snow or Hail get thicker as precipitation rises.
As the Wind gets stronger you see a visual representation of the flowing air and rain starts to fall at an angle.
If it gets really stormy you might see Sol having a hard time staying in place.
Temperature directly influences Sol's color and behaviors - if temperatures drop low you see him turning blue, his lips start to shake and if it's really cold his whole body will start shaking. As it gets hotter his color changes to orange and red, he will start to sweat and if it gets too hot you will see him start panting.
During the day he is a quirky fella, but if it turns night he will have trouble staying awake and fall asleep after a few seconds - you will always be able to wake him up but he will go back to sleep if you don't move your mouse.
There is also a 7-day forecast he will react to.
Sol is now live on our website and linked up to worldwide weather data - feel free to enter your hometown to see how Sol would feel there.
Or (if you're up for adventure) try the „surprise me" button and travel to random places all over the world. Sol will have a look at your actions if you choose to hover over that one - he is very curious.
One final thing — if you enjoy Sol's company, he is up for a game.
Click on Sol to start a mini game where you have to catch rising bubbles. If you manage to catch more than 80% you will reach the next (a bit more difficult) level. There are 11 of them waiting for you.
Creating Sol was a lot of fun and a nice learning experience.
Setting up the data-driven emotion system that mixes emotions for eyes, pupils, mouth shape, mouth movement, face movement and body movement depending on different data points. Connecting everything via data binding, creating custom scripts and converters for additional functionality and hooking everything up to an API (with last-minute ideas like the „surprise me" button and Sol's behavior when you use it) was a lot of fun.
Try the real world data-driven version here: https://www.treetop.at/sol
Or look a bit more under the hood: https://rive.app/s/1ErADmKwg0_PAbOqW75XYQ/?runtime=rive-renderer
Let me know what you think of Sol — what other features would have been fun?
That's so much fun to watch! 🙌
Game, I am working on with Rive.
No AI agent involved.
You can test the realistic game character animation on
https://rive.app/marketplace/27960-52834-interactive-game-character/
Meet Flurry
This is my submission for the Recraft Challenge, Flurry is a mobile app mascot that lets you monitor your mental state of mind and gives you advices on how to maintain a good well-being, you can also play with Flurry, if you are feeling bored and even also talk with Flurry.
This project is close to me because I also used to battle with some mental health stress and it really took a toll on me but I am super glad to build something that solves that problem with @Recraft
The character was built using descriptive prompts and I also built out some social media images and video ads to demonstrate mascot consistency across all assets.
If you can relate with the purpose of Flurry, let me know what you think
Project link: https://www.recraft.ai/project/9592b477-2038-4019-b423-b40de0845592 :
Clean
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?