Maatwerk app · Shockx
Een tactiekbord dat coaches echt gebruiken.
Rugbytactiek leeft op whiteboards, bierviltjes en in hoofden. Voor Shockx bouwde Collaiga de Playmaker: een interactieve app waarmee coaches opstellingen uitwerken, spelfases animeren en plays direct delen met hun team.
- React
- Firebase
- Netlify
Het probleem
Shockx is een Nederlands rugbymerk dat meer wil zijn dan een productverkoper: een platform voor de rugbycommunity. Coaches in die community werken hun tactiek uit op papier of een whiteboard. Dat werkt op de club, maar een play delen met spelers die er niet bij waren betekent een foto appen van een volgekrabbeld bord. Bewegend spel uitleggen op een stilstaand bord blijft behelpen.
De oplossing
Een tactiekbord in de browser, gebouwd rond hoe rugbycoaches echt denken. Spelers slepen op een echt veld, spelverloop tekenen met rugbyspecifieke tools, en de hele fase afspelen als animatie. Klaar? Exporteren als GIF en direct in de teamapp delen.
Wat er in zit
Rugbyspecifieke tools
Run, pass, place kick, grubber, tackle en gum. Geen generieke pijltjes, maar de taal van het spel.
Frames en animatie
Elke spelfase is een frame. Achter elkaar afgespeeld wordt een statische opstelling een bewegend play.
GIF-export en WhatsApp
Een play verlaat de app zoals het team communiceert: als bewegend beeld, direct te delen.
Plays opslaan
Met een account bewaren coaches hun plays online en bouwen ze een eigen bibliotheek op.
Keypoints en opmerkingen
Bij elk play horen aandachtspunten voor de coach. Die reizen mee met het bord.
Drie views, één app
Playmaker voor wedstrijdtactiek, Training met pionnen en tackle bags, Coaching Board om vrij te tekenen.
Eerlijk over de uitdagingen
Het speelveld moest op elk scherm kloppen: veldlijnen, in-goals en spelersposities schalen mee van laptop tot telefoon, in kwart-, half- en heel-veldweergave, horizontaal en verticaal. Daarnaast vroeg de beveiliging aandacht: de app draait volledig in de browser, en een strikte Content Security Policy botst met hoe de eerste versie code laadde. Dat is gedocumenteerd en stapsgewijs aangescherpt.
Het resultaat
Een werkende app, live op het web, waarmee een coach binnen een minuut een opstelling op het veld zet en binnen vijf een geanimeerd play deelt met het team. Wat eerst een foto van een whiteboard was, is nu een GIF die precies laat zien wie waar loopt. En het bord is tegelijk een podium voor het merk: het Shockx-bitje heeft er een vaste plek in.