Live demo · Contractors and manufacturers

A quote calculator that turns visitors into qualified leads

Choose the size, the material, the railing and the extras of a deck. The price updates as you go, and you leave with a PDF quote. The business receives a lead that already knows what it wants.

Patios Laurentides

Online quote

  1. Step 1 of 3: Your deck
Patio doorHouse16 ft (4.88 m)5 steps12 ft (3.66 m)
192 sq ft (17.8 m²)Raised
Shape
Size
ft4.88 m
ft3.66 m

Area192 sq ft (17.8 m²)

Height off the ground

Building permit:Likely needed

Decking
Railing

46 lin. ft of railing: the open sides, minus the stair openings, plus the stair handrails.

Stairs

5 steps per set at this height

Extras

Your estimate

$20,502

taxes included

Most decks like this one end up between $18,850 and $22,150.

$92.88 per sq ft before taxes

Price breakdown
ItemAmount
Decking192 sq ft × $24.00/sq ft$4,608
Structure and footings8 posts, joists and beams$4,000
Labour192 sq ft × $17.92/sq ft$3,441
Railing46 lin. ft × $98.00/lin. ft$4,508
Stairs1 × 5 steps$1,275
Subtotal$17,832.00
GST (5%)$891.60
QST (9.975%)$1,778.74
Total$20,502.34
Deposit at signing (25%)$5,126

Estimate based on your choices. The final price is confirmed after a free site visit.

Patios Laurentides is a fictional deck builder made up for this demo. Prices are examples, and nothing you type is sent anywhere.

What is in this demo

Everything you just tried can run on your website, with your own products and your own prices.

01

A price that moves with every choice

Size, material, railing, stairs, extras. Each change updates the estimate, the range and the breakdown on the spot, with GST and QST calculated.

02

A drawing of what they are buying

The preview redraws itself with the shape, the size, the colour of the boards, the railing and the stairs. Visitors see their project, not a list of codes.

03

Your rules, built in

A deck higher than 60 cm needs a guard, a second-floor deck needs a permit, stairs get more steps as the deck rises. The calculator knows your trade.

04

A PDF quote with your branding

The visitor leaves with a clean, numbered, dated quote: your logo, the details, the taxes, the deposit and how long the price holds.

05

Leads that already know what they want

Name, phone, city, timing and the full configuration land in your inbox or CRM. You call back someone who has seen a price and is still interested.

06

Links people can share

The configuration lives in the address of the page. A couple can send their deck to each other, and you can send a client a pre-filled starting point.

Who it is for

Contractors

Decks, fences, roofing, landscaping, basements. Stop driving across the region to price projects that were never going to happen.

Manufacturers

Windows, doors, kitchen cabinets, sheds, garages. Let buyers configure a product from your catalogue and send a precise request to the right dealer.

Installers

Heat pumps, solar panels, pools, garage doors. Give a fair range up front, then confirm on site with a client who already accepted the ballpark.

How we build yours

You know your prices. We turn them into a calculator your clients enjoy using.

  1. 1

    We start from your price grid

    Usually a spreadsheet: materials, labour, minimums, the rules you apply in your head. We go through it with you and write down the exceptions.

  2. 2

    We design the steps and the drawing

    Which options come first, which are optional, what the preview shows. Everything in French and English, made for a phone first.

  3. 3

    We connect it to your tools

    Each request goes to your inbox, your CRM or your scheduling tool, with the configuration and the PDF attached. No retyping.

  4. 4

    You keep your prices current

    Prices change, so you update them yourself in a simple sheet or admin page. The calculator and the PDF follow.

How it is built

  • The pricing engine is plain TypeScript, separate from the screen, so the same rules can run on your server.
  • The drawing is SVG: sharp on every screen and light enough for a phone on 4G.
  • The PDF is generated in the browser and only loads when someone asks for it.
  • GST and QST are calculated line by line, and amounts are formatted in Canadian dollars in French and English.
  • Radio groups, labelled sliders and a spoken total: it works with a keyboard and a screen reader.
  • The animations follow the reduced motion setting of the device.

Frequently asked questions

Montreal · Quebec City · Canada

We build the product. You ship the outcome.

Websites, apps, portals, and mobile — one studio, working software.

Start a project