Outdoor & Structures · Real-time WebGL
3D Architectural Panel Configurator
A real-time 3D architectural panel configurator — set the mullion frame, panel colour and material, choose the system (rainscreen by default) and grid size, and orbit the actual cladding as the price updates live. This is a working WebGL demo of the architectural panel configurators Lumien builds for rainscreen and facade-panel manufacturers, cladding fabricators, and the architects and installers who spec them.
Live WebGL demo
Configure your architectural panel
starting system
$24,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 architectural panel configurator fixes
- Frame-and-panel combinations run into the hundreds of finishes and materials — a sample chip or a PDF spec sheet can't show a specifier the real elevation.
- Rainscreen is priced per square metre across grid, frame, and panel — so every "rough budget?" turns into a manual takeoff before anyone commits.
- Orders and shop drawings go wrong when the frame colour, panel material, and grid on the design don't match what landed on the quote.
What we build in
Real WebGL panel system
A true 3D rainscreen the visitor can drag to rotate, scroll to zoom, and inspect — frame, panels, and grid re-render instantly, not a flipbook of photos or a render gallery.
Frame, panel & system library
Every mullion finish, panel colour and material, and system you actually sell — rainscreen, curtain-wall, or mixed — modelled to scale with correct colour and per-option pricing.
Rule-based live pricing
Frame, panel material, system, and grid size drive the total from your real per-panel and per-square-metre rules, so the price moves with every change instead of sitting at a flat "from" figure.
Spec-accurate takeoff & output
A finished design becomes a structured quote, takeoff, BOM, or qualified lead with the full spec and panel schedule — delivered into your inbox, CRM, or ERP, with no re-keying.
Fast & code-split
The 3D engine is code-split and loads only on this page, with adaptive resolution for mobile, so the rest of your site keeps its Core Web Vitals and rankings.
On-brand & embeddable
Your frames, your panels, your prices, your brand — embedded on a product page, a landing page, a spec portal, or a showroom kiosk, never a generic third-party widget.
What it does for the business
+29%
higher average order value on configured panel systems
−42%
less time on manual takeoffs and re-quotes
3.3×
time on page vs. a static product catalogue
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 architectural panel configurator?
Can you load our real frames, panels, and finishes?
Can it price a rainscreen by grid and square metre?
Can a customer get a quote or takeoff from their design?
Will the 3D slow my site down or hurt SEO?
Explore other industries
Build a architectural panel 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.