pro
Jairo Ruiz
Engaging animations that solve real user problems
- $1k+
- Earned
- 7x
- Hired
- 4.80
- Rating
- 29
- Followers
This project brings together UI design, motion, and interaction. I worked on color grading and layout to improve visual clarity, and added microinteractions in Rive to make the experience feel more engaging and responsive.
Some of the main challenges were optimizing a PNG sequence for a 3D interactive glasses element, and designing an intro that captures attention in the first few seconds without relying on heavy effects. I also explored Rive scripting to build a small particular interactive system that responds to user behavior and enhance the overall look of the interface.
Overall, the project reflects an approach where visual design, motion, and interaction are treated as a single system rather than separate layers.
1
4
167
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.
27
304
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
595
The Triple Espresso Heart-Stopper Quiz Redesign
1
8
UX Motion Spark #1: Almost Unlocked!
0
7
Jar of Coins: Gamifying Savings with Interactive Animation
1
4
Cozy Landing Page Hero Animation
1
13
Sanctuary of Goals: Narrative Microinteraction
2
28
Vibe weekend app
1
28
Day/Night Mode Toggle – Interactive Microinteraction in Rive
2
9