Case Study · Interactive Design
EV Automotive App
An interactive electric-vehicle charging app built entirely in Rive as a live state machine — a mobile interface learners can tap, explore, and charge by hand.
My role
Tools
Electric vehicles are only as good as the experience of charging them. This app reframes that moment as something people actually want to touch — a mobile charging dashboard where every tap, slider, and state change is driven by real Rive state machines, not a looping video.
Everything lives in the Rive file embedded below. Hover to interact — the Interact pill lifts away and the interface comes alive, responding to input the way a real app would, from battery draw to charge status.
The project covers the full UI system: the visual language, the screen transitions, and the state logic behind the interactive controls — from fixed style frames to the state machines that make each tap feel alive.
01 · Try It
A live demo, straight in the case study
The actual Rive file, embedded here. Hover to interact — the Interact pill lifts away and the state machine takes over. Tap the solar input and reserve battery buttons to slide the drawers up. Drag the charge level under the phone and watch the app respond in real time.
Hover to interact · drag the charge level below
02 · The Dashboard
The charging dashboard, hands-on
The surface learners actually interact with — inputs, states, and transitions, all wired as Rive state machines so the movement is part of the design, not added on top.
03 · The System
The visual system behind it
Style frames and the live in-course view — the visual language and the way the same interface runs inside the course as a real, interactive component.
