Headless TYPO3 & PWA

Benefit Systems

In nur wenigen Wochen haben wir für die MultiSport-Kartenbesitzer eine ansprechende Website erstellt.

Kurzfassung:

Wir sind seit 2016 der wichtigste Technologiepartner von Benefit Systems. Gemeinsam arbeiten wir an Projekten, die Kunden einen echten Mehrwert bieten. Das MultiSport-Programm ist vor allem dafür bekannt, den Karteninhabern Zugang zu Tausenden von Sporteinrichtungen zu bieten. Doch das Angebot ist viel umfangreicher. So können MultiSport-Karteninhaber auch Stadträder nutzen, E-Books herunterladen und sogar Sprachen lernen. Benefit Systems wollte sicherstellen, dass Kunden über all diese Möglichkeiten Bescheid wissen. Daher bat man uns, die Website zu aktualisieren.

Die Herausforderung:

Eine moderne, stabile und mobil-freundliche Website mit TYPO3 Headless & PWA erstellen

Die Lösung:

Das Projekt ist Anfang 2020 gestartet. Als jedoch der landesweite Lockdown eingeführt wurde, haben wir unsere Strategie an die neue Realität angepasst. Benefit Systems startete eine Reihe virtueller Dienste wie Videoberatungen mit Ernährungs- und Fitnessexperten sowie virtuelle Trainingssitzungen. Wir hatten die Aufgabe, technische Lösungen zu implementieren, die diese Dienstleistungen möglich machten.

Als die Beschränkungen zum Teil aufgehoben waren, setzten wir das Projekt mit vollem Einsatz fort. Das Entscheidende dabei war, alle Benutzer auf die neue Plattform zu migrieren und sicherzustellen, dass sie auf alle neuen Funktionen zugreifen können. Wir entschieden uns für den Einsatz von TYPO3 PWA. Damit ließ sich die Website auch auf mobilen Geräten performant nutzen und leicht verwalten. Die Progressive Web App (PWA) haben wir unter Verwendung von Vue.js und Nuxt.js entwickelt. Für Benutzer wirkt sie wie eine mobile App, kann offline abgerufen werden und ist SEO-freundlich.

Um dem hohen Besuchsverkehr standhalten zu können, brauchte es eine skalierbare und leistungsfähige Webinfrastruktur. Unser DevOps-Team arbeitete Hand in Hand mit Benefit Systems, um eine leistungsstarke containerisierte Infrastruktur auf Docker aufzubauen. Wir nutzten Kubernetes, um einen automatisierten Bereitstellungsprozess für die Website zu erstellen.

Highlights

highlights

Headless-Technologie

Durch den Einsatz unserer eigens entwickelten TYPO3 Headless & PWA-Technologie konnten wir flexibel agieren und das TYPO3-basierte Backend mit einer Frontend-App auf Basis von Vue.js und Nuxt verbinden.

Ein effizienter Prozess

Durch das transparente, kollaborative Scrum-Verfahren konnten wir den größten Teil der Arbeit innerhalb von Wochen abschließen.

Das Ergebnis:

Die Kunden von Benefit Systems merkten schnell, wie komfortabel sich die neue Website nutzen lässt. Ein paar Tage nach dem Website-Launch verzeichnete unser Kunde eine Rekordzahl an Fitnessstudio-Besuchen, die via App gebucht wurden.

Erfahren Sie, wie Sie die richtige Technologie auswählen, die Ihren Geschäftsanforderungen entspricht