349 / Beispiele
Scrollytelling Beispiele, die du selbst durchscrollen kannst
Gute Scrollytelling Beispiele sind die Unternehmenswebsites von Thomas Schweighofer, Sally Forth Cinema und Rufino Visuals sowie die Reportage "Snow Fall" der New York Times. Alle zeigen dasselbe Prinzip: Das Scrollen treibt eine Geschichte voran, statt nur Inhalte nacheinander einzublenden.
Von Danilo Russo, Gründer von 349websites. Stand: 5. November 2026
Welche Unternehmen nutzen Scrollytelling?
Die drei folgenden Websites hat 349websites für echte Kunden gebaut. Sie sind live und öffnen sich im neuen Tab. Am besten siehst du sie dir am Desktop und danach am Smartphone an.
Thomas Schweighofer
Fotografie und Film. Fotografie und Film sollten räumlich erlebbar werden. Zwei geführte Scrollsequenzen, 3D-Räume und ein interaktives Portfolio. Eine eigenständige digitale Bühne führt durch die Arbeit, statt nur Bilder aufzulisten.
Website von Thomas Schweighofer ansehen
Sally Forth Cinema
Filmproduktion. Eine Filmproduktion braucht eine digitale Bühne mit eigener Dramaturgie. Filmische Scrollsequenzen, räumliche Übergänge und ein klar gegliedertes Portfolio. Filme, Team und Herkunft werden zu einer zusammenhängenden Markenwelt.
Website von Sally Forth Cinema ansehen
Rufino Visuals
Content-Produktion. Content-Produktion sollte als eigene visuelle Handschrift auftreten. Cineastische Scroll-Dramaturgie und markante Typografie. Die Arbeit wird zum zusammenhängenden Markenerlebnis.
Welche bekannten Vorbilder gibt es?
- "Snow Fall" der New York Times (2012): Die Reportage über ein Lawinenunglück machte die Erzählform bekannt und wurde 2013 mit dem Pulitzer-Preis ausgezeichnet. Reportage ansehen
- The Pudding: Das digitale Magazin erklärt Datenthemen fast ausschließlich über Scrollytelling und veröffentlicht sogar, wie es seine Geschichten baut. The Pudding ansehen
- Produktseiten großer Hersteller: Viele Technikmarken drehen ihre Geräte beim Scrollen und nehmen sie Schicht für Schicht auseinander. Das ist Scrubbing in Reinform.
Was haben gute Beispiele gemeinsam?
- Eine klare Idee. Sie lässt sich in einem Satz sagen. Alles andere wird ihr untergeordnet.
- Tempo mit Pausen. Auf eine starke Szene folgt Ruhe. Dauerbewegung ermüdet.
- Besucher behalten die Kontrolle. Niemand wird festgehalten, jede Szene lässt sich überspringen.
- Inhalt vor Effekt. Wer die Animation abschaltet, versteht trotzdem die Botschaft.
- Ein klares Ziel am Ende. Die Geschichte endet in einem nächsten Schritt, nicht im Nichts.
Wie übertrage ich das auf mein Unternehmen?
Beginn nicht mit Effekten, sondern mit einer Frage: Was muss jemand gesehen haben, bevor er dich beauftragt? Die Antwort ist deine Dramaturgie. Hilfreich sind die Grundlagen zum Scrollytelling und die Kostenübersicht.
Häufige Fragen
Welche Branchen eignen sich für Scrollytelling?
Besonders gut passen Film, Fotografie, Architektur, Immobilien, Hersteller erklärungsbedürftiger Produkte und Premiummarken.
Kann ich die Beispiele auf dem Handy ansehen?
Ja. Alle drei Kundenprojekte sind für Smartphones umgesetzt, die Interaktion ist dort an die Touch-Bedienung angepasst.
Kann ich so eine Website auch bauen lassen?
Ja. 349websites setzt Scrollytelling Websites ab einem Budget von 2.000 € um. Mehr dazu steht auf der Seite Scrollytelling Agentur.
Das nächste Beispiel könnte deins sein.
Erzähl uns, was Menschen über dein Unternehmen verstehen sollen. Daraus entsteht die Idee.