Modular Rive Character System for Music-Driven Interactions

0

22

The Triple Espresso Heart-Stopper Quiz Redesign

2

38

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

444

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

623

Jairo Ruiz

Engaging animations that solve real user problems