Konzeption und Entwicklung einer Single-Page-Website mit scrollbasiertem Animationseffekt

Abstract

Diese Arbeit befasst sich mit der Konzeption und Entwicklung einer Single-Page-Website mit Animationseffekten, die auf dem Scrollverhalten der Nutzer basieren. Der Fokus liegt dabei auf der Gestaltung ansprechender Animationen, die der Website eine lebendige und beeindruckende Benutzererfahrung verleihen sollen. Für die Erstellung der Animationen werden CSS, JavaScript und die externe Bibliothek GSAP verwendet. Zum Schluss wird die Website mit der WebUSE-Methode getestet, die auf Umfragen basiert, um die Usability der Website zu analysieren und zu bewerten.

This thesis focuses on the conception and development of a single-page website with animation e↵ects that are based on the user’s scrolling behavior. The primary goal is to design visually appealing animations that create a dynamic and engaging user experience. CSS, JavaScript, and the external library GSAP are used for the implementation of these animations. Finally, the website is evaluated using the WebUSE method, which is based on surveys, to analyze and assess the website’s usability.