Wizlah Web
Overview
An interactive 3D web application that lets homeowners and interior designers design and visualize their living spaces directly in the browser, exploring floor plans, placing furniture, and interacting with objects in real time.
The Problem
A 3D design tool only works if the UI and the 3D scene feel like one thing, which meant tightly integrating traditional UI components with complex 3D interactions. The challenge was making sure actions in the interface, like selecting, editing, or managing items, stayed in sync with the 3D scene without hurting performance or usability.
The Solution
I integrated the 3D interaction capabilities the 3D team built into the frontend application, wiring functions like add, rotate, duplicate, and remove into the UI layer so the interface stayed in sync with the 3D scene. I used Redux Toolkit to manage global state for selected objects, interactions, and UI panels, which let the 3D canvas and the application logic talk to each other reliably. I also built the dual-panel experience, Marketplace and My Space, so users could browse assets and manage placed items in one place, and added Google Analytics tracking to capture interaction patterns for product insights.
Impact & Results
Seamless UI + 3D sync
User Experience
Was: Disconnected interactions · Smooth real-time interactionUnified flow
System Integration
Was: Separate layers · UI and 3D engine connectedAdvanced
Interaction Handling
Was: Basic · Multiple object actions supportedUI + 3D integration
Architecture
Was: UI-only · State-driven interaction model