Wizlah Web
Overview
An interactive 3D web application that allows homeowners and interior designers to design and visualize their living spaces directly in the browser. Users can explore floor plans, place furniture, and interact with objects in real time within a 3D environment.
The Problem
Building a seamless user experience for a 3D design tool requires tight integration between complex 3D interactions and traditional UI components. The challenge was to ensure that user actions in the interface (e.g. selecting, editing, or managing items) remain fully synchronized with the 3D scene, while maintaining performance and usability across the application.
The Solution
I was responsible for integrating 3D interaction capabilities provided by the 3D team into the frontend application. This included wiring up functions such as add, rotate, duplicate, and remove into the UI layer, ensuring consistent state synchronization between the interface and the 3D scene. Redux Toolkit was used to manage global state for selected objects, interactions, and UI panels, allowing reliable communication between the 3D canvas and application logic. I also implemented the dual-panel experience (Marketplace and My Space), enabling users to browse assets and manage placed items efficiently. Google Analytics tracking was added to capture user 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