Backyard pavilions and studios
The customer picks a pavilion or a studio, sizes it in feet, closes the sides, chooses the foundation and watches it all in 3D. You get the configuration with the estimate and the contact.
Demo version: submitting shows the completion screen, nothing is saved. Prices are ballpark.
For builders of modern backyard pavilions and studios. The 3D model takes one side of the window and stays there for the whole process: it becomes the building the customer picked, an open pavilion of thermally modified wood or an insulated studio closed with glass, takes the width and the depth in feet, closes the front and each side with a wall, a fixed window or sliding glass, puts on the siding, the stain, the metal and the floor, and furnishes itself with a sofa, a dining table or a hot tub. The site has its own step: the customer's slab, a slab you pour or concrete piers counted from the width, the distance for delivery by the mile and the HOA review. A footprint over the size the city exempts adds the building permit and its weeks, and the form says so while the sliders move. The estimate is before sales tax and every price is a parameter; one toggle hides the prices.
A backyard studio and pavilion configurator for your website collects dimensions, enclosure choices, finishes, and site work. Customers explore the building in 3D, while your team receives a defined scope and an estimate from your own rates.
A customer planning an outdoor dining space needs different choices from someone looking for an insulated backyard room. The example starts with the building type and dimensions in feet, then lets the customer configure the front and sides.
Walls, fixed windows, and sliding glass change the 3D model. Siding, stain, roofing details, flooring, and furniture previews help the customer explain the space they want before a site visit.
The site step distinguishes an existing slab from a new concrete slab or concrete piers. Delivery distance, HOA review, and the configured permit allowance become part of the estimate and timeline.
Heating, cooling, gutters, and a power connection are available as applicable options. Site conditions, utility scope, and local approvals still need confirmation when your team reviews the project.
Panel settings cover pavilion and studio square-foot rates, windows, sliding glass by the foot, siding, floors, and equipment. Foundation work, installation, and travel have their own charges.
You can maintain lead times, approval allowances, promotions, and estimate validity. Prices can be hidden when you prefer to discuss the scope before presenting a quote.
Compare an open pavilion on an existing slab with an enclosed studio that needs a new base. Change the glass, floor, and climate-control options, then check delivery mileage and the PDF against your own estimating process.
Yes. Customers can choose an insulated studio and configure walls, fixed windows, and sliding glass.
Yes. The site step includes an existing slab as well as priced foundation options.
Yes. The permit footprint threshold, charge, and review allowance are panel settings to match your service area.
Yes. Customer-facing prices can be switched off in the panel.
// live demo
I will show you live how it works from the company side: the panel, the leads and the PDF quote. Tell us what you quote and you get a link to pick a time by e-mail.

I run the demo myself: you will see how a form like this would work in your business.
Damian Krychowski, founder of Offerandum