Headless TYPO3 & PWA

Benefit Systems

Nowa odsłona platformy dla posiadaczy karty Multisport zbudowana w ciągu kilku miesięcy.

Klient:

Macopedia jest kluczowym partnerem technologicznym firmy Benefit Systems od 2016 roku. Wspólnie pracujemy nad projektami, które dostarczają wartość ich klientom, w tym uczestnikom programu MultiSport. Program ten jest znany z dostępu do tysięcy obiektów sportowych, ale posiadacze kart MultiSport mogą korzystać również z rowerów miejskich, pobierać ebooki czy uczyć się języków. Firma Benefit Systems chciała upewnić się, że klienci mają świadomość tych możliwości, dlatego poprosiła nas o odświeżenie portalu kartamultisport.pl.

Wyzwanie:

Zbudowanie nowoczesnej strony w technologii TYPO3 Headless & PWA z wygodnym dostępem mobilnym i stabilnym systemem CMS.

Rozwiązanie:

Projekt wystartował na początku 2020 roku, ale lockdown wprowadzony na terenie całej Polski sprawił, że musieliśmy dopasować strategię do nowej rzeczywistości. Firma Benefit Systems wypuściła serię wirtualnych usług takich jak videokonsultacje z dietetykami czy treningi odbywające się online. Naszym zadaniem było szybkie zaplanowanie i wdrożenie narzędzi, które pozwolą użytkownikom z nich skorzystać.

Po zniesieniu ścisłych obostrzeń związanych z pandemią wróciliśmy do projektu z pełną mocą. Kluczowym działaniem było zmigrowanie użytkowników do nowej wersji platformy. Klient zgodził się z naszą propozycją, aby wykorzystać w projekcie TYPO3PWA – rozwiązanie, które sprawiło, że strona działa szybko, ale jednocześnie jest wygodna w administrowaniu. PWA, którą zbudowaliśmy przy pomocy Vue.js i Nuxt.js ma liczne zalety aplikacji mobilnych, może być używana przy słabym dostępie do internetu, a do tego jest dobrze zoptymalizowana pod SEO.

Infrastruktura platformy musiała być skalowalna i wydajna tak, aby bez trudu radzić sobie z dużym ruchem na stronie. Nasz zespół DevOps we współpracy z klientem i przy użyciu Dockera stworzył lekką infrastrukturę opartą na tzw. kontenerach. Wykorzystaliśmy również Kubernetes, aby zaprojektować zautomatyzowany proces wdrażania aktualizacji.

Najważniejsze

highlights

Technologia Headless

Użycie TYPO3 Headless & PWA, technologii spopularyzowanej przez nasz zespół, pozwoliło nam na elastyczne połączenie CMSa TYPO3 z frontendową aplikacją napisaną przy pomocy Vue.js i Nuxt.js

Sprawny proces

Transparentny Scrumowy proces oparty na bliskiej współpracy naszego zespołu z klientem pozwolił nam szybko ukończyć projekt.

Rezultaty:

Klienci Benefit Systems natychmiast docenili wygodę korzystania z nowej wersji platformy. Kilka dni po jej premierze padł rekord wizyt w obiektach sportowych umówionych przez aplikację.

Sprawdź jak dopasować technologię do Twoich potrzeb biznesowych