CASE /// ERLEBNIS · BERGTEMPEL
Jade Tempel
Konzept von RAVAROErfundenes Beispiel: Den Tempel gibt es nicht, die Website schon.
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 besteigt.
Die Frage am Anfang
Was verkauft ein Bergtempel eigentlich? Nicht das Dach und nicht die Säulen, sondern den Weg dorthin: unten ankommen, Stufe um Stufe hinaufsteigen, durch eine Tür treten und oben stehen.
Fast jede Website eines Ortes lässt genau diesen Weg weg. Sie zeigt ein Hotel, ein Museum oder ein Weingut als Galerie, zwölf schöne Fotos ohne Reihenfolge; der Besucher blättert, aber er geht nie hindurch. Wir wollten wissen, ob eine Website den Weg selbst erzählen kann.
Warum wir das gebaut haben
Den Jade Tempel hat niemand bei uns bestellt, und das ist Absicht. Er gehört zu einer Reihe von Showcase-Seiten, mit denen wir zeigen, was möglich ist: ohne Kunden dahinter, damit wir freie Hand haben und das Beste zeigen können, statt Kundenbeispiele zu erfinden.
Wer hier ankommt, kennt RAVARO schon. Die Seite muss ihn deshalb nicht überzeugen, sie soll ihn unterbrechen — mit Dingen, die man auf einer Website nicht erwartet.
Und sie soll zeigen, worauf es uns ankommt. KI liefert heute Bilder, Filme und 3D-Modelle in Minuten; das ist Werkzeug. Was eine Seite erzählt, in welcher Reihenfolge und mit welchem Lohn am Ende, entscheidet kein Werkzeug. Dieses Urteil ist die Arbeit, und es kommt aus dem Marketing, nicht aus der Technik.
“Das ist eine ganz andere Website als normal.”
Die eine Idee — und warum
Der Weg wird die Website: Sie steigen ihn selbst, Stufe für Stufe, vom Tor am Bergfuß bis aufs Dach.
Bevor auch nur ein Bild entstand, stand der rote Faden auf einer Seite: ein Held, nämlich der Besucher, eine Richtung, nämlich hinauf, und ein Lohn am Ende — die Halle, der Drache und der Moment, in dem man merkt, wo man eigentlich war. Erst danach haben wir entschieden, welche Bilder, Filme und Räume diesen Weg tragen.
Die Stimmung — Farbwelt, Nebel, die Folge von Tor, Treppe und Halle — haben wir an Referenzbildern aus einem Animationsfilm ausgerichtet, die Ralph Appel, Gründer von RAVARO, mitgebracht hatte. Übernommen haben wir die Stimmung, nicht die Anlage und keine Figuren.
Ohne Faden entstehen Clips, die einzeln beeindrucken und zusammen nirgendwohin führen — eine Folge von Drei-Sekunden-Schnitten statt einer Geschichte. Und jeder Fehler im Faden, den man erst beim Bauen bemerkt, wird mit neu erzeugten Bildern und Filmen bezahlt. Ein Satz auf Papier ist das billigste Stück der ganzen Seite, deshalb kommt er zuerst.
Was daraus wurde
Live ansehenEin durchgehender Aufstieg, gebaut in fünf Tagen vom 2. bis 6. Oktober 2026: vom Tempel über dem Nebelmeer hinab zur ersten Stufe, 1.284 Stufen hinauf, durch die Tür in eine Jadehalle, die man betreten kann, und hinaus aufs Dach, wo nach einem Gewitter der Drache wartet. Zwei Bilder aus der echten Seite — den Drachen sehen Sie weiter unten.
Bildschirmfotos der Seite in Version 0.8.2 vom 6. Oktober 2026 bei 1440 Bildpunkten. Tempel, Treppe, Feste und Stufenzahl sind erfunden — die Seite sagt das am Ende selbst.
Wie wir arbeiten
KI ist bei uns Werkzeug, nicht Argument. Sie liefert Bilder, Filme und Modelle in Minuten — und ebenso schnell Clips, die zurückspulen, Modelle, die flach geraten, und Übergänge, die flimmern. Was daraus eine Seite macht, die vom ersten Bild bis zum Dach trägt, sind Entscheidungen.
Die erste, den Faden vor den Bildern, haben Sie oben gelesen. Sechs weitere haben diese Seite geformt. Zu jeder steht hier, was wir getan haben, warum genau so und was sonst passiert wäre. Ralph hat jede Fassung selbst durchgesehen, und seine Punkte stehen in den Schritten, in denen sie etwas verändert haben.
1 · Der Weg beginnt ganz unten
Geplant war zuerst eine Fahrt aus der Totale hinunter zum Tor. Beim Durchsehen hat Ralph umgesteuert: Der Weg beginnt an der allerersten Stufe, das Tor liegt viel tiefer, 1.024 Stufen bis zum Vorplatz und 260 weitere bis zum Tempel. Jetzt taucht der Blick vom Start aus ins Nebelmeer und kommt unten am Tor wieder heraus.
Warum so: Aufsteigen ist die Geschichte. Eine Kamera, die erst hinabfährt, erzählt das Gegenteil, und der Besucher spürt das, auch wenn er es nicht benennen kann. Nebenbei sparte der Nebel einen ganzen Filmlauf, weil der Ortswechsel hinter ihm verschwindet.
2 · Ein Grundbild, drei Lichter
Am Start wandert das Licht von Tag über Abend in die Nacht. Das sind keine drei Fotos, sondern drei Fassungen desselben Bildes, abgeleitet aus einem einzigen Grundbild.
Warum so: Nur dann steht jedes Dach und jede Stufe in allen drei Lichtern an derselben Stelle. Drei getrennt erzeugte Bilder hätten beim Überblenden gewackelt — jeder Stein wäre ein wenig gewandert, und aus Stimmung wäre ein Fehler geworden.
Selbst so flimmerte der Wechsel am Bildschirm zuerst. Gemessen lag es nicht am Bild, sondern daran, dass der Browser die Bühne in jedem Bild Kachel für Kachel neu malte; nach der Korrektur sind es 557 statt 9.215 Kacheln über denselben Wechsel, bei gleichem Aussehen.
3 · Für jede Strecke die Technik, die sie am besten kann
Die Seite mischt vier Arten von Bild: ein Standbild in Ebenen mit wanderndem Licht für den Start, drei KI-Filme für den Aufstieg, eine echte 3D-Halle zum Betreten und für das Dach ein Standbild, über das ein Gewitter zieht.
Warum so: Keine Technik kann alles. Ein Film trägt eine Kamerafahrt, aber man kann ihn nicht betreten; ein 3D-Raum lässt sich begehen, aber keine Bergflanke über dem Nebelmeer glaubwürdig darstellen. Eine Technik für alles hätte jede Strecke so gut gemacht wie die schwächste.
Die Filme entstanden mit Seedance 2.0, zusammen 35 Sekunden in drei Läufen. Der erste fuhr in seinen letzten knapp drei Sekunden zurück, um sein Endbild zu treffen; wir haben bei 12,25 Sekunden geschnitten und die beiden anderen mit ausdrücklichem Rückwärts-Verbot bestellt. Die Halle besteht aus Blender und 21 Einzelstücken aus Meshy; Ralphs Urteil über die erste Fassung — „Grafik wie ein Spiel aus 1995“ — führte zu einer Qualitätsprobe an einer einzelnen Säule und dann zum Neubau. Wo der letzte Film an der Tempeltür endet und die 3D-Halle beginnt, ist die Naht eingemessen, damit niemand den Wechsel bemerkt.
4 · Verwerfen, was nicht trägt: der Drache
Für den Drachen haben wir drei Wege gebaut und zwei davon verworfen. Zuerst ein 3D-Modell aus Meshy: Aus der Seitenansicht wurde ein Scherenschnitt, fünf Zentimeter tief, und ein zweiter Versuch mit mehreren Ansichten ergab wieder eine Platte. Über dem Dach wirkte dieser flache Drache, so Ralph, „wie ein Video ohne Hintergrund“. Dann ein Film, in dem er einfliegt — beim Scrollen huschte er zu schnell vorbei.
Aus Ralphs Einwand wurde der dritte Weg: ein kurzes Gewitter von gut drei Sekunden, und wenn der Blitz verlischt, sitzt der Drache schon auf dem Tempel. Erst auf Klick fliegt er auf den Besucher zu.
Warum so: Ein Höhepunkt, den man verpasst, ist keiner. Der sitzende Drache wartet, bis man ihn ansieht, und dafür braucht es keinen neuen Film, nur Licht und Timing. Hätten wir den ersten Weg verteidigt, weil er schon gebaut war, stünde heute eine Pappfigur auf dem Dach.
5 · Geprüft in Bildfolgen, nicht am Einzelbild
Jede Fassung bekam Kontaktbögen bei 2560, 1440 und 390 Bildpunkten, in Chrome und in Safaris Browser-Kern, mit echtem Scrollen. Dazu kamen Messungen: die Nähte zwischen den Filmen, der Kontrast der Schrift gegen jedes Licht, die Abstände zwischen den Bildern beim Scrollen.
Warum so: Ein Bildschirmfoto zeigt kein Ruckeln und kein Flimmern. Ralph bemerkte bei seinem Durchlauf Hänger; ein Bild hätte nichts gezeigt, die Messung fand die Ursache — nicht die Filme, sondern das erste Bild der 3D-Halle. Der längste Hänger fiel bei 1440 Bildpunkten von 966 auf 217 Millisekunden. Hätten wir nach Gefühl repariert, hätten wir die Filme verkleinert und das Ruckeln behalten.
6 · Der Schluss kippt zu RAVARO
Am Ende steht kein Abspann, sondern ein harter Schnitt ins Schwarz: „Diesen Tempel gibt es nicht.“ Darunter ein Satz, was der Besucher gerade erlebt hat — keine Stufe, keine Halle, eine Website —, und ein oranger Knopf für ein Gespräch.
Warum so: Der Moment, in dem man merkt, dass das alles eine Website war, ist der stärkste der ganzen Seite. Er verwandelt Staunen in eine Frage: Was ginge damit bei mir? Ein Logo im Fuß hätte dieselbe Auskunft getragen und niemanden bewegt. Damit der Schnitt sitzt, liegt er in der Bühne selbst und steht sofort vollständig da, statt von unten hereinzuwischen.
Warum das stark ist
Stellen Sie sich vor, Sie stehen unten am Tor. Sie scrollen, und mit jeder Bewegung steigen Sie eine Stufe höher, bis der Zähler bei 1.284 steht und sich vor Ihnen die Tür des Tempels öffnet. Drinnen glänzt die Jade, und Sie gehen zwischen den Säulen umher, so lange Sie wollen. Dann treten Sie hinaus aufs Dach, der Himmel wird dunkel, ein Gewitter zieht auf — und als der Blitz verlischt, sitzt da ein Drache auf dem Tempel und sieht Sie an.
Das ist der Unterschied zwischen einem Ort, den man angesehen hat, und einem, an dem man war. An zwölf Galeriefotos erinnert sich am Abend niemand; an einen Aufstieg schon, weil er Zeit gekostet hat, weil man ihn selbst gesteuert hat und weil am Ende etwas wartete. Deshalb bleibt man, und deshalb erzählt man weiter, was man gesehen hat.
Und dieser Weg gehört nicht dem Tempel. Ein Hotel hat seine Auffahrt und die Tür zur Suite, ein Weingut den Gang hinunter in den Keller, ein Kloster seinen Kreuzgang, ein Museum den Saal hinter dem Saal, ein Produkt sein Inneres, das man aufklappen möchte. Wer so etwas verkauft, verkauft einen Weg — und kann seinen Besucher diesen Weg gehen lassen, bevor er anreist oder bestellt.
Den Tempel gibt es nicht. Ihren Ort schon.
Der Jade Tempel ist erfunden: der Tempel, das Tor, die 1.284 Stufen, die Feste auf dem Vorplatz und die Geschichte der Halle. Die Seite sagt das an ihrem Ende selbst.
Die Stimmung folgt Referenzbildern aus einem Animationsfilm, die Ralph mitgebracht hat. Gezeigt werden hier nur unsere eigenen Bilder, nicht die Referenzen.
Zu sehen ist Version 0.8.2. Geprüft wurde in Chrome und in Safaris Browser-Kern bei 2560, 1440 und 390 Bildpunkten; die Probe auf einem echten iPhone steht noch aus. Die Seite ist schwer: Filme und Halle laden nach und nach, und laut Messung der Fassung 0.4 kommen am Rechner bis zur Halle rund 129 MB zusammen, am Handy rund 77 MB.
Gebaut ohne Auftrag. Bewiesen wird damit die Methode, keine Verkaufszahl.
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
NEPHELE Residences
Niemand kauft das Projekt. Man kauft Wohnung A1803.
Leuchtfeuer Nordsee
Vier Tage, zehn Fassungen, ein Leuchtturm — und eine Linse, die man selbst zerlegt.
NUIT VISIBLE
Einen Duft kann man nicht zeigen. Also erzählt ihn der Scroll.
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
Ich kenne diesen Ort. Ihre Website nicht.
Juwelier Dührkoop
Feine Uhren, verkauft von einer Seite, in die man sich nicht hineinlehnen konnte.
Andy Engel
Ein Mann, für den Menschen über Kontinente fliegen — mit einer Website für Leute, die vorbeifahren.
BSD Wiedemann
Wir haben seine Website aufhören lassen, Feuerlöscher zu verkaufen — damit das Unternehmen Expertise verkaufen kann.
Hofmühl
Eine Brauerei verkauft auf ihrer Website kein Bier. Sie verkauft den Grund, warum jemand im Laden nach dieser Flasche greift.
Aurora Grand
Eine Hotel-Website, durch die man läuft, bevor man bucht.
Alle unsere Website-Arbeiten
Alle Projekte in dieser Disziplin — mit Zahlen, Videos und Ergebnissen.