Unbedingt erforderlich

Erforderlich für die Funktion der Website. Kann nicht deaktiviert werden.

Immer aktiv

Analyse

Helfen uns zu verstehen, wie Besucher die Website nutzen, damit wir sie verbessern können.

Marketing

Werden verwendet, um relevante Anzeigen zu liefern und deren Wirksamkeit zu verfolgen.

← 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 umfassendes Multi-Sprint-Projekt, das ihre Portfolio-Website mit modernen Animationen, flüssigen Seitenübergängen und responsivem Design neu gestaltete und aufbaute. Das Projekt nutzte WordPress mit Barba.js für nahtlose Seitenübergänge, wodurch traditionelle Seitenneuladungen eliminiert und ein App-ähnliches Browsing-Erlebnis geschaffen wurde.

Die Website verfügt über ein ausgeklügeltes Animationssystem mit globalen Textanimationen, die auf allen Seiten angewendet werden, bereichsspezifischen Animationen für die Homepage, Über uns, Portfolio und detaillierte Fallstudien, sowie scroll-getriggerten Effekten, die auf Benutzerinteraktionen reagieren. Das Design umfasst ein Mega-Menü, einen responsiven Header mit scroll-sensitiven Logo-Farbwechseln, animiertes Portfolio-Filtering und mobil-optimierte Komponenten, einschließlich Akkordeon-Sektionen.

Die Entwicklung erfolgte über zwei Sprints und umfasste den vollständigen Website-Aufbau, die Implementierung von Animationen, Fehlerbehebungen und Verfeinerungen. Das Projekt bewältigte komplexe technische Herausforderungen: Probleme mit der Scroll-Positionierung während Seitenübergängen (insbesondere bei Größenänderung), die Integration von Animationsskripten mit Barba.js, mobil-spezifische Layout-Anpassungen und Performance-Optimierung. Alle Seiten erhielten individuelle Animationen, wobei schnelle Ladezeiten und flüssige Übergänge beibehalten wurden.

Die Website wurde zur Prüfung auf Staging-Servern bereitgestellt, mit den Stakeholdern des Kunden zur Rückmeldung besprochen und für den Produktions-Go-live vorbereitet. Die Versionskontrolle mit Git ermöglichte die Nachverfolgung von 55 verschiedenen Aufgaben, die von Seitenaufbauten über Animationsverfeinerungen bis hin zur Staging-Bereitstellung reichten.

Projekt-Statistiken: 55 Aufgaben, 1.073 Stunden Full-Stack Website-Design, Entwicklung, Animation, Tests und Bereitstellung.

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