Die 10 schönsten Scroll-Animationen für gelungenes Webdesign

Scroll-Animationen sind aus der Website-Entwicklung kaum mehr wegzudenken. Die unterhaltsamen, scrollbasierten Effekte machen Webseiten besonders interessant und erlebbar. Sie sind mittlerweile fester Bestandteil der Gamification und beeinflussen die UX von Nutzern erheblich.

Die beliebtesten Arten unter den Scroll-Effekten haben wir hier bereits vorgestellt, denn sie gehen weit über den Fade-in-und-Fade-out-Effekt sowie über das Parallax Scrolling hinaus.

infografik-Scroll-Animation

1) Webdesign at it’s best

Mit höchstem Maß an Kreativität entwarf und gestaltete der japanische Webdesigner Kenta Toshikura seine eigene Website.

2) Organic Scrolling

Die Website von Brontide ist ein sehr gutes Beispiel für rundum gelungene Scroll-Animationen verschiedenster Arten. Besonders hieran: Entgegen jeder Annahme, bewegt sich die Seite während des Scrollens zunächst horizontal von rechts nach links, bevor sie in die gängige Vertikale übergeht.

3) Schöner-Wohnen, animiert präsentiert

Auf der Webseite der französischen Residence ALTHEA scheint wirklich alles in Bewegung. Selbst geöffnete Detailbilder der Zimmer verschwinden in einer Scroll-Animation zurück in die Übersicht der Bildergalerie.

4) Farbenfrohe Scroll-Animationen

Auch auf der farbenfrohen Website von geeks!me ist in Sachen Scroll-Animationen so einiges los. Selbst ohne jegliche Spanischkenntnisse macht es Spaß, durch die Seiten zu scrollen.

5) Animated Modernity

by RALLY

Von diversen Scroll-Animationen begleitet wischt und klickt man sich durch die hochmoderne Website der Firma RALLY aus Salt Lake City. Die bunten Elemente und Bilder auf ordentlich Weißraum sind zudem ein echter Hingucker.

6) They see me scrollin’

Die beiden Webdesigner und offensichtlichen Fahrradliebhaber von Cyclemon perfektionieren das Parallax Scrolling auf ihrer Website und präsentieren die illustrierten Bikes auf sehr gelungene Art und Weise.

7) Building Animations

Einen Artikel über 10 abgedrehte Häuser, die namhafte Architekten entworfen und gebaut haben (um selbst in ihnen zu wohnen!), präsentiert das Onlinemagazin ,Enso‘ auf sehr (scroll-)animierte Weise.

8) Scrollanimierte Graphic Novel

Um die besonderen Vorzüge des Peugeot Hybrid 4 zu visualisieren, wählte der französische Fahrzeughersteller einen unkonventionellen Weg und ließ eine scrollanimierte Superhelden-Graphic-Novel kreieren.

9) Flying Animations

Um das ,Goa Kite Flying Festival‘ zu promoten, kreierten die Veranstalter eine Landingpage aus Scroll-Animationen, gepaart mit vielen unterhaltsamen Details.

10) Scroll-Animationen in digitalster Umgebung

Auch auf der Unternehmenswebsite von Envy Laby ist in puncto Scroll-Animationen so einiges los. Mit diversen Bildern, Microanimationen und animierten Icons überzeugt die Website mit einer astreinen UX.

Mehr zum Thema?

Die beliebtesten Scroll-Animationen haben wir hier einmal zusammengefasst.

Zum Artikel
Portraitbild Shantu Bhattacharjee

Wenn wir dir bei der Erstellung unterhaltsamer Scroll-Animationen behilflich sein können, lass es uns gerne wissen!

Shantu Bhattacharjee
Geschäftsführer

Wie scollt es sich auf deiner Website?