Tempo
Nur transform und opacity bewegen sich, ein einziger Takt treibt alles.
Studio für Bewegung im Web · Beispielfirma, erfunden
Seiten, die sich bewegen.
Scrollen wird zur Regie: Text, Bild und Raum reagieren auf jede Bewegung, ohne dass die Seite ruckelt.
Projekt besprechenLeistung
Wir bauen Webseiten, die beim Scrollen eine Geschichte erzählen: ruhig, schnell und für jeden bedienbar.
128Seiten gebaut (Beispielwert)
98 %Lighthouse-Wert (Beispielwert)
4,8Sekunden bis zur Interaktion (Beispielwert)
Fortschritt ist messbar.
Abschnitt erreicht
Vom Briefing zum Start.
- 1 · BriefingZiel, Zielgruppe und Tempo festlegen.
- 2 · Bewegung entwerfenJede Animation hat einen Zweck, keine ist Dekoration.
- 3 · Messen und startenBildrate, Ladezeit und Bedienung per Browser geprüft.
'/%3E%3Ccircle cx='760' cy='300' r='210' fill='%23ff5a36'/%3E%3Ccircle cx='380' cy='360' r='120' fill='%230c0c0e'/%3E%3Crect x='120' y='90' width='360' height='14' fill='%23ece7dd'/%3E%3C/svg%3E)
Ruhe
Wer Bewegung abschaltet, bekommt dieselbe Seite ohne Animation.
Klarheit
Der Originaltext bleibt für Screenreader erhalten.
Maß
Weniger als 8 KB komprimiert, ohne fremde Bibliothek.
Bild für Bild.
Das Video läuft nicht von selbst: Ihre Scrollbewegung ist der Regler.
Raum statt Seite.
Eine 3D-Kamera fliegt entlang Ihrer Scrollstrecke.