Achter de schermen van TriFinance: hoe we met Craft CMS een internationaal platform bouwden
- Development
- CraftCMS
- Content Management
- Partnership
Van een complexe contentmigratie tot slimme plugins, maatwerk en internationale integraties. Matthias Brodelet, Partner & Lead Developer bij GRIP, neemt je mee in de technische keuzes achter de vernieuwde websites van TriFinance en TriHD.
Een internationale website vernieuwen is meer dan een nieuw design ontwikkelen en bestaande content overzetten. Zeker wanneer verschillende landen, talen, merken en externe systemen samenkomen.
Voor TriFinance en TriHD bouwden we een nieuw platform op basis van Craft CMS 5. Het doel was duidelijk: een technische basis ontwikkelen die betrouwbaar en flexibel is, maar tegelijk eenvoudig blijft voor de marketing- en contentteams die er dagelijks mee werken.
In dit artikel lichten we toe hoe we dat hebben aangepakt, welke technologieën we gebruiken en waarom we bepaalde keuzes hebben gemaakt.
1. Eén CMS, vier landen en meerdere talen
TriFinance is actief in België, Nederland, Duitsland en Luxemburg. Elk land heeft zijn eigen content, taalversies, diensten en lokale behoeften.
We kozen daarom voor de multi-sitefunctionaliteit van Craft CMS 5. Hiermee beheren de verschillende landen en taalversies hun content vanuit één centrale CMS-omgeving, met voldoende vrijheid voor lokale aanpassingen.
Voor TriHD ontwikkelden we een afzonderlijke Craft CMS-installatie, die gebruikmaakt van dezelfde technische basis en herbruikbare componenten.
2. Contentmigratie met aandacht voor SEO
Bij de overstap van het vorige CMS naar Craft CMS moesten bestaande pagina's, contentstructuren en URL's zorgvuldig worden overgezet.
Een dergelijke migratie brengt ook uitdagingen met zich mee op het vlak van SEO. Daarom besteedden we aandacht aan de nieuwe URL-structuur, redirects en SEO-metadata, met als doel de bestaande vindbaarheid zoveel mogelijk te behouden.
-
Met SEOmatic beheren we onder meer SEO-titels, metabeschrijvingen en technische metadata. De plugin helpt om SEO-instellingen op een consistente manier toe te passen over verschillende pagina's en websites.
Voor een internationaal platform is dat bijzonder handig: je wilt een centrale aanpak, maar ook voldoende controle per land en taal.
-
Retour gebruiken we voor het beheer van redirects.
Wanneer URL's wijzigen, zorgen redirects ervoor dat bezoekers en zoekmachines op de juiste nieuwe pagina terechtkomen. Zo beperken we het risico op gebroken links en verlies van opgebouwde vindbaarheid.
Bij een omvangrijke contentmigratie is dat geen detail, maar een essentieel onderdeel van de technische oplevering.
3. Slimme plugins die het dagelijkse beheer eenvoudiger maken
Craft CMS biedt een sterke basis, maar de echte meerwaarde ontstaat wanneer je het platform uitbreidt met de juiste functionaliteiten.
We kiezen daarbij bewust voor een combinatie van bestaande plugins en eigen maatwerk.
-
Met SEOmatic beheren we onder meer SEO-titels, metabeschrijvingen en technische metadata. De plugin helpt om SEO-instellingen op een consistente manier toe te passen over verschillende pagina's en websites.
Voor een internationaal platform is dat bijzonder handig: je wilt een centrale aanpak, maar ook voldoende controle per land en taal.
-
Retour gebruiken we voor het beheer van redirects.
Wanneer URL's wijzigen, zorgen redirects ervoor dat bezoekers en zoekmachines op de juiste nieuwe pagina terechtkomen. Zo beperken we het risico op gebroken links en verlies van opgebouwde vindbaarheid.
Bij een omvangrijke contentmigratie is dat geen detail, maar een essentieel onderdeel van de technische oplevering.
-
Voor de zoekfunctionaliteit maken we gebruik van Meilisearch.
In plaats van alle zoekopdrachten rechtstreeks door de CMS-database te laten verwerken, gebruiken we een gespecialiseerde zoekengine.
Meilisearch is ontwikkeld om snel relevante zoekresultaten terug te geven en biedt mogelijkheden voor onder meer filtering en zoekindexering.
Voor een website met veel diensten, inzichten en andere content is een goede zoekervaring een belangrijk onderdeel van de gebruiksvriendelijkheid.
4. Eigen maatwerk: de Site Health Widget
Niet iedere functionaliteit vraagt om een externe plugin.
Voor TriFinance ontwikkelden we bijvoorbeeld een eigen Site Health Widget binnen het Craft CMS-dashboard.
Die helpt contentbeheerders om mogelijke problemen op de website sneller op te sporen.
De widget controleert onder meer op:
- Dode links: verwijzingen naar pagina's of bestemmingen die niet meer correct bereikbaar zijn.
- Orphan pages: pagina's die wel bestaan, maar niet via interne links bereikbaar zijn.
Dat laatste is vooral interessant bij grotere websites. Een pagina kan technisch perfect gepubliceerd zijn, maar toch nauwelijks gevonden worden omdat er nergens naar wordt verwezen.
Door deze controles rechtstreeks in het CMS beschikbaar te maken, kunnen contentteams zelf de kwaliteit van hun website opvolgen.
Het resultaat is niet alleen een technisch gezonder platform, maar ook minder afhankelijkheid van developers voor dagelijkse kwaliteitscontroles.
5. Image & asset management via Bunny.net
Afbeeldingen spelen een grote rol in de uitstraling van de vernieuwde TriFinance-websites. Tegelijk kunnen grote hoeveelheden beeldmateriaal een impact hebben op de prestaties van een website.
Daarom kozen we voor Bunny.net voor de externe opslag en distributie van afbeeldingen.
Waarom afbeeldingen extern opslaan?
In een klassieke configuratie worden afbeeldingen vaak op dezelfde server opgeslagen als de website.Bij TriFinance bewaren we de beeldbestanden extern via Bunny.net, terwijl de contentbeheerders hun afbeeldingen gewoon vanuit Craft CMS blijven beheren. Dat zorgt voor een duidelijke scheiding tussen het CMS en de opslag van mediabestanden.
De voordelen van een CDN
Bunny.net maakt gebruik van een Content Delivery Network (CDN): een wereldwijd netwerk van servers dat bestanden dichter bij de eindgebruiker kan aanbieden. Wanneer iemand in Duitsland of Nederland een afbeelding opvraagt, hoeft die niet noodzakelijk telkens vanaf de oorspronkelijke webserver te worden opgehaald. Dankzij caching kunnen afbeeldingen sneller worden aangeboden en wordt de oorspronkelijke server minder belast.
Voor een internationaal platform zoals TriFinance is dat een logische keuze.
Klaar voor verdere groei
Door assets los van de webserver te beheren, houden we de infrastructuur overzichtelijker en kunnen we opslag en distributie afzonderlijk optimaliseren.
Snelle en geoptimaliseerde afbeeldingen
Naast Bunny Storage en CDN gebruiken we ook Bunny Optimizer. Hiermee worden afbeeldingen automatisch geoptimaliseerd voor de manier waarop ze op de website worden weergegeven.
Zo kunnen afbeeldingen in het juiste formaat en met aangepaste afmetingen en compressie worden aangeboden, zonder dat contentbeheerders zelf verschillende versies moeten uploaden. In combinatie met het wereldwijde CDN zorgt dit voor kleinere bestanden, snellere laadtijden en minder belasting van de webserver. Zeker voor een internationale website als TriFinance is dat een belangrijke meerwaarde.
6. Integraties met Salesforce en Connexys
De vernieuwde websites staan niet op zichzelf. Ze maken deel uit van een groter digitaal ecosysteem.
Daarom ontwikkelden we verschillende koppelingen met externe systemen.
Salesforce: van formulier naar CRM
Commerciële aanvragen worden via de website verzameld en doorgestuurd naar Salesforce.
Zo komen nieuwe leads rechtstreeks in het CRM-systeem terecht, waar ze verder kunnen worden opgevolgd.
De website wordt daarmee een actief onderdeel van het commerciële proces, in plaats van alleen een digitaal visitekaartje.
Connexys: actuele vacatures op de website
Voor de recruitmentomgeving ontwikkelden we een koppeling met Connexys.
Vacaturegegevens worden vanuit het recruitmentplatform beschikbaar gemaakt op de website. Zo kunnen kandidaten actuele jobs ontdekken zonder dat contentbeheerders dezelfde vacatures op meerdere plaatsen moeten onderhouden.
Ook de sollicitatieflow maakt deel uit van deze technische samenhang.
Nog technisch te bevestigen: hoe verloopt de synchronisatie precies, hoe worden vacatures gecachet en welke onderdelen van de sollicitatieflow worden rechtstreeks via Connexys afgehandeld?
7. Analytics en tracking als onderdeel van de architectuur
Bij een internationaal platform is het belangrijk om niet alleen bezoekers aan te trekken, maar ook te begrijpen wat ze doen.
Daarom werd tracking vanaf de ontwikkeling meegenomen.
Voor TriFinance werken we onder meer met Google Analytics 4, Google Tag Manager en Microsoft Clarity, in samenwerking met het Utrechtse bureau Like Honey.
De uitdaging bestaat erin om tracking correct te integreren met de verschillende websites, talen, formulieren en gebruikersinteracties.
Op die manier ontstaat een betere basis om conversies, bezoekersgedrag en verbeterpunten te analyseren.
8. Een platform dat blijft evolueren
Met de lancering van de nieuwe websites is het technische werk niet afgelopen.
Net daarom besteden we zoveel aandacht aan de architectuur achter het platform.
Door te werken met herbruikbare componenten, bewezen plugins, externe diensten en gericht maatwerk kunnen we nieuwe functionaliteiten toevoegen zonder telkens opnieuw te moeten beginnen.
"Voor ons is dat de belangrijkste kracht van Craft CMS: het biedt de vrijheid om een platform te bouwen dat aansluit bij de organisatie, in plaats van de organisatie te laten werken volgens de beperkingen van een standaardoplossing.
De vernieuwde websites van TriFinance en TriHD zijn daar een mooi voorbeeld van."
Matthias Brodelet
Partner & Lead Developer — GRIP
Ook op zoek naar een sterk digitaal fundament?
Een nieuw webplatform, complexe integraties of meer halen uit Craft CMS? Bij GRIP denken we graag mee over de technische aanpak van jouw project.
-
Grip is officially a Craft CMS Partner
We’ve recently been officially recognized as a Craft CMS Partner. A logical step, as we’ve been building digital platforms with Craft for years.
- CraftCMS
- Partnership
-
Why agencies collaborate with development partners
More and more agencies collaborate with development partners to bring strong concepts and design to life technically.
- Partnership
- Development
- Strategie & advies
- Concept
-
The benefits of working with Craft CMS
Discover the key advantages that make Craft CMS one of the best choices for modern web development. Fully supported by Grip.
- Development
- CraftCMS
- Content Management
-
Collaboration between Chronion and Grip
We are expanding our expertise into consultancy.
- Development
- Strategie & advies
- Content Management
-
The House webshop wins award for best digital experience
When The House, a specialist in precious metals and jewellery trading, asked us to completely redesign their webshop, we went all in. The result? An award-winning webshop that seamlessly combines design and performance.
- Development
- Strategie & advies
- CraftCMS
- Content Management
- Concept