RAVARO
RAVAROSystems
Switch to EN
N 48.766° · E 11.425°
SIGNAL · LIVE
RVR-SYS ///
/// BLUEPRINT v1.0

CASE /// PARFUM

NUIT VISIBLE

Konzept von RAVARO

KONZEPTMARKE · PARFUM · PARIS

Ergebnis

Einen Duft kann man nicht zeigen. Also erzählt ihn der Scroll.

Alle Projekte
Konzept von RAVARO

nuit-visible.vercel.app

Live ansehen

Öffnet in neuem Tab

Wo Parfum-Websites stehen

Fast jede Parfumseite macht dieselben zwei Dinge: ein Flakon vor weißem Grund und darunter eine Liste von Noten. Zeder. Amber. Vanille. Leder.

Das liest sich wie die Zutatenliste auf der Rückseite eines Glases — und es verlangt vom Besucher, sich aus vier Substantiven einen Geruch vorzustellen.

Was das echte Problem ist

Duft ist das eine Produkt, das ein Bildschirm wirklich nicht liefern kann. Man kann ihn nicht fotografieren, nicht streamen, und kein Adjektiv übersteht die Übersetzung. Also flüchtet sich die Branche in Geschmack: schönere Fotografie, schwerere Typografie, eine längere Notenliste.

Aber niemand kauft einen Duft wegen einer Notenliste. Man kauft ihn, weil man damit jemand ist — und das ist eine Szene, keine Spezifikation.

Die Entscheidung — und warum

Wir haben aufgehört, den Duft zu beschreiben, und angefangen, ihn zu inszenieren.

Die Seite ist ein Film, und der Besucher ist der Vorführer: Das Scrollen spult die Zeitleiste vor und zurück. Es gibt keinen Abspielknopf, den man übergeht, und kein Video, das jemanden unaufgefordert anredet.

Die drei Teile eines Duftes wurden zu den drei Akten der Geschichte. Kopfnote, Herznote und Basisnote sind hier keine Aufzählungspunkte, sondern Kapitel — jedes mit eigenem Bild, eigener Farbe und einem Satz.

Was daraus wurde

Live ansehen

Ein durchgehender Weg vom Flakon in eine Pariser Nacht und wieder heraus — und am Ende, ganz bewusst leise, ein Shop.

01
Der Sprühstoß

Erst der Flakon, dann der Sprühstoß. Der Moment, in dem der Duft das Glas verlässt, ist der Anfang des Films.

02
Drei Noten, drei Akte

Kopf, Herz und Basis als Kapitel — jedes mit eigenem Bild und einer Zeile Text.

03
Die Implosion, rückwärts

Die Partikel strömen in den Flakon zurück. Gebaut als echte rückwärts laufende Sequenz, nicht als Überblendung.

04
Der Charakter

Dunkel, nicht schwer. Warm, nie süß. Präsent, nie laut — der Mensch, nicht das Produkt.

05
Der leise Shop

Nach dem Film ein normaler Produktteil mit funktionierendem Warenkorb — und dem klaren Hinweis, dass hier nichts wirklich verkauft wird.

Die Seite in 24 Sekunden — vom Duft als Pariser Nacht bis in die Tasche.
Jetzt entdecken

Echte Bildschirmfotos der Live-Fassung. Der scroll-gesteuerte Film wirkt nur in Bewegung — der Link oben zeigt ihn.

Was es fürs Geschäft tut

Eine Notenliste lässt sich vergleichen. Eine Szene nicht. In dem Moment, in dem ein Duft eine Nacht, eine Stadt und einen Charakter besetzt, konkurriert er nicht mehr über den Preis je Milliliter, sondern über Identität — und das ist das einzige Feld, auf dem ein kleines Haus gewinnen kann.

Der Mechanismus hängt nicht am Parfum. Alles, was man erleben statt prüfen muss — eine Behandlung, ein Aufenthalt, ein Bau, eine Leistung, deren Wert sich erst hinterher zeigt — hat dasselbe Problem und denselben Ausweg.

So haben wir gearbeitet

Zuerst die schwerste Stelle. Die erste Fassung bewies nur eines: Flakon, Düse, Sprühnebel, Schrift, und das rückwärts exakt. Erst als das stand, kam der Rest der Seite dazu.

Der Film ist kein Video, sondern eine Folge von 422 Einzelbildern, die das Scrollen abspielt. Nur so lässt er sich vor und zurück bewegen, ohne zu springen. Jeder Zustand der Seite hängt allein an der Scroll-Position.

Eine Regel hielt die Szenen zusammen: Übergeblendet wird nur zwischen identischen Bildern oder ähnlichen Texturen, nie zwischen zwei verschiedenen Bildern desselben Gegenstands. Jede Einstellung beginnt auf dem letzten Bild der vorherigen. Die Schnittgrenzen haben wir im fertigen Film gemessen, nicht aus dem Plan übernommen.

