-
Personalization
UX / UI
Interactief verbinden met real-time locaties en events
Pim Krebbers
Wie werkt aan een nieuwe website weet vaak één ding zeker: design, gebruiksvriendelijkheid en vindbaarheid zijn key. Maar zodra je te maken krijgt met fysieke locaties, wisselende evenementen en actuele data, wordt het snel complex.
Hoe zorg je ervoor dat al die informatie visueel aantrekkelijk, altijd up-to-date én makkelijk te beheren blijft? Dat is precies de uitdaging waar onze partner 3X3 Unites mee te maken had. Het antwoord vonden we in een krachtige integratie van XperienCentral met de visuele kracht van Google Maps.
Waarom een interactieve kaart essentieel is voor de UX
Bij 3X3 Unites draait alles om de straat en lokale verbinding: waar is het volgende event, waar vind je een court in de buurt en wie speelt daar? In deze context is een interactieve kaart geen ‘leuke extra’, maar de kern van de gebruikerservaring (UX).
De doelgroep is jong en mobiel. Bezoekers willen in één oogopslag zien wat er in hun omgeving gebeurt. Denk aan:
- Locatie-based content: Direct zien wat er op 500 meter afstand gebeurt.
- Slimme filters: Zoeken op spelersniveau, type event of datum.
- Directe actie: Vanuit de kaart doorklikken naar inschrijvingen.
De technische uitdaging: data vs. design
Achter een intuïtieve interface op de voorkant, schuilt vaak een complexe technische achterkant. De uitdaging bij locatie-gedreven websites is vaak versnippering: evenementen staan in het ene systeem, locatie-coördinaten in Google, en content in het CMS.
Voor 3X3 Unites wilden we af van die versnippering. We hebben een architectuur neergezet waarbij kaartdiensten (zoals Google Maps) en content management volledig samensmelten.
Dit vereist meer dan een simpele plugin; het vraagt om slimme API-koppelingen die locatiedata, beschikbaarheid en redactionele content real-time combineren zonder in te leveren op laadsnelheid.
De kracht van XperienCentral: 'Single Source of Truth'
De techniek staat of valt met de beheersbaarheid. Je wilt als organisatie niet voor elke nieuwe locatie afhankelijk zijn van developers. Voor 3X3 Unites was het cruciaal dat redacteuren niet in losse databases of externe kaart-tools hoeven te werken. Daarom hebben we XperienCentral (XC) ingericht als de single source of truth.
Wat betekent dit in de praktijk voor de redactie van 3X3?
- Centraal beheer: Evenementen en locaties worden in één systeem gekoppeld.
- No-code updates: Een redacteur voegt een locatie toe, past tags aan (bijv. "U18 toernooi") en uploadt foto’s.
- Real-time publicatie: Zodra er op 'publiceren' wordt gedrukt, update de kaart direct. Geen wachttijd, geen synchronisatie-problemen.
De redactie houdt hierdoor de volledige controle en kan zelfstandig opereren, zonder afhankelijk te zijn van developers voor dagelijkse updates.
Highlight
3X3 in de buurt
Voor 3X3 Unites ontwikkelden we een volledig nieuw webdesign waarin de kaartfunctionaliteit centraal staat. De feature ‘3X3 in de buurt’ gaat verder dan het tonen van basketbalvelden: het brengt evenementen, activiteiten en wedstrijden samen op één interactieve kaart, gebaseerd op Google Maps.

Wat maakt dit zo krachtig?
-
Relevante info in één oogopslag: Gebruikers zien direct welke courts, events en activiteiten er bij hen in de buurt plaatsvinden, dankzij een slimme combinatie van locatiegegevens en content.
-
Real-time updates via het CMS: Alle locaties, beschrijvingen, afbeeldingen en evenementen worden beheerd in XperienCentral. Zodra een redacteur iets wijzigt, wordt dit automatisch en direct zichtbaar op de kaart. Er is dus geen losse database of extra tool nodig.
-
Slimme contentkoppelingen: In het CMS zijn events gekoppeld aan locaties, en locaties aan tags of doelgroepen (zoals leeftijd of niveau). Die relaties zorgen ervoor dat gebruikers gericht kunnen filteren, terwijl het beheer overzichtelijk blijft.
-
Gebruiksvriendelijk beheer: Het team van 3X3 Unites kan zelfstandig nieuwe events publiceren, locaties toevoegen of tags aanpassen, alles binnen één vertrouwde omgeving.
Klaar om jouw website naar een hoger niveau te tillen?
Bekijk de volledige redesign van 3X3 Unites hier en ontdek hoe slimme CMS-integratie en interactieve kaarten jouw platform gebruiksvriendelijk én schaalbaar maken.