OfficeQuest
Project Type:
Game-Based Learning Project
Role:
UX/UI Designer · Interactive 3D Experience Designer/Developer
Platforms:
Unity · Cinemachine · Canvas UI · TextMeshPro · ProBuilder · Figma
Location:
New York, NY
Timeline:
Oct, 2025 (2 weeks)
Companion-Based AR Wayfinding
Project Overview
OfficeQuest turns traditional onboarding into a playful, interactive learning journey inside a virtual office. Built in Unity using the Unity Japan Office environment, it helps newcomers explore key spaces and understand workplace culture through short, contextual “learning moments.”
Problem
Most onboarding is passive and easy to forget—slides, PDFs, and one-time tours that don’t build real spatial familiarity. New employees often enter an office without knowing where things are, what matters, or how teams operate—slowing confidence and integration.
Goals
-
Make onboarding more engaging and memorable through exploration and micro-tasks.
-
Build spatial familiarity with key rooms and departments before day one.
-
Deliver essential information in context, not as a long document.
-
Reinforce progress with simple feedback and completion moments.
Problem:
Idea:
Indoor navigation makes people stop, hesitate, and constantly “re-orient” using 2D maps.
Replace map reading with instinctive following through a calm companion and environment-anchored cues.
Solution:
Outcome:
A cat guide + ground-anchored Paw Trail + Target Point that reinforces spatial trust.
A coherent spatial UI concept + prototype direction for hands-free wayfinding on smart glasses.
Game Mechanics — “Collect, Unlock, Learn”
Core loop: Explore → Discover → Unlock → Learn → Progress
-
Explore: freely navigate the office environment.
-
Discover: subtle glowing Info Points highlight relevant locations and objects.
-
Unlock: approaching an Info Point reveals a Knowledge Card (facts, visuals, rules, or a tiny task).
-
Learn & Progress: completing tasks unlocks badges or new areas.
-
Completion: a summary screen reflects what was explored and learned.
A quick Unity editor walkthrough showing how the OfficeQuest UI system is structured in-scene (Canvas hierarchy, button interactions, and Knowledge Card triggers).
Implementation Snapshot
Implementation Highlights
-
Built navigation and interaction logic in Unity (HDRP/URP).
-
Used Cinemachine for the intro walkthrough and guided framing.
-
Designed and implemented Canvas UI Knowledge Cards, badges, and progress states.
-
Created custom signage and cues using ProBuilder + TextMeshPro.
-
Prototyped UI layouts and content structure in Figma.
OfficeQuest’s UI is designed to support exploration without interrupting flow.
The system combines quick navigation controls, contextual knowledge cards, and progress feedback into a clean, game-like structure—helping users stay oriented, discover key locations, and track learning milestones in a lightweight way.
UI Elements (System Overview)
-
Navigation & Location Panel: Fast access to key areas and an “Enter Office” entry point for immediate onboarding.
-
Knowledge Cards: Context-based info modules tied to rooms and objects, designed for quick scanning and retention.
-
Progress Tracking: Clear feedback through collected cards, badges, and completion status to reinforce momentum and motivation.
Key UI components
-
Navigation & Location Panel: Fast access to key areas and an “Enter Office” entry point for immediate onboarding.
-
Knowledge Cards: Context-based info modules tied to rooms and objects, designed for quick scanning and retention.
-
Progress Tracking: Clear feedback through collected cards, badges, and completion status to reinforce momentum and motivation.
Outcomes
-
Delivered a desktop onboarding prototype that makes office orientation interactive, repeatable, and memorable.
-
Demonstrated how spatial learning + game mechanics can improve engagement compared to static onboarding docs.
-
Created a scalable structure that can adapt to different workplaces, departments, and onboarding content.
