CASE /// FRAGRANCE
NUIT VISIBLE
Concept by RAVAROCONCEPT BRAND · FRAGRANCE · PARIS
A scent cannot be shown. So we let the scroll tell it.
Where fragrance websites stand
Almost every perfume site does the same two things: a bottle on a white background, and a list of notes underneath. Cedar. Amber. Vanilla. Leather.
It reads like an ingredients label on the back of a jar — and it asks the visitor to imagine a smell from four nouns.
What the real problem is
Fragrance is the one product a screen genuinely cannot deliver. You cannot photograph it, you cannot stream it, and no adjective survives the translation. So the category retreats into taste: nicer photography, heavier typography, a longer list of notes.
But nobody buys a scent because of a note list. They buy it because of who they are while wearing it — and that is a scene, not a specification.
The decision — and why
We stopped describing the scent and started staging it.
The page is a film, and the visitor is the projectionist: scrolling scrubs the timeline forward and backward. There is no play button to ignore and no video that starts talking at someone.
The three parts of a fragrance became the three acts of the story. Top note, heart note and base note are not bullet points here — they are chapters, each with its own frame, its own colour and one sentence.
What it became
View it liveOne continuous descent from the bottle into a Paris night and back out again, ending — deliberately quietly — in a shop.
The bottle, then the spray. The moment the scent leaves the glass is where the film starts.
Top, heart and base as chapters — each with its own frame and one line of copy.
Particles stream back into the bottle. Built as a genuinely reversed sequence, not a fade.
Dark, not heavy. Warm, never sweet. Present, never loud — the person, not the product.
After the film, an ordinary product section with a working cart — and a plain note that nothing is really sold here.
Real screenshots of the live build. The scroll-driven film only works in motion — the link above shows it.
What it does for the business
A note list can be compared. A scene cannot. The moment a fragrance owns a night, a city and a character, it stops competing on price per millilitre and starts competing on identity — which is the only ground a small house can win on.
The mechanism is not tied to perfume. Anything that has to be experienced rather than inspected — a treatment, a stay, a build, a service that only shows its value afterwards — has the same problem, and the same way out.
How we worked
The hardest part first. The first version proved just one thing: bottle, nozzle, mist, lettering, and exactly the same in reverse. Only once that worked did the rest of the site follow.
The film isn't a video but a sequence of 422 single frames that the scroll plays. That is the only way it can move forwards and backwards without jumping. Every state of the page depends on the scroll position alone.
One rule held the scenes together: blend only between identical frames or similar textures, never between two different images of the same object. Every shot starts on the last frame of the one before. We measured the cut points in the finished film instead of taking them from the plan.
Moving images are heavy. Fixing the blur on Retina screens pushed the weight past 40 MB. The answer wasn't smaller images but an order: what you are about to see loads first. On a slow connection the first film frame now appears after 1.9 instead of 4.6 seconds, on a phone after 1.4 instead of 2.7.
On phones we tested in the iPhone's own browser engine, with real swipes. The usual test in Chrome had hidden two image faults.
Why we built it
Perfume is the product a screen can show least. Almost every fragrance site answers with a bottle on white and a list of notes. We wanted to know whether a scent could be told instead: as a night in Paris, with top, heart and base note as three scenes.
The first version was beautiful and sold nothing. Our own objection was: "Nobody would buy from this page." An outside review put it more precisely: "The site doesn't need more content, it needs direction." Since then every screen leads to exactly one thing, and at the end calmly to the product and into the bag.
NUIT VISIBLE is an invented brand. The bag works, no order is ever placed. What is real is the path by which a brand can sell its hardest product.
NUIT VISIBLE is not a client. It is an invented house, built by us, unasked, to answer a question we kept running into: how do you sell the thing a screen cannot show? Nothing on that site is for sale; the cart works, but it says so plainly.
It was built in two days. That number is the point: this is not a budget question, it is a decision about what the page is supposed to do.
A website that only looks nice is dead weight. Website Systems builds a site from your actual business goals — one that takes work off your plate and turns visitors into real enquiries.
MORE CASES ///
Next build
Jade Tempel
What if your guests had already walked the way to you before they set off? 1,284 steps, a hall of jade, a dragon after the storm — a website you don't look at, you climb it.
NEPHELE Residences
Nobody buys the development. They buy apartment A1803.
Leuchtfeuer Nordsee
Four days, ten versions, one lighthouse — and a lens you take apart yourself.
The Elite Cars
A supercar dealer whose website already looked good — and still could not sell a car to someone who didn't feel like driving over.
CLAW BBQ
I know this place. Their website did not.
Juwelier Dührkoop
Fine watches, sold from a page you could not lean into.
Andy Engel
A man people fly across continents for, with a website built for people driving past.
BSD Wiedemann
We stopped his website selling fire extinguishers, so the business could start selling expertise.
Hofmühl
A brewery does not sell beer on its website. It sells the reason someone reaches for that bottle in the shop.
Aurora Grand
A hotel website you walk through before you book.
PULPA
A lemonade that doesn't exist, on a website that does things most websites can't.
All our website work
Every project in this discipline — numbers, videos and results.