3D patio roof configurator | JSON Crew

3D configurator for steel sheet and insulated panel patio roofs

A demo for patio roof manufacturers and installers, built for the Australian market. The customer sizes the roof in millimetres, picks steel sheet or insulated panel, looks up at the ceiling and sees the price rise with every skylight and LED downlight.

Live demo · Australia and New Zealand

A ballpark price before you drive out to measure

Most patio roof enquiries end in a free measure and quote, so the first real figure arrives only after the site visit. This configurator first gives the customer a realistic price range and gives you an enquiry that already has the sizes, roof type, colours and extras in it.

It walks through ten steps: location, size, mounting, roof, ceiling and light, sides, colour, extras, how to buy and a summary. Every choice changes the model straight away, set beside a single-storey brick home with a COLORBOND® fence and a Sydney backyard. The demo runs on the Australian market (prices in AUD including GST, Australian standards), and a European manufacturer gets the same configurator with its own price list, colours and rules.

Steel sheet, insulated panel or open rafters

  • Steel sheet roof: ribbed steel sheet on a gutter beam, with purlins under the sheet. The roof colour comes from the COLORBOND® palette. Colours on screen are approximate, so check them against a physical sample before ordering.
  • Insulated panel roof: ribbed steel on top, a flat ceiling below, in 50 mm, 75 mm or 100 mm thickness. Roof and ceiling have separate colours, and a thicker panel spans further, so a deep patio roof can do without a mid beam.
  • Open rafters: a pergola with rafters and battens, no roof sheeting, for customers who want filtered shade.

Flat and skillion are one click apart. Flat runs at a 2° fall, the lowest the sheet allows, and skillion at 5°. The back beam stays where the house puts it, so a skillion lowers the front beam, and the model shows that as it happens.

Attached, freestanding or flyover

The Australian scene is a single-storey brick home with a low eave, so an attached beam has no room above the door, and the option says why. The usual answer is a flyover: the roof sits on brackets above the house roof, just behind the gutter, which raises the height of the patio roof. Freestanding stays available and adds its own back posts.

DimensionRangeStep
Width2400–8000 mm50 mm
Depth (projection)2000–6000 mm50 mm
Height at the house2400–3000 mm50 mm

The ceiling sells the upgrade

A drawing cannot show what a finished ceiling looks like. The “Ceiling and light” step moves the camera under the roof: the customer picks a ceiling colour, adds LED downlights in fours, sixes or eights and drops in up to three skylights. Daylight falls through each skylight onto the patio floor, and the price rises with every click.

How we calculate the price

The indicative price updates with every choice, and the “How is it priced?” button opens every line with its maths, e.g. “21.6 m² × 300 AUD”: site setup, the roof per square metre, gutter beam per linear metre, purlins or mid beams, posts, flyover brackets, skylights and downlights per piece, ZIP blinds and glass, installation per square metre and approvals (indicative). Prices include Australian GST.

The sample price table sits within the ranges a published 2026 cost guide gives for supply and install: a steel sheet roof, flat or skillion, from about 250 to 600 AUD per square metre, typically 400 AUD, and insulated panel from about 350 to 750 AUD, typically 550 AUD. In a deployment your own price list replaces it, in your currency as well.

DIY kit or installed

The “How to buy” step switches between supplied and installed and a kit delivered to site. A kit drops the installation and approvals lines, uses its own rates and adds a delivery line. The pack appears on the patio, so the customer can see what turns up on the truck.

Wind class, BAL and approvals

The first step picks a location: Perth, Sydney, Brisbane or Darwin, with a wind class to AS 4055, and a bushfire attack level from BAL-LOW to BAL-FZ. A higher wind class means more posts. At BAL-40 and BAL-FZ the insulated panel is blocked with the reason shown, and ZIP blinds switch to louvre walls.

In New South Wales the configurator asks you to check the approval path when the roof goes above the house gutter line or over 3000 mm at its highest point, or exceeds 25 m². These are prompts, not a council decision: approvals depend on the site, the state and the council, and the final word belongs to the certifier. In the version for a European manufacturer, local notification and building permit thresholds take their place.

What the manufacturer gets

Every configuration has its own link that restores all choices, and the summary lists the location, sizes, roof, colours, extras and the indicative price line by line. In a deployment, enquiries can go to your CRM with your price list, colours and rules behind them.

Want to see the configurator with your own product data? Email contact@jsoncrew.com.

Frequently asked questions

Is this a configurator for homeowners or for patio roof companies?

It is a demo of the tool a patio roof manufacturer or installer puts on their own website. The customer uses it to check a price range and sends an enquiry with sizes and options, and you get a better-prepared lead and fewer wasted trips out to measure.

What is the difference between a flat and a skillion roof here?

Both fall towards the front gutter. Flat runs at 2°, skillion at 5°. The height at the house stays the same, so a skillion lowers the front beam, and on a deep patio the configurator first asks you to raise the height.

Does it handle flyover mounting?

Yes. The Australian scene starts with a flyover: the back beam sits on brackets on the house roof, just behind the gutter, so the patio roof clears the low eave. In Sydney the configurator then asks you to check the approval path.

Can the customer change the ceiling colour separately?

Yes. On an insulated panel roof the roof and the ceiling have separate colours from the COLORBOND® palette, and the camera moves under the roof so the customer can see the ceiling.

Can it also quote DIY kits?

Yes. The “How to buy” step switches between supplied and installed and a kit delivered to site, each with its own rates.

Are the prices in the demo real?

No. The demo runs on a sample price table in Australian dollars including GST, set within the ranges of a published cost guide. In a deployment we connect your own price list, options and installation rates.

We don't have 3D models of our patio roofs. Is that a problem?

No. The patio roof in the demo is parametric: posts, beams and roof are built in the browser from sections and dimensions. Span tables and an option list with prices are enough to start.