Case Study · Interactive Design
X-Ray E-Learning
A drag-to-peel X-ray e-learning experience — slide the control and the vehicle opens, layer by layer, to reveal exactly what’s inside.
My role
Tools
Interactive components are becoming the new way to learn. Instead of a video that explains a car, this experience lets you peel the car open yourself.
The centrepiece is the X-ray slider — a drag interaction that opens the vehicle layer by layer. Built in Rive as a real state machine, so the peel responds to your hand.
Below: the embedded demo, the interaction running inside the course, and the slider in action.
01 · Try It
A living demo, right in the case study
The actual Rive file, embedded here. Hover to engage — the interact pill lifts away and the drag interaction takes over. Slide to peel the vehicle open.
02 · In the Course
One interactive component, a whole lesson
The X-ray runs as a live component inside the course — learners drag, explore and understand the vehicle from the inside out.
03 · The X-ray Interaction
Drag to peel it open
Watch the slider interaction in action as it opens the vehicle, layer by layer, to reveal its internals.