Case study · Fine jewellery website
Maison Aurelle cut for the light you live in.
A cinematic fine-jewellery website — a rain-on-glass night film of a solitaire ring, elegant serif type and an always-there Service tab.
This is the real website. Scroll it, tap it, try it. On a phone it’s best full screen.
- Type
- Fine jewellery website
- Sector
- Luxury retail
- Sections
- 3
- Built with
- Hand-coded · no templates
About the site
Maison Aurelle is a fine jewellery house website. “Cut for the light you live in.” The hero is a night film: a hand with a round brilliant solitaire resting by a rain-streaked car window, “catching every street lamp between Holborn and home”.
The idea
Instead of a ring on a white background, the site shows the ring in real life — at night, in London, in the rain — so the visitor imagines wearing it. A gold “Service” tab stays on the edge of the screen, so help is always one tap away.
What we built, section by section
- 01
Cut for the light you live in
The hero film and the solitaire story.
- 02
One round brilliant
Four tapered platinum claws — the product in a sentence.
- 03
Service
A side tab for appointments and help, on every screen.
From the build
Films and pictures from inside the Maison Aurelle website. Swipe through.
Features
- Night-time hero film
- Floating “Service” tab
- Elegant serif typography
- Mobile menu
Look and feel
Black, warm bokeh and soft gold, with a high-contrast serif and widely spaced capitals — quiet London luxury.
Under the bonnet
- Hand-coded, no framework
- Background film
- Fixed side tab that works on phones
Like everything I build, it’s made from scratch. No page builder, no theme. So it’s quick, it works on phones first, and it’s easy to change later.
