Outdoor & Structures · Real-time WebGL
3D ADU Configurator
A real-time 3D ADU configurator — set the siding, roof, trim, layout and size of a backyard accessory dwelling unit, and rotate the actual building as windows, doors and roofline update with live pricing. A working WebGL demo of the ADU configurators Lumien builds for ADU and prefab-home builders.
Live WebGL demo
Configure your ADU
starting build
$48,000
Indicative pricing for demonstration. This is a live example of a real 3D configurator Lumien builds — connected to your real catalogue, rules, and pricing.
What a adu configurator fixes
- A studio vs. an 800-sq-ft one-bed are completely different homes and prices — a brochure can’t convey either.
- Prospects can’t visualise siding-roof-trim combinations, so they stall before they ever book a consultation.
- Sales teams rebuild the same configurations and ballpark prices by hand for every lead.
What we build in
Real WebGL ADU
A true 3D unit the prospect can orbit — siding, roof, trim and size re-render instantly, not a gallery of renders.
Siding, roof & trim library
Every exterior package you offer, modelled to scale with accurate colour and per-option pricing.
Layout & size pricing
Studio, one-bed or L-shape across 400–800 sq ft — the price reflects the real model, not a single "from" figure.
Qualified leads
A finished build becomes a qualified lead — known model, exterior, and budget band — delivered into your CRM before the first call.
Fast & lazy-loaded
The 3D engine is code-split and loads only here, so the rest of your site keeps its Core Web Vitals.
On-brand & embeddable
Your models, your finishes, your prices, your brand — on a product page, a landing page, or a sales-centre screen.
What it does for the business
+44%
consultation requests from configured visits
−32%
time to a qualified, priced lead
3.7×
time on page vs. a static model page
Representative ranges from product-configurator implementations, not figures measured on this demo. Actual results depend on your catalogue, traffic, and industry.
Who uses it
From catalogue to conversion
Scope & catalogue
We map your products, options, materials, and pricing rules into a clean configuration model — the foundation everything else is built on.
Design the experience
A fast, on-brand UI: real-time preview, intuitive pickers, live pricing, and a clear path to a quote, lead, or checkout.
Build & integrate
We connect the configurator to your store, CRM, or ERP so the chosen spec and price flow straight into orders and fulfilment.
Launch & optimise
We ship it, measure engagement and conversion, and tune the options, rules, and funnel against real data.
Questions, answered
Is this a real 3D ADU configurator?
Can you load our real ADU models?
Does pricing reflect size and layout?
Does it capture leads?
Will the 3D slow my site down?
Explore other industries
Build a adu configurator your customers love
Tell us about your products and goals. We’ll scope a configurator that fits your catalogue, your stack, and your numbers.