Outdoor & Structures · Real-time WebGL

3D Facade System Configurator

A real-time 3D facade configurator — set the mullion frame, glazing or panel colour, the system (curtain wall, rainscreen or mixed) and the grid size, then rotate the actual façade as the aluminium grid and panel infill rebuild with live pricing. A working WebGL demo of the facade system configurators Lumien builds for façade manufacturers, glazing contractors and building-envelope specifiers.

Loading 3D…
Real-time 3D · drag to rotate · scroll to zoom

Live WebGL demo

Configure your facade system

Mullion frameBlack Aluminum
InfillBlue Glass
System
Grid

starting system

$38,000

Build this for us

Indicative pricing for demonstration. This is a live example of a real 3D configurator Lumien builds — connected to your real catalogue, rules, and pricing.

Your specMullion frame: Black AluminumInfill: Blue GlassSystem: Curtain wall (glass)Grid: Small (3×3)
Why it matters

What a facade system configurator fixes

  • A glazed curtain wall and a solid rainscreen panel look and cost completely differently — a flat elevation drawing can’t show a specifier the difference.
  • Per-square-metre envelope pricing is hard to explain, so every "ballpark?" turns into a manual takeoff from the architect’s grid.
  • Orders go wrong when the mullion, panel colour, system and grid on the shop drawing don’t match the quote that was signed.
Capabilities

What we build in

Real WebGL façade

A true 3D curtain wall the specifier can orbit — mullion frame, panel colour and system re-render instantly, not a deck of rendered stills.

Full envelope option library

Curtain wall, rainscreen and mixed systems, glazed or solid infill, and a grid that re-bays to scale — each modelled with its own pricing.

Rule-based live pricing

Mullion frame, glazing or panel colour, system and grid size drive the total using your real per-square-metre and per-bay rules.

Spec-accurate quote output

The exact configuration becomes a takeoff, quote or order so fabrication and install build precisely the envelope that was sold.

Fast & code-split

The 3D engine is code-split and loads only on this page, so the rest of your site keeps its Core Web Vitals.

On-brand & embeddable

Your systems, your finishes, your prices, your brand — on a product page, a project landing page, or a contractor portal.

Impact

What it does for the business

+34%

more qualified façade enquiries from configured projects

−41%

less time on manual envelope takeoffs and re-quotes

2.9×

time on page vs. a static system catalogue

Representative ranges from product-configurator implementations, not figures measured on this demo. Actual results depend on your catalogue, traffic, and industry.

Built for

Who uses it

Façade & curtain wall manufacturersGlazing & glazed-wall contractorsRainscreen & cladding suppliersAluminium systems fabricatorsArchitects & building-envelope specifiersCommercial construction estimators
How we build it

From catalogue to conversion

01

Scope & catalogue

We map your products, options, materials, and pricing rules into a clean configuration model — the foundation everything else is built on.

02

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.

03

Build & integrate

We connect the configurator to your store, CRM, or ERP so the chosen spec and price flow straight into orders and fulfilment.

04

Launch & optimise

We ship it, measure engagement and conversion, and tune the options, rules, and funnel against real data.

FAQ

Questions, answered

Is this a real 3D facade system configurator?

Yes — it’s live, interactive WebGL. Drag to rotate the façade, scroll to zoom, and change the mullion frame, glazing or panel colour, system or grid size to see the model and price update in real time.

Can it load our curtain wall and rainscreen systems?

Yes — curtain wall, rainscreen and mixed systems, with glazed or solid infill, are each modelled to scale, and we load your exact frames, panel finishes and grid options.

Can it price the envelope by area and bay?

Yes. Mullion frame, glazing or panel colour, system and grid size drive the price using your real per-square-metre and per-bay rules — not a flat number.

Can a specifier get a quote or takeoff?

Yes — a completed build becomes a takeoff, quote or order with the full spec and price, delivered into your inbox, CRM or ERP as a qualified lead.

Will the 3D slow my site down?

No. The WebGL engine is code-split and loads only on the configurator page, with adaptive resolution for mobile, so your Core Web Vitals stay intact.

Build a facade system 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.