Pro
Jairo Ruiz
Engaging animations that solve real user problems
- $1k+
- Earned
- 6x
- Hired
- 4.80
- Rating
- 24
- Followers
I built an interactive hero landing section entirely in Rive. The project centers on a rigged character that responds in real time to the user’s cursor, turning the hero into an interactive surface rather than a passive animation. Alongside the character, I animated the headings and CTA to create a cohesive motion system that reinforces hierarchy and interaction. This project explores how Rive can be used for hero-level UX, where motion reacts to user input and remains lightweight, scalable, and production-ready.
26
167
For this @Rive x @Contra HQ Challenge, I wanted to explore an idea that was technically demanding from a data-binding perspective, but still centered around a small story. My goal was for the technical side to become a vehicle—something that supports and amplifies the experience, rather than overshadowing it.
I started with something simple: a candle crossing a dark forest, trying not to be consumed by the shadow.
The entire piece—animation, interaction, and logic—was built inside Rive, and the narrative emerges from how each variable reacts in real time.
I hope you enjoy this little experiment as much as I enjoyed creating it.
6
35
614
The Triple Espresso Heart-Stopper Quiz Redesign
1
6
UX Motion Spark #1: Almost Unlocked!
0
3
Jar of Coins: Gamifying Savings with Interactive Animation
1
2
Cozy Landing Page Hero Animation
1
9
Sanctuary of Goals: Narrative Microinteraction
2
23
Vibe weekend app
1
21
Day/Night Mode Toggle – Interactive Microinteraction in Rive
2
8