Shortcuts zum Projekt
Das Ziel des Projekts war ein vollständiger Relaunch der Website wgv.de, um die digitale Präsenz der WGV zu stärken und den Kund:innen ein verbessertes Online-Erlebnis zu bieten. Neben einem modernen und barrierefreien Design lag der Fokus auf einer intuitiven Nutzererfahrung, die sowohl die Benutzerfreundlichkeit als auch die Kundenbindung fördert. Für die Konzeption und das Design führten wir zwei Anforderungsworkshops durch und entwickelten die bestehenden Module auf Basis der Anforderungen weiter. Für die technische Umsetzung des Projekts nutzten wir die neueste Version von First Spirit und migrierten es in die Cloud. Dies gewährleistet eine leistungsstarke und sichere Basis für den Betrieb der Website. Darüber hinaus kam unser Frontend-Entwicklungsframework Frontwerk zum Einsatz.
Phase 1: Konzeptions- und Designprozess
-
Anforderungsworkshops
Zu Beginn des Projekts führten wir zwei detaillierte Workshops mit der WGV durch. Ziel war es, die Anforderungen des Kunden umfassend zu erfassen und eine gemeinsame Vision für das Projekt zu entwickeln. Dabei arbeiteten wir spezifische Bedürfnisse und Erwartungen an die Website heraus.
-
Zielgruppendefinition
Im Anschluss definierten wir die relevanten Zielgruppen. Diese Analyse diente als Grundlage, um ein Nutzererlebnis zu schaffen, das auf die Bedürfnisse und Erwartungen der Kund:innen der WGV zugeschnitten ist.
-
Analyse der Komponenten und Definition der Seitentemplates
Im dritten Schritt analysierten wir die bestehenden Website-Komponenten und entwickelten darauf aufbauend eine Struktur für die neuen Seitentemplates. Diese gestalteten wir so, dass sie flexibel, erweiterbar und leicht wartbar sind.
-
Bestandsaufnahme und Weiterentwicklung
Wir prüften die vorhandenen Module der bisherigen Website systematisch. Basierend auf den neuen Anforderungen entwickelten wir diese weiter, um den neuen Standards und dem gewünschten Nutzererlebnis gerecht zu werden.
-
UX/UI: Systematischer Aufbau
Für die User Experience (UX) und User Interface (UI) setzten wir auf einen systemischen Aufbau. Dabei entwickelten wir ein kohärentes Designsystem, das moderne Ästhetik mit funktionalen Anforderungen verbindet. Eine intuitive und konsistente Benutzerführung stand dabei im Mittelpunkt.
-
Erstellung von Prototypen
Um eine transparente und effiziente Abstimmung sicherzustellen, entwickelten wir interaktive Prototypen. Diese dienten der Präsentation und Abnahme des Designs, bevor die Entwicklung startete. So konnten alle Beteiligten frühzeitig ein Gefühl für die finale Website erhalten und eventuelle Änderungen einfließen lassen.
Phase 2: Technische Anforderungserhebung
-
Backlog Refinement
Erstellung von User Stories und technischen Akzeptanzkriterien:
Unser Ziel war es, klar formulierte User Stories zu erstellen, die die Entwicklungsarbeit erleichtern, die Qualitätssicherung verbessern und dem Kunden eine transparente Abnahme ermöglichen. -
Vorstellung im gesamten Entwicklungsteam
- Wissenstransfer:
Wir stellten die Anforderungen dem gesamten Team vor, um Umrüstzeiten bei Ausfällen zu reduzieren und den Wissenstransfer sicherzustellen. - Qualitätssicherung:
Durch die Identifikation potenzieller Seiteneffekte und die Vermeidung doppelter Arbeit konnten wir die Effizienz im Team steigern. - Gemeinsame Schätzung:
Das Team schätzte die User Stories gemeinsam, was eine realistische Zeit- und Ressourcenplanung ermöglichte.
- Wissenstransfer:
Phase 3: Agile Entwicklung und iterative Auslieferung
-
Meilensteinplanung und Forecast
Basierend auf dem Backlog definierten wir klare Entwicklungsziele für jeden Meilenstein, um eine strukturierte und transparente Umsetzung sicherzustellen.
-
Agile, iterative Entwicklung
Die Entwicklung erfolgte in zweiwöchigen Sprints, die eine kontinuierliche Lieferung und regelmäßiges Feedback ermöglichten.
-
Validierung der Team-Velocity
Nach jedem Sprint-Ende überprüften wir die Velocity des Teams, um die Planung und den Entwicklungsprozess kontinuierlich zu optimieren.
-
Forecast basierend auf Backlog und Velocity
Regelmäßige Updates des Forecasts sorgten für Transparenz bezüglich der Lieferfähigkeit und ermöglichten eine effiziente Anpassung der Planung.
-
Sprint- und Statusberichte an den Kunden
Zur Gewährleistung einer engen Abstimmung erstellten wir detaillierte Berichte, die den Kunden über Fortschritte und den aktuellen Projektstatus informierten.
Mehrwerte durch den Relaunch
Design und Nutzererlebnis
Die neue Website erhielt ein zeitgemäßes, nutzerzentriertes Layout. Ziel war es, den Kund:innen ein erstklassiges Nutzererlebnis zu bieten. Das Design haben wir modern und visuell ansprechend gestaltet, während wir die Navigation optimierten, um schnelleren Zugriff auf Informationen zu ermöglichen. Die neue Website erfüllt die Anforderungen der Konformitätsstufe AA nach den Web Content Accessibility Guidelines (WCAG).
Performance und Sicherheit
Durch die Cloud-Migration von First Spirit schafften wir eine moderne Infrastruktur, die die Performance und Sicherheit der Website nachhaltig verbessert.
Dokumentation und Transparenz
Die umfassende Projektdokumentation in Frontwerk ermöglicht eine transparente Nachverfolgung der Fortschritte und stellt sicher, dass alle Projektbeteiligten jederzeit über den aktuellen Stand informiert sind.