This illustrative retro trainer has layered leather panels and a clear heel window. Its configurator handles colourway and UK size, and the build goes to a quote request.
For sneaker buyers, the colourway name carries weight. White grey, triple black and navy grey are not just descriptions. They are how people search, talk and queue for a release. Buyers usually know the silhouette already. What they are deciding is which colourway they want on the shelf or on their feet. They also want to know it will still be there at checkout.
Footwear Configurator demo
Retro Layered Trainer
- Product
- Retro Layered Trainer
- Colour
- White Grey
- Size
- UK 6
Illustrative product. The design and images are generated examples, not a real model for sale.
What you can configure
White grey, triple black, navy grey and olive are the colourways in the demo; tan and light grey make up six. Collectors check the clear cushion window in the heel closely. It sits in exactly the same spot in every photograph, as do the layered leather panels over mesh. UK 6, UK 8 and UK 10 can be selected and are recorded. Size has no effect on the picture.
- Colour: White Grey, Triple Black, Navy Grey, Olive
- Size: UK 6, UK 8, UK 10
Why a configurator suits trainers
Sneaker retail runs on releases. A popular colourway sells through quickly in core sizes, and demand for the next one builds before it lands. A standard product page handles neither well. It shows the colourway as available until the size is chosen, and it has nowhere to put interest in what is coming.
In a configurator, every colourway can carry a status: live, coming soon, draw entry or sold out. Coming-soon colourways can take sign-ups against a specific size. For a draw release, the configurator becomes the entry form, capturing colourway and size cleanly and cutting duplicate or incomplete entries.
The heel window adds a photography challenge. Clear components pick up reflections and background colour, so the window can look different from shot to shot unless the setup is fixed. Consistent images matter here because the window is a recognisable detail. A collector who spots a mismatch between colourways starts to doubt the rest of the page, and on a release day doubt sends people to another shop.
How a production version would be built
I would photograph each colourway with the same lighting rig and background, paying particular attention to the clear heel window so it reads consistently. Side and heel views cover what collectors look for. Each colourway needs a status and a release date in the product data, along with SKUs by UK size and stock. Live colourways map to Shopify or WooCommerce variants. Draw entries go to a separate list with one entry per customer enforced, and winners receive a link to buy their reserved size.
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 trainer configurators
Can the configurator run a draw for a limited colourway?
Yes. For a draw release, it becomes the entry form: colourway and size are chosen, the customer signs in, and one entry per account is enforced. After the draw, winners receive a link to buy at the reserved size. Entry data can flow to your CRM or email platform for the announcement.
Can coming-soon colourways collect interest by size?
They can. Each upcoming colourway shows a release date and a sign-up tied to a specific size. That gives you size-level demand before the stock arrives, which helps with allocation across shops and the website. When the colourway goes live, the same list receives the launch email.
How do you keep the clear heel window consistent across colourways?
Fixed lighting, a fixed background and careful positioning. Clear components show whatever is behind and around them, so any change of setup changes the window. I shoot every colourway in one session where possible, then compare the heel views side by side before publishing.
Will the configurator cope with launch-day traffic?
The image-based approach is light, because each view is a pre-made image served from a CDN. The heavier load falls on stock checks, sign-in and checkout, which your platform handles. For high-demand releases I would test that flow under load before launch, rather than assume it will cope.
More footwear configurator demos
Retro Suede Trainer
Shearling Mini Boot
Sheepskin Ankle Boot
Terrace Trainer
Trail Walking Boot
Two-Strap Sandal
All footwear configurator demos
A configurator for your trainers
This demo uses an illustrative product. If you sell trainers, 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.