← Alle Making-of-Beiträge

Making-of · 17. Januar 2025

Vom Pilotprojekt zur Scrollstory

Vom Pilotprojekt im Herbst 2024 mit drei Epochen zum Entscheid, nur noch die Römerzeit zu erzählen.

Screenshot aus dem Pilotprojekt 2024 mit den Standorten der vier Türme im Schaaren.

«Mit 4D-Scrollytelling durch Raum und Zeit scrollen» – so hiess meine Disposition im Herbst 2024. Bis zum Diplom hat sich vieles verändert. Zwei Dinge blieben: Scrollytelling und der Schaaren.

13.11.24

Start ins Pilotprojekt

Im Schaaren am Rhein liegen Spuren aus drei Epochen: die Fundamente von vier spätrömischen Wachtürmen, eine Schiessschanze aus dem 2. Koalitionskrieg und Bunker aus dem Zweiten Weltkrieg. Im Pilotprojekt wollte ich herausfinden, welche Tools, Libraries und Animationstechniken sich für ein 3D-Scrollytelling eignen. Mit Urs Leuzinger vom Amt für Archäologie legte ich fest: Das erste Objekt der Rekonstruktion ist ein Wachturm.

Behind-the-Scenes

Gelände aus Swisstopo-Geodaten mit dem Rhein in Cinema 4D.

Aus Geodaten von Swisstopo wird ein digitales Gelände – hier in Cinema 4D.

November 2024

Wie sollen die Türme aussehen?

Mit Collagen probierte ich verschiedene Looks aus: fotorealistisch, mit Malerei-Filter und im Stil des Videospiels «Tiny Glade». Am meisten überzeugten mich Low-Poly-Formen mit sanften Farben, handbemalten Texturen und weichem Licht – klar und zugänglich, ohne den Anspruch, ein Foto zu sein.

Experiment

Ein Turm, drei Looks: fotorealistisch, mit Malerei-Filter und im Stil von «Tiny Glade».

03.12.24

Der erste Turm im Browser

In Cinema 4D baute ich den ersten Turm nach und übernahm Texturen aus Tiny Glade. Mit der Library GSAP koppelte ich Textboxen und Kamera an die Scroll-Position. Damit die Seite auch auf dem Smartphone funktioniert, programmierte ich zusätzlich einen Touch-Input, der erkennt, ob man nach oben oder unten wischt.

Zwischenstand

Storyboard

Umsetzung

Links das gezeichnete Storyboard für die Kamerafahrt von Turm zu Turm, rechts das einfache Turmmodell im Browser.

18.12.24

Scroll durch Raum und Zeit

Am Abschlusskolloquium zeigte ich die fertige Seite: oben die römischen Türme, darunter eine Zeitfluss-Szene, von der aus man in die drei Epochen springen kann. Das Design war bewusst minimalistisch und klobig – im Fokus stand die technische Machbarkeit.

Endstand

Pilotprojekt: Zeitfluss-Szene mit Infobox zur Schanzenanlage von 1799.

Die Zeitfluss-Szene im Pilotprojekt: Ein Klick führt zur Schiessschanze von 1799.

13.03.25

Entscheid: nur die Römerzeit

Das Feedback war deutlich: zu breit, zu ambitioniert. Nach einigem Abwägen entschied ich mich, nur noch die Römerzeit zu erzählen. Das nahm Druck weg und gab mir Raum, wirklich in Inhalt, Szenen und User Journey einzutauchen. Ich wollte nicht einfach durch die Zeit scrubben und unzusammenhängende Fakten zeigen – sondern eine Geschichte erzählen.

Selbst erleben

Prolog und Szene 1 sind online. Schlüpf in die Rolle von Gaius – am besten auf dem Smartphone.

Jetzt erleben →