Cross-platform access
The experience remains accessible and consistent across supported devices and screen sizes.
Case study — Digital Experience
360WorksWebXR Builder & Viewer
Browser-based 360° VR/AR training scenario authoring tool and immersive viewer
- Client
- 360Works
- Role
- Product design & 3D engineering
- Platform
- Web · Mobile & Desktop
01 — Overview
A clearer way through a complex experience
Browser-based 360° VR/AR training scenario authoring tool and immersive viewer
Delivered across 6 milestones in ~4 months. Migrated from R3F v5 to production TypeScript/R3F v9. Frame-accurate video sync engine with lag compensation during buffering.
~4 monthsTimeline
6Milestones
Frame-accurateSync
4Core phases
The Challenge
The Challenge
A VR/AR training company needed to move from an unstable Replit prototype to a production-grade authoring platform for interactive 360° training scenarios.
The Solution
The Solution
We built a full-stack WebXR platform with two apps: a React drag-and-drop Builder for placing interactive elements on 360° videos with a visual timeline, and a high-performance Viewer supporting desktop, mobile touch/gyro, and VR headset modes.
The System
A connected system built for the experience
The experience combines TypeScript, React, React Three Fiber, Three.js in a responsive system designed to stay clear, fast, and reliable across devices.
The Outcome
A measurable result, designed into the product
Delivered across 6 milestones in ~4 months. Migrated from R3F v5 to production TypeScript/R3F v9. Frame-accurate video sync engine with lag compensation during buffering.
Built around the moments that matter
Visual editing tools
Visual editing tools let users create and refine content through direct, intuitive controls.
Form and intake workflows
Structured forms simplify data collection and guide users through complete submission workflows.
Media streaming
Integrated media streaming gives users richer visual context without leaving the platform.
Browser-based access
The system runs in the browser, reducing setup friction across supported devices.
Training
Training is built into the system as a core user-facing capability.
Inside the experience
Delivered across 6 milestones in ~4 months. Migrated from R3F v5 to production TypeScript/R3F v9. Frame-accurate video sync engine with lag compensation during buffering.
Project TeamSaailverse case study
Next ProjectTech Summit — 3D Navigation & Info PortalData Visualization