Thousands of ring combinations, priced in real
time

A configurator-first storefront for a UK diamond manufacturer — build a ring from stone or setting, watch the price recalculate live, across 22 localised markets.

Diamond builderOpenCart22 storefrontsMulti-currencyFinance & payments
Visit web app ↗
1440 × 900
https://www.diamondsfactory.co.uk/
banner
1440 × 900 banner
1440 × 900
Diamond builder OpenCart 22 storefronts Multi-currency Finance & payments Diamond builder OpenCart 22 storefronts Multi-currency Finance & payments
01 Overview

Selling a product that has no fixed SKU?

Diamonds Factory sells direct from the workshop, which means a single ring design isn't one product — it's thousands of valid combinations of stone type, shape, carat, clarity, colour, metal and setting, each with its own price and lead time. A conventional catalogue can't hold that. So we inverted the model: products live at /design/<slug>-<sku> with "From £X" pricing, and the real price is computed from the customer's configuration on the fly.

Around that engine we built the full commerce surface — faceted browse across eight categories, wishlist, search, education guides, instalments and 0% APR finance, showroom booking, certificate handling — and the admin system that keeps designs, stone inventory and the pricing matrix in sync. All of it on OpenCart, deployed to 22 country storefronts.

  • Price computed from configuration, not stored per SKU
  • Diamond builder: start from a stone or start from a setting
  • 22 localised storefronts, one platform
  • Klarna, V12 0% APR, PayPal, Amazon Pay, Apple Pay, card
  • GIA/IGI certificates, UK hallmarking, Assay Assured
  • Showroom booking across six UK cities, plus click & collect
02 The hard parts

Where a configurable-price catalogue gets difficult

The interesting problems weren't visual. They were in the combinatorics, the consistency of the attribute matrix, and the accumulated debt of a large multi-market template.

A —

A matrix, not a product list

Style, stone, shape, metal and price facets across eight top-level categories all have to agree with inventory and pricing rules — or a customer configures a ring that can't be made.

B —

22 storefronts, one codebase

UK, US, DE, FR, CA, AU, AE and more share a platform but not currency, pricing or content. Every configurator change has to hold in all of them.

C —

Trust has to be visible at £2,000

Nobody commits to a bespoke ring on faith. Certification, hallmarking, price-match and lifetime guarantee needed to be first-class surfaces, not footer links.

D —

Inherited front-end debt

A viewport locked with maximum-scale=1 breaks pinch-zoom (WCAG 1.4.4), an unresolved /trustpilot_url1 placeholder ships in the header, and a malformed ?instock=1?price_min= facet silently drops the price filter.

04 What we built
Spotlight 01

Diamond builder with live pricing

Configure every attribute and see price recalculate as you go, with a preview of the finished piece before it goes in the bag.

builder1
1440 × 900
Spotlight 02

Faceted browse across eight categories

Style, stone, shape, metal and price filters resolve against the live attribute matrix, so results are always buildable.

cat
1440 × 900
Spotlight 03

Admin for designs and stone inventory

One place to manage designs, stones, the attribute and pricing matrix, orders and content — the source of truth for all 22 storefronts.

admin
1440 × 900
Spotlight 04

Finance and payments at checkout

Klarna instalments, V12 0% APR, PayPal, Amazon Pay, Apple Pay and card, with eligibility rules applied per order value and market.

checkout
1440 × 900
Spotlight 05

Showroom and retail bridge

Appointment booking across six UK showrooms, click & collect and order tracking connect the online build to a real fitting.

showroom
1440 × 900
Spotlight 06

Certification and trust layer

GIA/IGI certificate handling, UK hallmarking, Assay Assured, price-match and lifetime guarantee flows surfaced through the journey.

certifications
1440 × 900
05 Approach

Build the pricing engine first, then the storefront around it.

We treated configuration as the core domain and everything else as a view onto it. That kept pricing, inventory and merchandising from drifting apart as the catalogue and market count grew.

01.
Model the configuration, not the SKU

We defined the attribute space — stone type, shape, carat, clarity, colour, metal, setting — and made price a function of a valid combination. "From £X" became a computed floor rather than a hardcoded field.

02.
Two entry points into the builder

Customers arrive with different intent: some love a setting, some are hunting a stone. The builder supports both directions and reconciles them into one configuration, with live price and a preview of the finished piece before add-to-bag.

03.
Wrap it in faceted discovery

Eight categories, filterable by style, stone, shape, metal and price, all reading from the same matrix. Wishlist, search and buying guides sit on top so browsing feeds the builder instead of competing with it.

04.
Localise, then commercialise

One deployment pipeline pushes 22 storefronts with region-specific currency, pricing and content. Finance and payment options — including Klarna's £100–£499 eligibility band — are gated per market at checkout.

06 Stack

Built to run 22 storefronts from one platform

01 Platform
OpenCart
PHP
React (Builder)
02 Payments & finance
Klarna
V12 0% APR
PayPal
Amazon Pay
Apple Pay
Card
03 Commerce surfaces
Configurator
Faceted search
Wishlist
Order tracking
Click & collect
04 Trust & compliance
GIA / IGI
UK hallmarking
Assay Assured
Multi-currency

Known front-end debt — locked viewport meta, a /trustpilot_url1 placeholder, a malformed price facet and duplicated server-rendered megamenu — is documented and queued for remediation.

03 Design

A configurator that feels like a jeweller's bench.

Desktop-first: attribute controls on one side, the piece rendering on the other, price updating in place. Restrained typography and metal-tone neutrals keep attention on the stone.

https://www.diamondsfactory.co.uk/
banner1
1440 × 900 banner1
banner2
1440 × 900
Similar project on your plate?

Let's ship
the next one.

Tell us about your project. We'll come back within a business day with a scoped plan and a straight answer.

1 day
Average reply
2 wks
Typical kickoff
Zero
Hidden fees
WhatsApp
Email
Call