Bread and Butter
Kitchen Makers, Lewes
Brand, Website design, 3D configurator, Pricing system
Interiors
Seventeen
Next.js, three.js
Live 3D builder
What was wrong
Every kitchen company in the country hides its prices behind a showroom appointment. The whole point of this brand was to do the opposite, so the site had to prove a number before anyone picked up a phone.
How we read the brand
We built the kitchen in the browser. Pick a piece, size it, choose a range, a finish, a worktop, and the price moves with you in real time, in a 3D model you can orbit and drop into a room. The rest of the site is set like a good catalogue: warm paper, an italic display serif, and photography given room to breathe, so the technology never reads as a gimmick sitting on top of a brochure.
What it does now
A visitor can specify a full kitchen, see it in three dimensions, know what it costs, and send the exact specification over, all before speaking to anybody.
Every screen, as it really renders.
Captured from the live site at full width. Nothing here is a mockup or a flattering crop.
Home
Two lines of copy and a number. The promise is that the price is on the page, so the price appears immediately.
The builder
Seven steps, a live 3D model, and a running total that never leaves the screen.
Ranges
Five door styles compared honestly on cost and character rather than sold as tiers.
A kitchen in detail
Each showcase kitchen is broken down into the pieces that made it, each one priced.
On a phone
Most of the traffic to a site like this arrives on a phone, so the mobile layout is designed first and the desktop version follows it.
The same site at 430 pixels wide. Type resizes rather than shrinks, the navigation collapses into something you can reach with a thumb, and every image is served at a size that will actually load on mobile data.