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

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

by Kenta Toshikura

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

2) Organic Scrolling

by Brontide

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

by Residence ALTHEA

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

by geeks!me

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’

by Cyclemon

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

by Enso Magazine

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

by Peugeot

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

by Kaipo Che

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

by Envy Labs

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.