Industrie:
Sportsbook en iGaming platforms
Tijdlijn:
5-6 maanden
Impact:
€200k+ bespaard op development sinds 2023
Sportsbooks zijn geen gewone interfaces. Ze zijn live, lawaaierig en vergeven niets. Een layout die wiebelt als de odds bewegen, een betslip die je selectie kwijtraakt, een thema dat bij elke seizoensupdate handmatig wordt geplakt, dat zijn geen designproblemen. Dat zijn omzetproblemen. Neon Slate is wat er gebeurt als je die problemen serieus neemt: een compacte, hoogcontrast frontend gebouwd voor live momenten, snelle beslissingen en gebruikers die geen tijd hebben om te raden. Ontworpen in Figma, gebouwd in HTML, SCSS en Vue, opgeleverd voor desktop en mobiel met 60 fps live updates en een tokensysteem dat nieuwe skins levert zonder dat iemand in de codebase hoeft te wroeten.
Gestart 5 april 2025, afgerond 29 september 2025, honderd procent klaar. Multi-region, gereguleerde markten, NDA van kracht.
UX, UI en de volledige frontend-laag, hand in hand met het backendteam van de klant. Geen pagebuilders hier, gewoon code die doet wat het moet doen.
Sinds begin 2023 zijn wij het externe productteam voor deze sportsbook-klant, verspreid over meerdere projecten. Het begon met backendontwikkeling om het platform te stabiliseren, groeide door naar een dedicated frontendteam dat wekelijks nieuwe features shipt. Samen werkten we aan meerdere sportsbook UI-templates, een browsergebaseerd 3D roulettespel, live in-game 3D-animaties en een esportssectie. De opdracht was helder: snel shippen, kwaliteit hoog houden en een opgeblazen, duur intern team vermijden.
Sportsbooks zijn drukke keukens tijdens de lunchspits. Data blijft binnenkomen, prijzen bewegen, markten worden opgeschort en mensen beslissen in seconden. De oude interface had drie klassieke problemen:
Neon Slate moest compacte, leesbare sportsbook UI design leveren, eerlijke prijswijzigings- en opsporingscues, en een tokenized themasysteem zodat merksfeer kon veranderen zonder de bedrijfslogica aan te raken.
Wij behandelen de frontend als de ober en de backend als de keuken. De ober moet soepel bewegen, niet struikelen. Neon Slate is een nieuwe ober met betere schoenen.
Figma is onze bakkerij, tokens zijn het meel, componenten zijn de koekjes, en QA is de kieskeurige klant die het koekje terugstuurt als de chocoladeschilfers niet symmetrisch zijn.
Over alle fases en projecten samen leverden we meer dan 6.800 uur development, ruwweg 274.000 euro in totaal tegen circa 40 euro per uur. Als de klant lokale senior developers had ingehuurd tegen 70 tot 100 euro per uur, had hetzelfde werk over deze periode zo’n 200.000 tot 400.000 euro meer gekost. In de praktijk betekent dat circa 6.000 tot 12.000 euro bespaard per maand, terwijl er toch met een stabiel senior team gewerkt werd dat het platform van binnen en van buiten kent.
Frameworks zijn als cakemix, volg het recept, krijg een goed biscuit, eet het beslag niet. We gebruikten Vue omdat reactieve componenten passen bij odds die nooit stilzitten.
Onze designs bevatten volledige inlog-, registratie- en successtatussen. We hebben wrijving verminderd, labels helder gehouden en fouten menselijk gemaakt.
Inloggen moet aanvoelen als je voordeur openen, niet als een raadsel oplossen.
Je gaf ons een zee van Mijn account, bankschermen, stortingen, opnames, bankgegevens, verificatie, limieten en geschiedenis. We hebben ze verpakt als een volwaardige bankingapp.
Je packs tonen uitgebreide instellingen voor desktop en mobiel. We hebben opties gegroepeerd zodat gevorderde gebruikers kunnen finetunen zonder te verdwalen.
Denk gereedschapskist, niet zolder. Alles gelabeld, niets begraven.
Dit is waar in-play betting UX zijn waarde bewijst. Neon Slate gebruikt compacte dichtheid en vriendelijke cues zodat je ogen minder werk hebben.
Je krijgt signaal, geen ruis. Je beweegt snel zonder te raden.
Marktnamen kunnen essays zijn. We klemmen af op twee regels met tikken-om-uit-te-vouwen zodat rijen netjes blijven. Odds-pills zijn groot genoeg om te raken, klein genoeg om te pakken. Prijs-omhoog en prijs-omlaag krijgen duidelijke kleur en iconen. Opgeschorte markten worden grijs en reageren niet op klikken. De layout wiebelt niet als data verandert.
Desktop gebruikt een rechterkolom voor promoties, mobiel plaatst ze onder de hoofdflow. Frequentielimieten voorkomen herhaling. Promoties blokkeren nooit odds en stelen geen focus. Nuttige extra’s, geen pop-upclowns.
Je sets bevatten esports- en casinotabs. Navigatie blijft consistent, aandacht blijft bij de huidige taak, en hetzelfde tokensysteem houdt alles verwant zonder layouts te klonen.
We kunnen meer gedetailleerde grafieken privé tonen met inachtneming van de NDA.
Nee. Dit is een NDA-case. We tonen gesaniteerde schermen met nepdata en Neon Slate-tokens. Het echte merk blijft privé.
Nee. We bouwen maatwerk WordPress of Shopify of WooCommerce voor sites, en voor apps zoals deze bouwen we componenten met de hand.
Gevirtualiseerde lijsten zodat alleen zichtbare rijen renderen, gebatchte DOM-schrijfacties om haperingen te vermijden, en transform-gebaseerde animaties zodat de GPU een handje helpt.
De patronen werken ook elders. We gebruikten Vue hier omdat odds reactief zijn, maar hetzelfde tokenized design werkt in React, Svelte of een maatwerk-setup.
Twee tot vier weken is gebruikelijk voor een gefocust stuk zoals lijstpagina’s en slip, als je API’s klaar zijn.
Ja. We paren dagelijks, houden notities netjes bij en stemmen af over datacontracten zodat de ober en de keuken dezelfde taal spreken.
Geautomatiseerde tests voor logica, Web Vitals in CI, visuele snapshots voor componenten, en handmatige passes voor beweging en toegankelijkheid.
Boek een snelle 30 min videocall, we laten je precies zien wat er te fixen valt. Wil je verrassingen in je volgende release vermijden, laten we dan praten, geen druk. We vertellen je wat je site tegenhoudt, in gewone taal.
Vertel wat vastloopt, wat je wilt bouwen, of wat opgelost moet worden. We reageren binnen 24 uur.
