Naadloze CMS-consolidatie voor toonaangevende fitnessgroep

De uitdaging

Urban Gym Group is een toonaangevende fitnessgroep die haar community centraal stelt. De groep bezit en exploiteert 6 unieke fitness- en wellnessmerken verspreid over 35 sportscholen in grote steden door heel Nederland, waaronder Trainmore, Renessence, Clubsportive, Bootyclub en Trib3. De missie van de groep is het bevorderen van een diverse community gericht op fitness en welzijn door middel van innovatieve sportschoolconcepten.

De groep had een complete herontwerp van hun website nodig met een op maat gemaakte oplossingsarchitectuur om de contentmanagementsystemen van hun 5 afzonderlijke merkwebsites te consolideren in één enkel platform.

De uitdaging was om alle contentbeheer te aggregeren en centraliseren in één platform dat een snelle website met snelle content-updates kon leveren.
Daarnaast vereiste de groep dat de websites een meertalige URL-structuur hadden en de mogelijkheid om complexe paginastructuren in het CMS te bouwen. Dit betekende dat de groep een interne infrastructuur nodig had om deze oplossing met meerdere omgevingen te ondersteunen.

De moeilijkheid was dat er geen infrastructuur was om mee te werken, inclusief geen gedefinieerd ontwikkelingsproces of werkwijzen. We moesten eenvoudige maar effectieve oplossingen presenteren om aan deze eisen te voldoen.

Onze oplossing

In samenwerking met het toonaangevende Amsterdamse ontwerpbureau RONIN, werkte ons team aan het leveren van een naadloos, gecentraliseerd platform voor alle UGG-merken en de UGG-bedrijfswebsite, met prestaties en content-updates als middelpunt.

Met een slim ontworpen headless CMS met Contentful, gebruikten we ‘contentful spaces’ voor logische scheiding van elke UGG-website. In combinatie daarmee hebben we gebruik gemaakt van het robuuste framework van NextJS om de naadloze bouw en functionaliteit van het platform te ondersteunen, om 4 verschillende websites te creëren die lezen van één gecentraliseerde headless CMS met behulp van GraphQL API.

Ons team gebruikte Microsoft Azure als cloudprovider, GitHub voor broncodebeheer en continuous integration/continuous delivery (CI/CD), Kubernetes voor applicatiebeheer en Terraform voor infrastructuurbeheer. Daarnaast integreerde ons team JotForm voor formulierinzendingen.

Ons team ontwikkelde ook aangepaste Contentful-applicaties waarmee de contentmanagers van de klant gemakkelijk complexe paginastructuren kunnen bouwen en content kunnen beheren/creëren.

Om de meertalige URL-structuur te creëren, gebruikte ons team het dynamische routingsysteem van NextJS en paste aangepaste algoritmen toe om de lokalisatie te berekenen. Dit ondersteunt de regeneratie van statische content en presenteert het op een naadloze, mooie manier.

We zijn erin geslaagd om de prestaties van de statische websites aanzienlijk te verbeteren met behulp van ISR (Incremental Static Regeneration) dat statische content in runtime update om het hervalidatieproces te stroomlijnen.

Van cruciaal belang was dat we hielpen bij het ontwikkelen van een robuuste werkwijze om het UGG-team te ondersteunen bij hun contentbeheerprocessen, inclusief het ontwikkelingsproces en geautomatiseerde implementaties, enz. Aangezien de groep eerder geen infrastructuur had om dit mogelijk te maken, implementeerde ons team alle infrastructuur om applicaties te ondersteunen. Zo implementeerden we AKS, ACR en Storage Accounts om te helpen met blob, tabel, bestandsdeling, enz.

Het resultaat

Dankzij onze consolidatie-inspanningen en op maat gemaakte oplossingsarchitectuur heeft Urban Gym Group nu een snel en naadloos gecentraliseerd platform om al hun website-inhoud te beheren.

Dit heeft geleid tot een significante vermindering van de cognitieve belasting van het systeem bij het beheren van verschillende applicaties. Dit betekent dat de contentmanagers van UGG zich alleen hoeven te concentreren op content zonder de frontend/gebruikersinterface te hoeven beheren.

Aangezien alle applicaties zijn gedockeriseerd, is er een verhoogde consistentie van applicatiegedrag tussen omgevingen. Ons gebruik van Kubernetes verbeterde de consistentie verder.

Belangrijk is dat UGG nu een nieuw ontwikkelingsproces heeft opgezet dat wordt ondersteund door meerdere omgevingen (DEV, QA, PROD). Dit zal het team helpen bij het ontwikkelen van nieuwe functies, het uitvoeren van debuggingbenaderingen en het automatiseren van implementaties.