05Design-led e-commerceConcept project
Confetto
One of one, on every visit.
- Year
- 2026
- Typical timeline
- 5 weeks
- Sector
- Design-led e-commerce
- Live site
- Visit the site (opens in a new tab)
- Work completed
- Art directionWeb designCopywritingWeb developmentProduct page design
Confetto does not exist. It is an espresso machine cast by hand in terrazzo resin, where no two are alike — and a product page built to make that promise felt rather than stated.
The brief
A brief we set ourselves: a design-led appliance brand with one product, five colour families and a price that has to be justified by how it looks on the counter as much as by how it pulls a shot.
01Challenge
The problem worth solving
Every premium appliance says it is unique. Most prove it with a paragraph and a gallery of the same machine from four angles. For a product whose whole proposition is that yours will be one of a kind, a static page undersells the one thing that should sell it.
Objectives
- 01Make “no two alike” something a visitor experiences, not reads
- 02Earn the price with detail — engineering as much as looks
- 03Keep a route to buy in view from the first screen
- 04Describe the product precisely enough for search to understand it
02Strategy
The approach we took
We made uniqueness interactive. Every visit stamps the hero machine with its own pattern number, and the colourway picker draws a fresh terrazzo pattern each time a colour is chosen, so the promise of a one-off is demonstrated before it is explained. Around that, the page moves from delight to diligence: how it is made, the engineering inside, and a full specification down to what is in the box.
03Design
How it looks, and why
Loud on purpose, disciplined underneath. A milk-white page, liquorice-black type in a heavy grotesque, and colours named like flavours — gelato, pistachio, cobalt, tangerine, yolk — used as punctuation rather than wallpaper. A dotted confetti rule runs under the navigation, the details are labelled in a monospaced face, and the product is photographed bright and plinth-lit, like a design object in a shop window.
Display
9664402416
Palette
- Liquorice#181410
- Milk#FCFAF6
- Yolk#FFCE2E
- Gelato#F6A4B6
Grid — 12 col / 8px
04Development
How it was built
The terrazzo patterns are drawn live on a canvas rather than shipped as images, and the product is described in structured data — name, brand, price and stock — so search engines can read it as a product rather than a page. Twelve of the page’s thirteen images load only when they are needed, and nothing shifts as they arrive.
Key features
- 01A pattern number stamped on the hero machine at every visit
- 02A colourway picker that draws a new terrazzo pattern for each colour
- 03Five colour families, each named like a flavour
- 04The making process told in four stages, from pour to calibration
- 05A full specification, down to what is in the box
- 06Product structured data with price and availability
05Results
What was built
A brand that does not exist has no orders to report. What it has is the page: a promise of one-of-a-kind made tangible before it is explained, and a product described precisely enough for people and search engines alike. Every figure below can be checked on the live site.
Concept project — Confetto is fictional, but its website is live, and the figures below are measured from it rather than modelled. Check them on the live site (opens in a new tab)
- 5 Colour families, each drawing its own pattern
- 12 Of 13 images loaded only when needed
- 4 Stages of the making process, told in order
- 0 Cumulative layout shift
A machine that promises to be one of a kind, on a page that proves it before it says so.