Bewegtbild ist schwer. Als wir die Unschärfe auf Retina-Bildschirmen behoben, stieg das Gewicht auf über 40 MB. Die Lösung waren nicht kleinere Bilder, sondern eine Reihenfolge: Zuerst lädt, was man gleich sieht. Das erste Filmbild steht bei langsamem Netz jetzt nach 1,9 statt 4,6 Sekunden, am Handy nach 1,4 statt 2,7.

Am Handy haben wir in der Browser-Technik des iPhones geprüft, mit echten Wischbewegungen. Die übliche Prüfung in Chrome hatte zwei Bildfehler verdeckt.

Warum wir das gebaut haben

Parfum ist das Produkt, das ein Bildschirm am wenigsten zeigen kann. Fast jede Duftseite antwortet darauf mit einem Flakon vor Weiß und einer Liste von Noten. Wir wollten wissen, ob sich ein Duft stattdessen erzählen lässt: als Nacht in Paris, mit Kopf-, Herz- und Basisnote als drei Szenen.

Die erste Fassung war schön und verkaufte nichts. Unser eigener Einwand lautete: „So kauft die Seite keiner.“ Eine fremde Prüfung sagte es genauer: „Die Seite braucht nicht mehr Content, sondern Regie.“ Seitdem führt jeder Bildschirm auf genau eine Sache hin, und am Ende ruhig zum Produkt und in die Tasche.

NUIT VISIBLE ist eine erfundene Marke. Die Tasche funktioniert, eine Bestellung wird nie ausgelöst. Echt ist der Weg, auf dem eine Marke ihr schwierigstes Produkt verkaufen kann.

Ehrliche Grenze

NUIT VISIBLE ist kein Kunde. Es ist ein erfundenes Haus, von uns aus eigenem Antrieb gebaut, um eine Frage zu beantworten, die uns immer wieder begegnet: Wie verkauft man das, was ein Bildschirm nicht zeigen kann? Auf dieser Seite ist nichts käuflich; der Warenkorb funktioniert, sagt das aber selbst.

Gebaut in zwei Tagen. Diese Zahl ist der Punkt: Das ist keine Budgetfrage, sondern eine Entscheidung darüber, was die Seite leisten soll.

Eine Website, die nur gut aussieht, ist totes Kapital. Website Systems baut eine Seite aus Ihren echten Unternehmenszielen — die Ihnen Arbeit abnimmt und Besucher zu echten Anfragen macht.

WEITERE CASES ///

Nächster Build

Alle Projekte
Jade Tempel — screenshot
Erlebnis · Bergtempel

Jade Tempel

Was wäre, wenn Ihre Gäste den Weg zu Ihnen schon gegangen wären, bevor sie anreisen? 1.284 Stufen, eine Halle aus Jade, ein Drache nach dem Gewitter — eine Website, die man nicht ansieht, sondern besteigt.

NEPHELE Residences — screenshot
Immobilien · Dubai

NEPHELE Residences

Niemand kauft das Projekt. Man kauft Wohnung A1803.

Leuchtfeuer Nordsee — screenshot
Erlebnis · Nordsee

Leuchtfeuer Nordsee

Vier Tage, zehn Fassungen, ein Leuchtturm — und eine Linse, die man selbst zerlegt.

The Elite Cars — screenshot
Automotive

The Elite Cars

Ein Supersportwagen-Händler, dessen Website schon gut aussah — und trotzdem keinem etwas verkaufen konnte, der keine Lust hatte, vorbeizufahren.

CLAW BBQ — screenshot
Gastronomie

CLAW BBQ

Ich kenne diesen Ort. Ihre Website nicht.

Juwelier Dührkoop — screenshot
Uhren & Schmuck

Juwelier Dührkoop

Feine Uhren, verkauft von einer Seite, in die man sich nicht hineinlehnen konnte.

Andy Engel — screenshot
Tattoo-Kunst

Andy Engel

Ein Mann, für den Menschen über Kontinente fliegen — mit einer Website für Leute, die vorbeifahren.

BSD Wiedemann — screenshot
Brandschutz

BSD Wiedemann

Wir haben seine Website aufhören lassen, Feuerlöscher zu verkaufen — damit das Unternehmen Expertise verkaufen kann.

Hofmühl — screenshot
Brauerei

Hofmühl

Eine Brauerei verkauft auf ihrer Website kein Bier. Sie verkauft den Grund, warum jemand im Laden nach dieser Flasche greift.

Aurora Grand — screenshot
Hotellerie

Aurora Grand

Eine Hotel-Website, durch die man läuft, bevor man bucht.

PULPA — screenshot
Erfundene Getränkemarke · Showcase

PULPA

Eine Limonade, die es nicht gibt, auf einer Website, die Dinge kann, die die meisten Websites nicht können.

Alle Arbeiten

Alle unsere Website-Arbeiten

Alle Projekte in dieser Disziplin — mit Zahlen, Videos und Ergebnissen.