Gateways Creative
Designing a Physical-Digital Interactive Experience
Tools
Figma · FigJam · Illustrator
Role
Product Designer (UX/UI, Interaction, Systems Design)
Project Type
Location-Based Gaming · Spatial UX · Interactive Systems
Overview
Gateways Cinescape is a location-based reality gaming experience that blends physical props with real-time projected interfaces.
For Ghost Writer’s Study, I designed the interactive UI systems supporting a 4-vs-1 asymmetric horror gameplay experience.
The Challenge
Top-down view of the mansion, ensemble room on the left and solo player at the right
One Room. Two Realities.
Design a synchronized experience for:
4 hunters sharing a projected interface
1 ghost operating from a private control room
System 1: The Shared Projection
The Gothic Window Interface
The projected window acts as the hunters’ shared source of truth.
It communicates:
Time remaining
Hearts remaining
Power state
System-wide events
The hierarchy was designed for under-one-second comprehension.
System 2: The Interaction Loop
Detect. Stun. Capture.
The hunter experience follows a tight feedback cycle:
Each state required:
Distinct visual feedback
Clear audio reinforcement
Instant system synchronization
Stun & Capture States
System 3: Solo Ghost Controller Room
From behavioral The Hidden Strategic Layer, I identified four types:
The ghost operates from a private command interface providing:
Real-time spatial awareness
Health tracking
Ability control
Stun feedback
This dashboard empowers strategy while maintaining clarity under time pressure.
Designed for Scalability
Modular Framework
The system supports multiple ghost characters through:
Standardized health logic
Reusable animation states
Modular ability structures
New characters can be introduced without redesigning the core interface.
Outcome
The final experience:
Clearly differentiates player roles
Maintains readable feedback during fast gameplay
Supports scalable character expansion
Creates tension through intentional information imbalance