← index

gaming/ · 05

Car Game UI

A code-free, AAA-style racing game UI built entirely in ProtoPie Studio, with animated splash sequences, dynamic loading screens, out-of-game menu navigation, and synchronized audio feedback.

Fig. 1. Full game UI menu flow with video intro, loading screen, and interactive out-of-game menu navigation in ProtoPie.
Fig. 1. Full game UI menu flow with video intro, loading screen, and interactive out-of-game menu navigation in ProtoPie.

01 problem

Game studios often spend significant engineering resources rebuilding and testing UI directly inside engines like Unreal or Unity. When UI designers have no way to validate menu flows, transition timing, and sound design ahead of time, iteration loops slow down and the handoff between UI designers and engine developers gets clunky.

02 approach

Designed an arcade-style racing game UI (inspired by the Need for Speed franchise) with intro video transitions, loading screens, and out-of-game menus.

Formulated modular navigation logic in ProtoPie Studio to handle controller/button inputs and screen state shifts.

Integrated synchronized audio cues and micro-interaction animations for tactile menu hover and selection states.

Packaged the prototype as a proof-of-concept targeting game studio design pipelines.

03 stack

prototype ProtoPie Studio · AAA Game UI
media Embedded MP4 video, stereo audio triggers, Lottie
interactions Code-free state triggers & menu navigation

04 outcome

Fully playable UI flow with audio and video transitions created without engineering support or engine rebuilds
Speeds up UI validation and developer handoff by proving interactions before implementation in Unreal or Unity

The prototype showed that game UI designers can build, test, and refine end-to-end game menus with full interactive fidelity outside of a game engine. Studios can settle UI decisions early, save developer time, and align on technical direction before native engine integration begins.

05 artifacts

video youtu.be/Ky4jgRSuSBY