A waterproof jacket gets worn on the worst days, so buyers want to be sure before they order. This illustrative hooded shell can be viewed in four of its six colours, with a size of small, medium or large added to the summary.
The decisions are practical. Buyers want to know whether it will fit over a fleece, whether the hood stays clear of their eyes when cinched, and whether brick red looks as warm in person as it does on screen. Colour also affects visibility. Forest blends into the hillside, while brick red stands out in mist, which matters to walkers who head out in poor weather.
Fashion Configurator demo
Hooded Shell Jacket
- Product
- Hooded Shell Jacket
- Colour
- Deep Navy
- Size
- S
Illustrative product. The design and images are generated examples, not a real model for sale.
What you can configure
The demo switches the jacket between deep navy, black, forest and brick red. Every image shares the same pose and lighting, so the storm flap and hood toggle stay in place and only the fabric colour changes. Size is selectable and appears in the summary but does not change the picture. A production build would add a size guide with garment measurements, which matters more for a shell than a casual jacket because it is worn over other layers.
- Colour: Deep Navy, Black, Forest, Brick Red
- Size: S, M, L
Why a configurator suits jackets
Fit and colour sit behind a large share of apparel returns, and outerwear is no exception. A buyer who orders two sizes to try at home costs the retailer two lots of shipping and a jacket that may come back creased. Showing the size choice beside clear garment measurements, chest and back length especially, gives buyers enough to order once.
Colour needs the same care. Deep navy and black are easy to confuse on a phone screen, and a forest green can look olive or teal depending on the camera. Photographing every colour on the same set, with the same white balance, removes the guesswork. Size never changes the look, so six images cover the whole range.
Outerwear brands also rotate colours by season. Mustard or stone might run for one autumn and then drop out. In a configurator, adding a seasonal colour is one new image and one row of data, and retiring it is a single change. The page never shows a colour that can no longer be ordered, which is a common source of customer service emails.
How a production version would be built
Apparel suits straightforward image swapping. Each colour is shot on a ghost mannequin or a model in a fixed pose, with a back view and a hood detail if the budget allows. Size does not need its own images. It needs data: chest, back length and sleeve measurements per size, plus a line on how the jacket is meant to fit over layers. On Shopify, colour and size map to standard variants, so stock per size is respected and sold-out sizes can be greyed out rather than hidden.
Build sheet for this range
- Colours in the full range: 6 (4 shown in this demo)
- Size choices: 3
- Combinations to support: 6 × 3 = 18
- Images for one photograph per combination at 3 angles: 54
- Images if sizes can be shown as separate layers, at 3 angles: 27
- Data each of the 18 combinations needs: a SKU or variant ID, price, stock or lead time, and any dimensions or specification that change
Questions about jacket configurators
Can the configurator recommend a size from height and chest measurement?
Yes, with your size data behind it. The buyer enters height, chest and how they plan to layer, and the configurator suggests a size from your garment measurements. It should explain the suggestion rather than just state it. I would keep it to a few inputs and a clear answer, not a long questionnaire.
How do you keep navy and black distinguishable in the images?
Through lighting and careful grading. Dark fabrics need more light than people expect, and shooting each one beside a calibration card lets the retoucher match it to the physical sample. A close-up of the fabric helps too, since navy shows its colour most clearly where light catches the weave.
Should hood and back views be part of the configurator?
For a waterproof, yes. Buyers check how the hood sits and how far the back drops below the waist, because that decides how dry they stay. Two or three extra angles per colour cover it. The swatch then changes every view at once, so the buyer never sees mismatched colours between angles.
Is a configurator overkill for a jacket that only varies by colour and size?
Not if the range is wide or the colours are hard to judge. For one colour in three sizes, a good product page is enough. A configurator starts to pay back when there are several colourways, seasonal changes and enough traffic that returns for colour or fit become a noticeable cost.
More fashion configurator demos
Insulated Hood Jacket
Knit-Look Zip Jacket
Quilted Jacket
Sherpa Zip Jacket
Zip Hoodie
Alpine Shell Jacket
All fashion and apparel configurator demos
A configurator for your jackets
This demo uses an illustrative product. If you sell jackets, I can build the same experience around your own range, photography and ordering process, connected to Shopify, WooCommerce or a quote workflow. I reply to enquiries within two UK working days.