Dive & Travel / Frontend & GSAP Animationssystem
Kontext
Die Webseite sollte das Gefühl von Tiefe, Bewegung und Unterwasserwelt transportieren – ohne aufdringlich zu wirken oder die Performance zu beeinträchtigen.
Animationen wurden nicht als Dekoration gedacht, sondern als Teil der Nutzerführung.
Meine Rolle
Verantwortlich für die Frontend-Umsetzung sowie die Konzeption und Implementierung der GSAP-Animationen. Fokus auf sauberes Timing, Performance und eine Animation, die die Story der Seite unterstützt.
Scrollbasierter Taucher
Ein animierter Taucher begleitet die Nutzer beim Scrollen durch die Seite. Seine Position ist an die Scrolltiefe gekoppelt, wodurch ein Gefühl von „Abtauchen“ entsteht.
schwimmender Haifisch im Footer
Im Footer schwimmt ein Haifisch sanft von links nach rechts. Er lockert den Abschluss der Seite auf und sorgt für einen kleinen, unerwarteten Moment.
Micro-Interaktion bei Hover
Kleine Fisch-Silhouetten reagieren auf Hover und „flüchten“ vor dem Cursor.