DRFT
Een fantasy draft-platform voor de Eredivisie. Op één avond kies je met je vrienden je team, daarna speel je een heel seizoen tegen elkaar met live punten uit echte wedstrijden.
Fantasy voetbal
voor de Eredivisie.
In Amerika is de fantasy draft een avond die vriendengroepen een jaar van tevoren in de agenda zetten. Voor de Eredivisie bestond zoiets niet. Alleen budgetspellen waarin iedereen dezelfde spelers kan kiezen en niemand iets bezit.
DRFT is ons eigen ambitieproject om dat te veranderen. Geen budget, geen gedeelde spelers: wie jij kiest, heeft niemand anders. Elke week staat er een andere vriend tegenover je, en de punten lopen live binnen terwijl de bal rolt. Van concept en merk tot draftkamer, scoring engine en livegang, volledig ontworpen en gebouwd door Afternoon.
Een eigen merk
en interface.
We ontwierpen het merk DRFT en de complete interface: van landingspagina en aanmelden tot draftkamer en competitie. Zwart als basis, één fel geel voor alles wat telt en een vaste kleur per positie, zodat je een draftbord in één oogopslag leest. Stoer en sportief, maar overzichtelijk genoeg om tijdens een volle draftavond snel te kiezen.
Wat we
gebouwd hebben.
DRFT bestaat uit vier onderdelen die samen één product vormen: de draftkamer, een TV-modus voor de draftavond, de competitie met wekelijkse matchups en een open databank.
Draftkamer met klok, team en chat.
Links de spelers met zoeken, positiefilters en je wenslijst, in het midden het bord en rechts je team en de chat. De balk bovenin kleurt geel zodra jij aan zet bent. Ben je even weg? Dan kiest autodraft de beste speler die nog in je selectie past.
TV-modus voor de draftavond.
Een draftavond speel je samen op de bank. De TV-modus cast je op de televisie: in koeienletters wie er aan zet is, de laatste picks als ticker en hoeveel vrienden er online zijn. Alleen kijken, kiezen doe je op je telefoon.
Competitie met live punten.
Na de draft volgt een competitie van head-to-head matchups met een stand, een playoff voor de top vier en een transfermoment later in het seizoen. Tijdens de wedstrijden haalt DRFT elke minuut de events op en zie je je punten live oplopen.
Databank met alle spelers en punten.
Fantasypunten bestaan bij geen enkele databron, ze volgen uit ons eigen puntenmodel. Dus laten we zien hoe. De databank toont elke speler met punten, minuten en statistieken, open voor iedereen. Over de Eredivisie is online weinig te vinden dat verder gaat dan een stand, en dat maakt deze pagina precies wat een zoekmachine wil indexeren.
Ontworpen voor
mobiel.
Op een draftavond zit niemand achter een laptop. DRFT is mobile-first ontworpen: het bord bovenin, spelers, team en chat in een lade eronder en de knop om te kiezen altijd onder je duim.
Van specificatie
tot livegang.
Eerst het fundament
Geen scherm voordat de puntentelling klopte. Een scoring engine op een eventlog, een gesimuleerd seizoen met 450 spelers en een replay die een speelronde minuut voor minuut afspeelt.
De draftkamer
Het hart van het product. Een snake draft met een klok die op de server loopt, zodat een refresh, een ander apparaat of een wegvallende verbinding nooit een beurt kost.
UI/UX en merk
Van een wit-blauw prototype naar een eigen merk: DRFT. Zwart, één fel geel en een vaste kleur per positie, doorgevoerd in elk scherm.
Live data en livegang
Echte Eredivisie-data via Sportmonks, Supabase als database en een planner die elke minuut de lopende speelronde ophaalt. Met back-ups, foutmeldingen naar een kanaal en een testsuite.
Slimme
details.
Snake draft
Wie als laatste kiest in ronde één, kiest als eerste in ronde twee. Zeventien rondes, zes vrienden, geen budget en geen gedeelde spelers.
Klok op de server
De client toont alleen, de server beslist. Een verlopen beurt telt vanaf zijn eigen deadline, dus ook als niemand kijkt loopt de klok correct door.
Best Ball
Afhakers zijn de dood van elke fantasy league. In Best Ball rekent DRFT na elke speelronde zelf je beste opstelling uit. Na de draft hoef je niets meer.
Herberekenen in één keer
Punten volgen uit een eventlog. Een afgekeurde goal of een VAR-correctie? Twee keer synchroniseren levert nooit dubbele punten op.
Een roast van Claude
Typ je iets in de groepsapp op de landingspagina, dan word je teruggepakt door een van de vrienden. Claude Haiku, met een strak kader voor de toon.
Open databank
Elke speler, elk punt, open en zonder inlog. Volledig in de HTML zodat Google alles ziet, en sorteren gebeurt daarna razendsnel in de browser.
