Case study · Product configurator

Colin's Sash Windows Designer.

An online configurator where homeowners design a made-to-measure sash window step by step, watch it update live with the price, and order it — no showroom visit needed.

Visit live designer
Client Colin's Sash Windows
Industry Windows & home improvement
Type Configurator · E-commerce
Market United Kingdom
Platform Web
designer.colinssashwindows.co.uk
Colin's Sash Windows Designer
Overview

Buying a sash window used to mean measurements, phone calls and waiting for a quote. We turned the whole showroom into one screen — every choice is drawn to scale and priced instantly, so customers order with confidence.

The challenge

Thousands of
possible windows.

A sash window has styles, colours, glass, bars, extras and sizes — and every combination has a different price.

Endless combinationsThree styles, dozens of finishes, glass types, bars and extras multiply into thousands of possible windows.
The price must be exactEvery option changes the cost, and customers expect to see the final price before they commit.
Hard to pictureA colour code or "astragal bar" means little until you see it on your own window.
Measurements are trickySize limits and frame extenders change the final frame, and mistakes are expensive.
The configurator

Five steps.
One perfect window.

Walk through the designer exactly as a customer does.

Choose the style step
Step 01 / 05 · Price now £912.00 Choose the style Three sash styles, each explained with a small diagram and a label so customers can pick at a glance.
→Equal Sashes — 50/50 split, traditional look →2 Fifth Top Sash — 40/60, popular choice →1 Third Top Sash — more light
Live pricing

The price builds
as you click.

Real numbers from one design session in the live designer.

Style chosenEqual Sashes, 1000 × 1300 mm £912.00
+ Frame finishChartwell Green woodgrain foil £992.00
+ Glass & Georgian bars1.2 U-value, 4 × 4 astragal bars £1,102.63
+ Restrictors & extendersTravel restrictors, frame extenders £1,171.63
Save & share

Not ready yet?
Keep it. Send it.

Customers can save a design without an account, or share the exact configuration with a partner or builder.

designer.colinssashwindows.co.uk
Save your design
Save your design — name and email only; a secure link brings the customer back later.
designer.colinssashwindows.co.uk
Share your design
Share your design — a design summary plus a link via WhatsApp, email, X, Facebook or LinkedIn.
Mobile

Design a window
from your sofa.

On phones the five steps become a tab bar at the top, the live preview fills the screen, and the price and Add to Basket stay pinned at the bottom — always one tap away.

→Icon tab bar for the 5 steps →Full-width live preview →Sticky price, basket, save & share →Large, thumb-friendly colour swatches
Mobile view: style step with live preview and sticky price
Mobile view: frame colour swatches with price
Features

Everything in
one designer.

01
Live previewTo-scale drawing with rulers, updating with every choice.
02
Live pricingTotal price with VAT recalculates instantly.
03
Three sash styles50/50, 40/60 and ⅓/⅔ splits.
04
Colours & hardwareFrame swatches with tooltips; hardware styles and finishes.
05
Glass & Georgian barsPer-sash glass, U-value upgrade and bar layouts.
06
Extras & securityCills, horns, handles, PAS 24, fire escape and more.
07
Restrictors & extendersSafety restrictors and per-side frame extenders.
08
Save & shareNo-account save by email and shareable design links.
09
Basket & checkoutAdd multiple windows, secure checkout and delivery estimate.
How we built it

From product rules
to checkout.

Click a step to see what happened.

Tech stack
Live pricing engine SVG window drawing Secure checkout
Next project → Petroleum Management System
[ next step ]

Have a project?
Let's ship it.

Start a project Free first call · we reply within 24 hours