Tempel-Storytelling-Webdesign

Ein Tempel-Storytelling-Webdesign rund um einen nächtlichen Rundgang

Kage stellt einen imaginären Bergtempel in Kyoto unter einem übergroßen orangefarbenen Mond vor. Große cremefarbene Schrift nimmt die linke Seite ein, während warme Fenster und Steinstufen in die Architektur hineinführen. Regen, dunkelblaue Flächen und zurückhaltende rote Akzente prägen die nächtliche Atmosphäre. Bereits die Eröffnung kennzeichnet den Ort als imaginär, bevor die Besucher am Ende die ausführlichere Erklärung erreichen.

Die fünf Kapitel verändern, worauf die Besucher achten sollen: Ankunft, Schwelle, Garten, Handwerk und Nachlicht. Der Hintergrund ist eine fortlaufend gerenderte Umgebung und nicht für jeden Abschnitt ein anderes Hero-Foto. Während sich die Kamera dem Gebäude nähert, verlagert sich der Text vom Betreten eines Ortes zur Betrachtung seiner Materialien.

01

Warme Fenster vor einer kühlen Landschaft

Die beleuchteten Schirme und Laternen bilden die stärksten warmen Bereiche der Szene. Sie lenken die Aufmerksamkeit auf Eingänge, Stufen und Holzoberflächen, während die umgebende Landschaft zurückhaltender bleibt. Der Mond greift diesen warmen Farbton in wesentlich größerem Maßstab auf und verbindet so das Gebäude mit dem Himmel, statt einen weiteren unverbundenen Akzent einzuführen.

02

Eine große Überschrift und eine schmale Textspalte

Die Display-Überschrift erstreckt sich über mehrere kurze Zeilen, doch der begleitende Fließtext bleibt darunter in einem schmalen Block. Diese beiden Größen erfüllen unterschiedliche Aufgaben: Die Überschrift vermittelt eine Stimmung, während der kurze Absatz Details wie Zedernholz, Stein und Laternenlicht benennt, die in der Szene zu finden sind.

03

Ein durchgängiges Gefühl der Abfolge

Die seitliche Leiste kennzeichnet fünf Stationen, und die Beschriftungen im Vordergrund wiederholen das aktuelle Kapitel. Benannte Links am oberen Rand bieten direkteren Zugriff auf Tempel, Gärten und Handwerk. Dank dieser Hinweise kann die Seite ihre visuell atmosphärische Wirkung bewahren, ohne von den Besuchern zu verlangen, die gesamte Navigation aus der Kamerabewegung abzuleiten.

Einen gerenderten Tempel mit vergrößerbaren Standbildern kombinieren

Die Kapitel zu Schwelle und Handwerk platzieren ein kleineres Standbild unten rechts in der Komposition. Ein mittig angeordnetes Pluszeichen und eine Bildunterschrift unterscheiden es von der größeren Szene dahinter. Das Standbild lässt sich separat öffnen und bietet eine andere Ebene visueller Details, ohne den räumlichen Kontext des Kapitels zu ersetzen.

In der Handwerksansicht nähert sich die animierte Szene der beleuchteten Holzkonstruktion, während die Einblendung eine ruhigere Innenraum- und Gartenkomposition zeigt. Die beiden Bilder müssen nicht vorgeben, dieselbe Kameraaufnahme zu sein. Das eine hilft den Besuchern, sich auf der Reise zu orientieren; das andere lenkt die Aufmerksamkeit auf Oberfläche, Licht und Atmosphäre.

1. Machen Sie das kleine Bild eindeutig als Aktion erkennbar

   Das Pluszeichen befindet sich im Bild und nicht nur in dessen Bildunterschrift. Dadurch ist die Einladung bereits sichtbar, bevor der kleine Text gelesen wird. Die nummerierte Bildunterschrift erzeugt einen redaktionellen Charakter, doch aufgrund ihrer Größe müssen das Bild und das Symbol den größten Teil der Handlungsaufforderung vermitteln.

2. Geben Sie dem Detail einen eigenen Betrachtungsraum

   Das Öffnen des Standbilds trennt es von der unruhigen Kombination aus Architektur, Überschrift und Regen. Eine eigene Schaltfläche zum Schließen führt zurück zum Rundgang. Bei einer Adaption sind die vollständigen Bildabmessungen, der Tastaturzugriff und eine zuverlässige Rückkehr entscheidend, nicht eine aufwendigere Öffnungsanimation.

3. Verwechseln Sie Stimmung nicht mit Dokumentation

   Die Standbilder sind Teil einer imaginären Präsentation. Ein überzeugendes Bild einer Holzkonstruktion belegt weder eine tatsächliche Bauweise noch ein reales Gebäude. Die Beschreibung des fiktiven Ortes in der Quelle verleiht den Bildern den angemessenen Rahmen: Sie unterstützen eine Designstudie und keine architektonische Bestandsaufnahme.

Das Tempo von der Ankunft bis zum Nachlicht verändern

Kage fügt am Ende des Rundgangs keine Transaktion hinzu. Das Schlusskapitel bietet Walk once more, gefolgt von einem Abschnitt zur Philosophie, der erklärt, dass es weder Buchungen noch ein Reiseziel gibt, das besucht werden kann. Diese Entscheidung ist wichtig: Das Erlebnis kann die visuelle Sprache einer Reiseziel-Website nutzen, ohne Besucher mit der Erwartung eines realen Aufenthalts in die Irre zu führen.

Was das imaginäre Tempelerlebnis umfasst

Die Quelle bietet einen lokal gerenderten nächtlichen Rundgang, eine Kapitelnavigation, Bedienelemente für Standbilder und eine abschließende Erklärung. Die Koordinaten-, Uhrzeit- und Wetterangaben gehören zur fiktiven Präsentation; sie sind weder ein Live-Wetterdienst noch verifizierte Informationen zu einem realen Ort. Es werden weder ein Buchungsablauf noch gemessene Besucherergebnisse bereitgestellt. Die Galerie bewahrt vollständige Kapitelansichten als Szenenfolge und nicht als herkömmliche Aufnahme der gesamten Seite.