Scrollytelling für komplexe Themen
Scrollytelling erklärt komplexe Themen Schritt für Schritt beim Scrollen, schnell ladend und barrierearm umgesetzt.
Wann sich Scrollytelling lohnt
Das Format eignet sich für Inhalte, die ein Absatz kaum erklärt, etwa Produktfunktionen, technische Abläufe oder Nachhaltigkeitsberichte. Es ist aufwendiger als eine klassische Seite und lohnt sich für ein zentrales Thema wie eine Produkteinführung. Vorab legen wir fest, welche Botschaft bleiben und welche Handlung folgen soll, etwa eine Anfrage.
Technik
Aktuelle Browser unterstützen scrollgesteuerte Animationen direkt in CSS. Wo das nicht reicht, nutzen wir den Intersection Observer oder GSAP. Animiert werden nur Eigenschaften, die wenig Rechenaufwand kosten. Medien laden erst bei Bedarf, und wir prüfen die Seite gegen die Core Web Vitals.
Barrierefreiheit und Mobilgeräte
Alle Inhalte bleiben ohne Animation vollständig lesbar.
Bei reduzierter Bewegung erscheint eine ruhige Fassung.
Die Seite bleibt per Tastatur und Screenreader nutzbar.
Auf dem Smartphone werden Effekte vereinfacht, nicht nur verkleinert.
Vorgehen
Dramaturgie im Storyboard entwickeln.
Die wichtigsten Szenen als Prototyp auf echten Geräten testen.
Die Seite im CMS umsetzen, damit deine Redaktion Texte und Bilder selbst pflegt.
Nach dem Launch Scrolltiefe und ausgelöste Aktionen messen.