Case Study · Interactive Design
NASA Lunar Module · HMI
A Human Machine Interface for the NASA Lunar Module — an interactive animation concept built from the ground up inside Rive.
My role
Tools
A Human Machine Interface for the NASA Lunar Module — an interactive animation concept built from the ground up inside Rive, the interactive graphics editor.
Created for the HMI Interactive Graphics Challenge hosted by Rive in partnership with Contra. The design and its data follow real mission systems as closely as possible — but not entirely.
Parts of the actual Apollo 11 Lunar Module code were used in the design.
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 HMI responds through its state machine.
02 · The Interactive Loop
The interface in motion
Watch the full HMI run — the interface loop as it would behave inside the module, driven by real Rive state machines.
03 · The Code
Apollo 11, under the hood
Parts of the actual Apollo 11 Lunar Module code were used in the design. This is the code that grounds the concept in the real mission.
04 · The Menus
Vehicle and crew
The core menus — the vehicle and the crew — designed as real Rive components that assemble into the full interface.
05 · The Menus, Zoomed
Detail, close up
Close-ups of the menu states, showing the level of detail carried through every screen.
06 · A View Back to Earth
The window design
The window design — identical to the Apollo 13 Lunar Module’s — framing the view back home.
07 · Components
Built from parts
The building blocks of the interface — the dock menu and the top shelf component, designed to be assembled into the whole.
08 · Research
Grounded in the real thing
A reel of the research that grounded the concept in real mission systems — the interface, the module and the way astronauts actually flew it.