IDCOLAB
Immersive 3D Visualisation
Where design gets decided — a visual-first collaboration platform for interior designers
Understanding
the Problem
Interior designers struggled with fragmented workflows — sharing renderings via email, collecting feedback through scattered WhatsApp messages, and losing track of design revisions. IDColab needed a cloud-native platform that could render 3D models and 360° panoramas directly in the browser, with a collaborative file management system that felt as intuitive as Google Drive.
Architectural Execution
Architected a Next.js application with server-side rendering for SEO and fast initial loads, backed by AWS S3 for high-performance asset delivery
Integrated Babylon.js for real-time 3D model rendering with camera controls, lighting, and material editing — all running at 60fps in the browser
Built a pannellum-react powered 360° panorama viewer with hotspot annotations, allowing designers to pin comments directly onto immersive scenes
Developed a Google Drive-inspired file/folder system with drag-and-drop upload, nested folders, sharing permissions, and version history tracking
Created a responsive layout system that adapts flawlessly from 85-inch smart TVs to mobile phones, using CSS container queries and fluid typography
Implemented real-time collaboration features including pinned comments, activity feeds, surveys/polls, and project timelines
Production Interfaces
Real-world production screens and core user journeys architected and shipped for IDCOLAB.
Virtual Interior Studio & 3D Viewer
Browser-based 3D workspace rendering complex interior models with real-time lighting and texture manipulation using Babylon.js.
Impact Delivered
Core Engineering Stack
Next.js
SSR framework & routing
Babylon.js
3D model rendering engine
pannellum-react
360° panorama viewer
AWS S3
Cloud asset storage & CDN
TypeScript
Type-safe codebase
TailwindCSS
Responsive design system
Replenish MD
Medical Operations Platform
Read Case Study