Pronos WM 26
Ein WM-Tippspiel für Familie und Freunde — weil das große Tool zwar funktioniert, die UX aber wehtut.
Meine Familie und Freunde wollten ein WM-Tippspiel ohne die Reibung des großen Tools. Also habe ich unser eigenes gebaut — Ligen nur auf Einladung, Tipps, die beim Anpfiff gesperrt werden, eine Live-Tabelle und ein Chat — und es während des ganzen Turniers live betrieben.
Ansehen: kicktip-wm26.vercel.app ↗- Rolle
- Product Owner, Designer & Entwickler (solo)
- Team
- Solo, KI-gestützt (Claude Code)
- Kontext
- Eigenes Produkt, echte Nutzer
- Tools
- Next.js, Supabase, Vercel, Web Push, TypeScript
Das Problem
Die Nutzer waren klar: meine Familie und Freunde — viele davon nicht besonders technikaffin, verteilt auf französisch- und deutschsprachige Haushalte. Der Job war simpel: jedes Spiel tippen, sehen, wer vorne liegt, sich gegenseitig aufziehen. Das bestehende Tool hat das zwar erledigt, aber Registrierung, Tippabgabe und Tabelle fühlten sich nach Arbeit an.
Designprinzipien
- Keine Hürde beim Beitreten. Einladungscode + Spitzname + PIN statt E-Mail und Passwort. Niemandes Oma sollte ein Passwort zurücksetzen müssen.
- Fair by Design. Tipps werden beim Anpfiff gesperrt — serverseitig durchgesetzt, nicht nur in der UI versteckt — und bis dahin bleiben alle Tipps geheim.
- Spaß ist ein Feature. Das Spiel lebt vom sozialen Layer: Ranglisten, Serien, Duelle und Sticheleien.
Was ich gebaut habe
- Tipps mit Auto-Save, Countdown bis zum Anpfiff und serverseitiger Sperre.
- Live-Tabelle mit Platzierungsänderungen, Serien, Badges und Podium; dazu eine Head-to-Head-Duellansicht.
- K.-o.-Turnierbaum, der Platzhalter-Teams automatisch auflöst.
- Mehrere Ligen mit eigenen Einladungscodes und einem Echtzeit-Chat pro Liga.
- Engagement-Loop: installierbare PWA, eine tägliche Push-Erinnerung an offene Tipps und ein teilbares Bild der Tabelle.
- Drei Sprachen (FR / DE / EN) — die Gruppe sprach sie alle.
Live-Betrieb
Der echte Test begann mit dem Turnier. Für ein Live-Event zu bauen hieß, einzuplanen, dass etwas schiefgeht:
- Robuste Daten: ein kostenloser offener Datensatz als Basis, eine Live-Score-API als optionale Ergänzung und manuelle Eingabe durch den Admin als Sicherheitsnetz — manuelle Ergebnisse haben immer Vorrang vor der automatischen Synchronisierung.
- Fixes unter echter Last: Pagination wegen Zeilenlimits der Datenbank, Sync-Timeouts, ein Datenschutz-Fix, damit Chats nie zwischen Ligen durchsickern, und Rate-Limiting beim Login.
- Scope-Cuts während des Turniers: Eine Sparkline zum Platzierungsverlauf flog nach Nutzerfeedback wieder raus; die Duellansicht blieb.
Ergebnis
Das Spiel lief für meine Familie und Freunde durch das gesamte Turnier, und der LinkedIn-Post dazu erreichte über 1.400 Impressionen.
Was ich gelernt habe
Für Menschen zu bauen, die man kennt, ist die schnellste Feedback-Schleife, die es gibt — von jedem Bug erfährt man beim Abendessen. Dabei habe ich gelernt, Vertrauen und Zuverlässigkeit über die Anzahl an Features zu stellen und das Produkt im laufenden Betrieb auszuliefern, zu beobachten und nachzujustieren.