pro
Jairo Ruiz
Engaging animations that solve real user problems
- $1k+
- Earned
- 4x
- Hired
- 4.80
- Rating
- 29
- Followers
The Triple Espresso Heart-Stopper Quiz Redesign
1
11
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
240
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
371
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
687
I found a really interesting insight about exercise: sometimes the hardest part is not the workout, it is figuring out what to do. Choosing exercises every week can create mental overload and make fitness feel more like a task than something enjoyable. But a healthy routine needs both effort and joy. That is why we created these tarot-inspired cards, to make choosing your next exercise feel more fun, simple, and meaningful.
I made this video to share the card designs I created for an app concept developed during a Design Thinking course. The next step is to build the interactive version of the cards in Rive. I hope you enjoy them.
1
121
UX Motion Spark #1: Almost Unlocked!
0
7
Jar of Coins: Gamifying Savings with Interactive Animation
1
4
Cozy Landing Page Hero Animation
1
16
Sanctuary of Goals: Narrative Microinteraction
2
31
Vibe weekend app
1
32
Day/Night Mode Toggle – Interactive Microinteraction in Rive
2
9