0
Case Study

ROUND11.

Een volledig CDL Fantasy Esports platform. Van landing page tot live draft board, realtime scoring en collectible player cards, ontworpen en gebouwd met AI.

UI/UX DesignFull-stack DevelopmentRealtimeEsportsAI-built
Round11 homepage
12
CDL Teams
48+
Pro spelers
8v8
Snake draft
Live
Realtime scoring
Het concept

Fantasy voor
esports.

De Call of Duty League heeft miljoenen fans, maar geen goede fantasy game. Round11 vult dat gat: een platform waar je CDL pro spelers draft, leagues aanmaakt met vrienden, en live fantasy punten verdient op basis van echte match stats.

Het project omvat alles: een publieke website met standings, matches en player rankings, een dashboard met league management en collectible cards, en een realtime draft board met live chat.

Volledig ontworpen en gebouwd als one-person studio. Van database architectuur tot pixel-perfect UI, met AI als development partner.

Kernfeature

Live draft
board.

Het hart van Round11: een realtime 8-speler snake draft met live chat, pick timer en speler filtering. Gebouwd op Supabase Realtime zodat elke pick instant zichtbaar is voor alle deelnemers.

Round11 Draft Board
Frontend

Publieke
website.

Een volledige esports website met live match ticker, player rankings, team standings, match schema en nieuws. Donker, immersive, en gebouwd voor de competitieve sfeer van de CDL.

Player Rankings
Standings
Match Center
Match Schedule
Backend

Dashboard &
cards.

Een compleet dashboard voor league management, live draft scheduling en collectible player cards. Drie rarity tiers, per team georganiseerd, met speler stats en visuele effecten per tier.

Base Packs - Player Cards
Epic Collection
Dashboard
Login
Responsive

Mobile
first.

Elke pagina is volledig responsive. Van de live match ticker tot de player rankings, alles werkt naadloos op mobiel. De CDL community leeft op hun telefoon, dus mobile-first was geen keuze maar een vereiste.

Homepage mobile
Players mobile
Standings mobile
Aanpak

Full-stack
solo.

Concept & Research

Fantasy scoring modellen, draft mechanics en competitiestructuren onderzocht bij bestaande platforms als Sleeper en ESPN Fantasy.

UI/UX Design

Dark esports aesthetic met neon lime accenten. Elke pagina ontworpen voor de competitieve energie van de CDL community.

Full-stack Development

Next.js 16 frontend, Supabase backend met realtime subscriptions, API routes voor live stats, en een scoring engine voor fantasy punten.

Realtime Features

Live draft board met Supabase Realtime, match ticker met live scores, en instant league chat. Alles synchroon, zonder page refreshes.

Features

Wat het
bijzonder maakt.

01

Snake Draft

Realtime 8-speler draft met automatische volgorde, pick timer en speler queue. Elke pick is direct zichtbaar voor alle deelnemers.

02

Live Scoring

Fantasy punten worden live berekend op basis van K/D, damage, objectives en clutch plays uit echte CDL matches.

03

Player Cards

Drie tiers: Base, Standard en Epic. Elke kaart toont de speler, zijn team, rol, stats en rarity-specifieke visuele effecten.

04

Match Center

Live scoreboard per map met gedetailleerde speler stats, fantasy point breakdowns en MVP tracking.

05

League System

Maak leagues aan, nodig vrienden uit met een code, en competeer in een seizoen lang fantasy toernooi.

06

Match Ticker

Altijd zichtbare live ticker bovenaan de site met lopende en aankomende CDL matches en scores.

Volgende stap

Samen iets
bouwen?

Heb je een idee voor een app, platform of digitaal product? Laten we praten.