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
Rive Mascot Animation
Project Overview
Design an expressive, interactive mascot animation in Rive that reacts to user actions and brings personality into the product experience.
Role: Rive Animator
Services:
- Character redrawing (AI raster → clean vector)
- Interactive Rive mascot animation (only 40 Kb)
Tools: Rive, Adobe Illustrator
Process:
1. Character Preparation
The character was originally generated as a raster AI image. I manually rebuilt it as a clean, fully vector-based character, optimized for animation.
2. Rigging & Animation States
I prepared the character for animation and created several expressive states, including:
- Idle
- Happy
- Smiling
- Winking
To make the mascot feel more alive and responsive, I added an interactive behavior where the mascot follows the user’s mouse cursor when it gets close.
Thanks a lot! So happy to hear you love it =)
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
Shopping UX hits different when motion meets sound.
Built a fully animated shopping experience prototype with satisfying sound effects for every interaction. Sound ON 🔉
bro this feels so smooth, that sound effect on search is such a nice touch
One scene, from the rough visual to the final shot 👀
Made a quick breakdown of how the 3D, lighting, materials, textures, and motion came together.
This is probably my favorite kind of content to make. Just showing how the thing actually gets built.
A SaaS interface can look cinematic. That first impression can make people want to explore the product.
These style frames were designed for Rivet Health’s product video, using light, scale and 3D depth to build emotion around the real UI.
Love how the 3D depth makes the real UI feel cinematic without losing focus on the product.