Inspect
Rotate, zoom and move between prepared camera angles to understand the product form and physical layout.
Interactive Product Lab
A real product, turned into an interactive sales and training experience.
Explore the MLCDF7 directly in the browser. Rotate it, inspect the controls, test screen behavior, and move through guided product interactions without installing specialist software.
GLB
WEBGL
THREE.JS
BROWSER BASED
TOUCH READY
Live Product Experience
Use the product — do not just look at it.
The viewer uses the real GLB model and guided interaction logic. Start with the three active modes, then use the camera and view controls to inspect the product from different angles.
Three active modes
Different interactions for different product questions.
Buttons
Use documented controls inside the simulation to explain button behavior and product functions during a guided presentation.
Touch screen
Demonstrate screen states and touch behavior as part of the product story instead of relying on static screenshots.
Interaction system
The experience is built around product navigation, not a passive render.
The current viewer already supports camera presets, drag rotation, zoom, reset, fit, auto-rotation and fullscreen. These controls turn the same model into a reusable presentation tool.
Interactive Business Lab
One 3D product. Six business applications.
Six separate interactive systems are presented below. Each one solves a different business problem and will be connected to real 3D models, product data, hotspots and workflows as we complete the Lab application by application.
01
ConfigureProduct Configurator
01 / PRODUCT CONFIGURATOR
Configure the product before you present it.
The software structure is ready for real variants, materials, accessories and a live 3D model. For now, use this generic product shell to test the interaction flow.
Variant
Finish
WMIO
3D MODEL SLOT
LIVE CONFIGURATION
Variant A · Graphite
Wall mount · I/O module
02
PresentGuided Sales Experience
CAMERA TARGET
FULL PRODUCT
3D MODEL + HOTSPOT SLOT
02 / GUIDED SALES EXPERIENCE
Turn product knowledge into a guided sales presentation.
01 / GUIDED STEP
Overview
Start with the product purpose, its role and the key value the customer needs to understand first.
03
PlanInstallation & Environment Planner
03 / INSTALLATION & ENVIRONMENT PLANNER
See how the product fits before installation.
The values below are demo values only. Replace them with the real product and site dimensions when your model is ready.
2000 mm
1800 mm
PRODUCT
FIT CHECK
Fits within current dimensions
Remaining: 1100 mm W · 1200 mm H
Wall · 3D ENVIRONMENT SLOT04
TrainTraining & Troubleshooting Simulator
04 / TRAINING & TROUBLESHOOTING
Train people on the product before they touch the real unit.
This is a generic training engine. When your real model is ready, the answer buttons can become 3D hotspots, screen actions or physical controls.
STEP 1 / 3
DEMO WORKFLOW · REPLACE WITH REAL PRODUCT STEPS
Choose the control that starts the guided inspection.
INSPECT
SIMULATION STATE
WAITING FOR CORRECT ACTION
3D HOTSPOT / SCREEN ACTION SLOT05
CompareProduct Comparison Experience
05 / PRODUCT COMPARISON EXPERIENCE
Help customers choose between product variants.
The comparison engine is ready. The values shown here are demo specification data and should be replaced by your real SKUs, product metadata and camera targets.
LEFT PRODUCT
RIGHT PRODUCT
3D MODEL SLOT
Variant A
CAMERA: FRONT DISPLAY
VS
3D MODEL SLOT
Variant B
CAMERA: FRONT DISPLAY
06
ExploreExploded Product Explorer
06 / EXPLODED PRODUCT EXPLORER
Show what is inside the product.
The exploded-view control and part-selection logic are ready. Later we will replace the CSS demo layers with real named 3D meshes from your production model.
SELECTED PART
Core module
Internal functional area that can receive technical callouts or training explanations.
HOUSING
DISPLAY
CORE
POWER
CONNECTOR
ASSEMBLED
EXPLODED
REAL MESH NAMES + HOTSPOTS SLOTDEVELOPMENT ROADMAP
We now complete each application as a standalone product experience — Configure first, then Present, Plan, Train, Compare and Explore.
Built for real business use
One interactive product can support several customer-facing environments.
Sales presentations
Give sales teams a guided way to explain product details during meetings and remote presentations.
Technical training
Use product functions and camera views to support structured demonstrations and internal training.
Showrooms & exhibitions
Run the experience on a browser-based presentation screen or touchscreen beside the physical product.
Website product explorer
Embed a guided interactive product story into a web journey instead of limiting visitors to images and PDFs.
Runtime approach
A browser experience with a real 3D asset and reusable interaction logic.
This page does not publish decorative performance numbers. Runtime quality should be measured on the target device, network and final asset set before delivery.
Have a product to explain?