Was ist Scrollytelling?

Woher kommt Scrollytelling?

Bekannt wurde die Erzählform 2012 mit der Reportage "Snow Fall" der New York Times über ein Lawinenunglück. Der Autor John Branch erhielt dafür 2013 den Pulitzer-Preis. Von dort wanderte das Format in Redaktionen auf der ganzen Welt und später ins Marketing.

Heute nutzen vor allem Marken und Hersteller die Technik, um Produkte und Leistungen zu erklären. Der Maßstab hat sich dabei verschoben: Es geht nicht mehr darum, Effekte zu zeigen, sondern eine Entscheidung vorzubereiten.

Wie funktioniert Scrollytelling?

Die Website misst, wie weit du gescrollt hast, und übersetzt diesen Wert in Bewegung. Fünf Grundtechniken decken fast alles ab, was du im Web siehst.

Was ist der Unterschied zu Parallax und einer normalen Website?

Parallax ist ein einzelner Effekt, Scrollytelling ist eine Erzählstruktur. Eine Seite kann Parallax nutzen und trotzdem keine Geschichte erzählen.

Wann lohnt sich Scrollytelling und wann nicht?

Es lohnt sich, wenn dein Angebot erklärt oder erlebt werden muss und ein einzelner Auftrag den Aufwand trägt. Es lohnt sich nicht, wenn Menschen nur schnell eine Information suchen.

• Passt: Markenauftritte, Portfolios, Produktstarts, Immobilienprojekte, Jahresberichte, Recruiting.
• Passt nicht: Preislisten, Notdienste, Shops mit vielen Artikeln, reine Kontaktseiten.
• Mischform: Eine inszenierte Startseite, dahinter schnelle und schlichte Unterseiten. Das ist oft die beste Lösung.

Ist Scrollytelling schlecht für SEO?

Nein, solange der Text im HTML steht und nicht erst durch die Animation erzeugt wird. Probleme entstehen, wenn Inhalte nur als Bild, Video oder 3D existieren oder wenn der Seitenaufbau ohne JavaScript leer bleibt.

• Alle wichtigen Aussagen als echter Text, mit einer H1 und sauberen Zwischenüberschriften.
• Schwere Dateien erst laden, wenn sie gebraucht werden, damit der erste Eindruck schnell steht.
• Keine Layoutsprünge beim Laden, weil sie die Core Web Vitals verschlechtern.
• Auch KI-Crawler lesen in der Regel kein JavaScript. Was im HTML fehlt, existiert für sie nicht.

Funktioniert Scrollytelling auf dem Smartphone?

Ja, wenn es für das Smartphone geplant wird. Eine Szene, die am Desktop über die volle Breite läuft, braucht auf dem Handy eine eigene Fassung. Detailgrad und Interaktion werden pro Gerät angepasst, damit nichts ruckelt und niemand in einer Scrollfalle hängen bleibt.

Ist Scrollytelling barrierefrei?

Das hängt von der Umsetzung ab. Die Grundlage ist die Einstellung prefers-reduced-motion: Wer Bewegung im Betriebssystem reduziert hat, bekommt eine ruhige Fassung. Dazu kommen echter Text für Screenreader, Bedienung per Tastatur und ausreichend Kontrast.

Wie erstelle ich eine Scrollytelling Website?

Du hast drei Wege: Vorlagen und Plugins für einfache Effekte, einen Freelancer für einzelne Szenen oder ein spezialisiertes Studio für eine durchgängige Dramaturgie. Was das jeweils bedeutet, steht in der Kostenübersicht. Wenn du es umsetzen lassen möchtest, sieh dir unsere Scrollytelling Agentur an.

Häufige Fragen

Was bedeutet Scrollytelling auf Deutsch?

Scrollytelling lässt sich am besten mit Erzählen durch Scrollen übersetzen. Das Wort setzt sich aus scroll und storytelling zusammen.

Was ist ein gutes Beispiel für Scrollytelling?

Das bekannteste Beispiel ist "Snow Fall" der New York Times aus dem Jahr 2012. Aktuelle Websites von Unternehmen zeigt die Sammlung Scrollytelling Beispiele.

Welche Tools gibt es für Scrollytelling?

Für individuelle Projekte sind GSAP mit ScrollTrigger und Three.js verbreitet. Für einfache Seiten gibt es Vorlagen und Plugins für gängige Baukästen, die aber deutlich weniger Gestaltungsfreiheit bieten.

Macht Scrollytelling eine Website langsam?

Nicht bei kontrollierter Umsetzung. Dateien werden komprimiert und erst geladen, wenn sie gebraucht werden. Performance gehört in das Konzept, nicht in die Nacharbeit.

Du willst das für dein Unternehmen?

Schick uns dein Vorhaben. Wir sagen dir, welche Technik zu deiner Geschichte passt.

Projekt anfragen