Collaborative Canvas
Low-latency multiplayer spatial ideation space for creative teams
Role
Full-Stack UI Architect
Timeline
8 Weeks
Tools
WebGL, React, Supabase
Context
Stanford Capstone
[ Flagship Interactive Video Demo ]
Looping 15-second walkthrough of the finished live application
01. The Need & Human Friction
Through qualitative field interviews with 12 target participants, we observed that traditional digital tools enforce strict linear hierarchies that stifle ambient thought. Users felt burdened by premature organization.
“The core tension: Users crave structured memory retention, but abandon systems that force cataloging before synthesis.”
02. Explorations & The Critical Pivot
Initial paper prototypes leaned into calendar grids. During CS 147 usability test sessions, however, 4 out of 5 users ignored dates altogether and clustered cards by mood and sensory cues.
[ Low-Fi Paper Sketches vs. High-Fi Vector Models ]
Side-by-side progression showing the iteration after usability testing failure
03. Systems, Architecture & Polish
To keep interactions under 16ms per frame, state management was decoupled into localized context stores. Typography scale and color tokens were engineered to maintain WCAG AAA contrast ratios dynamically.