Teamwork tussen BOIC en Dynamate leidt tot een fan-georiënteerde website

Teamwork tussen BOIC en Dynamate leidt tot een fan-georiënteerde website

De visie van het Belgisch Olympisch en Interfederaal Comité is duidelijk: bijdragen tot het imago van een succesvol land en dit succes delen met iedereen door het aantal Belgische atleten in de wereldtop op de Olympische Spelen aanzienlijk te verhogen. Als de zelfverklaarde topsporters die we zijn, schoot Dynamate al snel uit de startblokken om hen te helpen met een fan-georiënteerde website vol boeiende verhalen en informatie over Team Belgium. Een ware team effort!

Wat de klant wou

Naast een inspirerende en informatieve website voor fans, atleten en pers, namen vooral de technische uitdagingen de bovenhand. Met een intuïtieve navigatiestructuur, optimalisatie van UX, UI en branding, een gebruiksvriendelijke CMS en een live result tool wisten onze experts zich bezig te houden. En belangrijk: de website moest klaar zijn om de komende 5 tot 10 jaar probleemloos te doorstaan. Om dit alles te verwezenlijken ondernam Dynamate de volgende stappen:

  • Implementatie van een geavanceerde MACH-structuur met verschillende databronnen, waaronder de CRM- en CMS-platformen
  • Toepassen van een headless approach met behulp van React, Next.js en GraphQL API
  • Een CMS systeem dat 360° contentbeheer mogelijk en makkelijk maakt
  • Een vlotte en snelle doorzoekbare filtering van een grote hoeveelheid data
  • Een gebruiksvriendelijke webshop die het team sportief en financieel ondersteunt

Door het succesvol implementeren van deze technische onderdelen wist Dynamate een krachtige en complexe digitale oplossing te creëren voor het BOIC die een solide basis biedt met het oog op de toekomst.

MACH-architectuur met diverse databronnen

Een van de belangrijkste verwezenlijkingen is de implementatie van een MACH-architectuur, een verzameling van een aantal premium technologieplatformen: Microservices, API-first, Cloud-native en Headless. Elk van deze onderdelen is voortdurend schaalbaar, vervangbaar en optimaliseerbaar. Deze werkwijze geeft bedrijven de vrijheid om te kiezen uit de beste tools op de markt en een structuur te behouden die het eenvoudig maakt deze in de toekomst aan te passen of te vervangen.

Daarnaast maakt de geavanceerde architectuur het mogelijk voor het BOIC om diverse databronnen te integreren waaronder het CRM-systeem, Belga, het CMS en de custom resulttool. Hierdoor kon het putten uit duizenden records met nieuwsberichten, atletengegevens, sporten, wedstrijden, resultaten en medailles. De op maat gemaakte resultatentool werd specifiek ontwikkeld om tijdens de Spelen snel resultaten te uploaden a.d.h.v. een Exceldocument. De architectuur maakt het achteraf dan weer eenvoudig te vervangen wanneer deze toepassing zijn doel heeft bereikt.

Headless aanpak met React, Next.js en GraphQL API

Dynamateheeft een headless aanpak toegepast bij de ontwikkeling van de website voor het BOIC. Dit betekent dat de backend (BE) en frontend (FE) van elkaar zijn losgekoppeld. Voor dit project koos Dynamate voor het gebruik van React, Next.js en GraphQL API, wat resulteerde in een uiterst flexibele en schaalbare oplossing. De implementatie van het Next.js framework, gebouwd op de populaire React-library, was een nieuwe uitdaging voor ons team, die we met succes zijn aangegaan. Deze technische keuzes stellen het BOIC in staat om de website efficiënt te beheren, terwijl tegelijkertijd de prestaties en de gebruikerservaring worden geoptimaliseerd.

Door de combinatie van de structuur en de headless aanpak maken we het het BOIC mogelijk om op een overzichtelijke en exhaustieve manier alle binnenkomende en buitengaande content te beheren. Deze 360° approach geeft hen een stap voor in de sprint tegen de uitdagingen van een erg dynamische sector.

Geavanceerde zoekfunctionaliteit en filtering

