Case Study · Interactive Design
E-Learning Car UI
An interactive e-learning car UI — an automotive interface built as a live Rive state machine, ready to sit inside a course as a component learners can touch.
My role
Tools
E-learning is moving from videos to experiences you can touch. This car UI is an interactive automotive interface built to live inside a course — a dashboard learners explore, not just watch.
Everything is built in Rive as a real state machine, so the interface responds to the learner instead of playing back. The actual Rive file is embedded below — hover to engage and drive it yourself.
The project covers the visual system, the surface and the motion — from locked style frames to the state machines that make every control feel alive.
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 state machine takes over.
Press X-ray to start
02 · Style Frames
The look, locked before motion
Style frames establish the visual system before anything moves: the dashboard, the controls and the calm, focused palette that keeps learners on-task.
03 · The Interface
A car UI built to be touched
The surface learners actually interact with — controls, states and transitions all wired as Rive state machines, so the motion is part of the design, not added on top.
04 · In Action
Watch it drive
A screen recording of the car UI responding in real time — every button press and state change handled by the state machine.