Derksen Buildings
A production Three.js configurator inside Derksen's existing PHP order flow — customers spec, color, and view their building in real time before they buy.
Customers were buying buildings sight-unseen.
Derksen sells custom storage buildings — every order is configured (size, doors, windows, paint, trim) and built to order. Without a way to visualize the configuration, customers had to mentally compose the result from a long form, then hope the delivered building matched what they imagined.
The job was to take that abstract spec sheet and make it a real, rotating, color-accurate 3D preview the customer could see before they paid.
Three.js inside the existing PHP order flow.
Rather than rebuild Derksen's order pipeline, the configurator slots into the existing PHP-driven order flow as a 3D layer. Every spec choice from the form drives a real-time scene update — geometry, paint, trim color, door / window placement — so the preview reflects the order state, not a generic stock model.
Deployed through GitLab into the production site at 3d.derksenbuildings.com.
A real customer-facing tool, not a demo.
Live inside Derksen's actual order pipeline at 3d.derksenbuildings.com/neworder. The configurator turns a spec form into a visual decision — what someone is buying is now what they are seeing.