Een laatste opmerkelijke functionaliteit die onze developers hebben ontwikkeld voor de website van het BOIC is een geavanceerde zoekfunctie en filtering. Door de grote hoeveelheid data op de website, zoals voornoemde atletengegevens en resultaten, was het essentieel om gebruikers de mogelijkheid te bieden om snel en efficiënt door deze informatie te navigeren. Door een vlot doorzoekbare filtering te implementeren, vergelijkbaar met de functionaliteit op de Team Belgium-medailles pagina, stelden we Team Belgium-fans in staat om specifieke informatie te vinden en resultaten te bekijken op een intuïtieve en gebruikersvriendelijke manier. Een prachtig staaltje maatwerk op vlak van front-end en back-end development.

De gloednieuwe webshop: sportieve en financiële ondersteuning

De officiële webshop, gebouwd in Shopify, biedt bezoekers de mogelijkheid om hun favoriete merchandise eenvoudig aan te schaffen. Op die manier kunnen echte fans hun idolen van Team Belgium niet enkel sportief maar ook financieel ondersteunen.
 

  • Grote piekverwerking voor internationale campagnes

De moderne webshop is specifiek gebouwd om grote bezoekersaantallen tijdens nationale campagnes, zoals de Olympische Spelen, moeiteloos te verwerken. Dit garandeert dat fans altijd toegang hebben tot hun favoriete merchandise, zelfs tijdens drukke periodes. De robuuste omkadering van Shopify vermindert zo het risico op site crashes en verbetert de gebruikservaring, waardoor fans meer geneigd zijn aankopen te doen.

  • Integratie met Shopify POS

Daarnaast is de webshop gekoppeld aan het vernieuwde Shopify POS. Dit stelt Team Belgium in staat om ook op locatie, zoals bij evenementen, producten te verkopen met alle voordelen die Shopify POS biedt. Dit betekent realtime voorraadbeheer, gemakkelijke betalingsverwerking en een naadloze integratie met de online winkel, en dat op de "winkelvloer". Hierdoor kunnen fans ook op evenementen snel, eenvoudig en zonder aanschuiven merchandise kopen, wat de verkoopmogelijkheden aanzienlijk uitbreidt.

  • Upselling via 'Vervolledig je Kit'

De webshop biedt upselling mogelijkheden door klanten aan te moedigen hun aankopen te vervolledigen met bijpassende items. Dit verhoogt niet alleen de verkoop, maar biedt fans ook een complete set van hun favoriete Team Belgium-uitrusting. Hierdoor kunnen klanten met één aankoop volledig uitgerust zijn, wat de klanttevredenheid verhoogt en de gemiddelde orderwaarde verhoogt.

  • Shop to support

Met de "shop to support" optie kunnen fans bijdragen aan het succes van Team Belgium. Een deel van de opbrengsten gaat direct naar de atleten, waardoor fans niet alleen sportief, maar ook financieel kunnen bijdragen aan hun favoriete team. Dit creëert een gevoel van betrokkenheid en loyaliteit onder de supporters, terwijl het financiële ondersteuning biedt aan de atleten.

 

Deze functionaliteiten en voordelen maken de webshop een waardevolle aanvulling op de strategie van Team Belgium om hun fanbase te versterken en zo des te meer hun atleten te ondersteunen.

Conclusie

Dankzij deze teamprestatie van strategen, projectmanagers, designers en developers heeft het BOIC nu een geavanceerde, innovatieve en complexe website die voldoet aan hun specifieke wensen. Het snelle, gebruiksvriendelijke platform dat de community van en rond Team Belgium moet versterken, in combinatie met een overzichtelijk databeheer, moet onze topsporters klaarstomen voor de nabije toekomst.

Ben je ook op zoek naar een digitale oplossing voor je organisatie? Neem dan contact op en laat ons weten hoe wij je kunnen helpen bij je project. Samen met jouw persoonlijke aanspreekpunt bekijken hoe we alles van A tot Z kunnen regelen om jouw wensen te vervullen. Want net zoals iedere topsporter weet ook Dynamate dat de medailles pas worden uitgereikt op het einde.

Let’s be friends, vertel ons over jouw project

Steun de warmste week