← Prospect
Web Projekt Sonstige

Prospect · Relaunch

Der Website-Relaunch von Prospect war ein umfangreiches Multi-Sprint-Projekt: Redesign und Neuaufbau der Portfolio-Site mit modernen Animationen, flüssigen Seitenübergängen und responsivem Design. Das Projekt setzt auf WordPress mit Barba.js für nahtlose Seiten-zu-Seiten-Übergänge, eliminiert klassische Page-Reloads und schafft ein App-artiges Browsing-Erlebnis.

Dauer 11 Monate
Tasks 55

Was gebaut wurde

Der Website-Relaunch von Prospect war ein umfangreiches Multi-Sprint-Projekt: Redesign und Neuaufbau der Portfolio-Site mit modernen Animationen, flüssigen Seitenübergängen und responsivem Design. Das Projekt setzt auf WordPress mit Barba.js für nahtlose Seiten-zu-Seiten-Übergänge, eliminiert klassische Page-Reloads und schafft ein App-artiges Browsing-Erlebnis.

Die Site enthält ein ausgeklügeltes Animations-System mit global angewendeten Text-Animationen, abschnittsspezifischen Animationen auf Homepage, About, Portfolio und Deep-Dive-Case-Studies sowie scroll-getriggerten Effekten, die auf Nutzer-Interaktion reagieren. Zum Design gehören ein Mega-Menü, ein responsiver Header mit scroll-abhängiger Logo-Farbanpassung, animiertes Portfolio-Filtering und mobil-optimierte Komponenten inklusive Akkordeon-Sektionen.

Die Entwicklung lief über zwei Sprints mit vollständigem Site-Aufbau, Animations-Implementierung, Bugfixes und Feinschliff. Das Projekt adressierte komplexe technische Herausforderungen: Scroll-Positionierung bei Seitenübergängen (besonders beim Resize), Integration der Animations-Skripte mit Barba.js, mobile Layout-Anpassungen und Performance-Optimierung. Alle Seiten erhielten individuelle Animationen bei weiterhin schnellen Ladezeiten und sauberen Übergängen.

Die Site wurde auf Staging-Servern zum Testen deployed, mit den Stakeholdern auf Kundenseite (Elena, Alex) abgestimmt und auf den Production-Launch vorbereitet. Versionierung via Git erlaubte das Tracking von 55 einzelnen Tasks, von Seiten-Aufbauten über Animations-Feinschliff bis zum Staging-Deployment.

Projekt-Stats: 55 Tasks, 1.073h Full-Stack-Website-Design, -Entwicklung, -Animation, -Tests und -Deployment.

Zuletzt bearbeitet

  • 2023-03-01 Add Global text animation at all pages Done
  • 2023-02-19 Add Scrollbar to site Done
  • 2023-02-14 About Done
  • 2023-02-14 Homepage Done
  • 2023-02-13 Deep Dive Case studies Done

Bereit, deinem Unternehmen ein Gehirn zu geben?

Buch dir eine kostenlose Evaluation. Wir schauen uns deinen Stack an und sagen dir geradeheraus, ob wir passen.

Kostenlose Evaluation