LAB / 003 Spatial Interface
Live Prototype

3D Product Configurator

A browser-based product configurator that combines spatial inspection with live specifications and cost logic.

Technology
CSS 3D / Pointer Events / Configuration Logic
Mode
Runs locally in browser
OPEN EXPERIMENT
01 / QUESTION

What It Tests

Can a lightweight web experience explain a configurable product before photography or a full 3D pipeline exists?

02 / METHOD

How It Works

CSS transforms create a manipulable model while interface controls update format, finish, capacity, dimensions and estimated prototype cost.

03 / USE

Useful For

  • Product planning
  • Sales configuration
  • Technical demonstrations
  • Preproduction visualization
INTERACTIVE PROTOTYPE / 03

Test The System

Rotate the module, change its configuration and use exploded view to inspect the assembly.

SELECT A VIEW
FINISH
FORMAT
FOOTPRINT
240 × 160 mm
I/O
16 channels
ESTIMATE
$1,480

CONFIGURATION READY

CONTROL MODULE / 01 Drag the object or use the arrow keys.

FRONT / GRAPHITEDRAG TO ROTATE
COMPACT / 16 CH / GRAPHITE