The League — Sports Booking Web App

The problem

Finding a pick-up game, a coach, or an open court in Auckland is harder than it should be — scattered across group chats, spreadsheets, and word of mouth. Venues sit empty at off-peak hours. Coaches struggle to fill sessions. Players just want somewhere to turn up and play.

The idea

The League started as one of my partners’ idea — a simple fix for a real problem. Three of us took it forward together: one driving the concept and direction, and me leading the product itself. Players browse and book games, coaches list clinics and sessions, and venues open up their courts and get paid for the slots that would otherwise go empty.

My role

I owned the product’s design end to end — the design system, the interface, and the experience. A bold, direct visual language: a confident wordmark, an orange-on-ink palette, and a UI that stays out of the way so the next game is always one tap off. From a single source of truth — colour, type, spacing, components — every screen across players, coaches, and venue owners stays consistent.

Then I built it. I vibe-coded the front-end with Claude as my pair, turning design thinking straight into a working, shippable app — a real product moving at a pace a solo designer-developer usually can’t.

Bank-grade security

Money is the part you can’t get wrong. Every payment runs on Stripe (PCI-DSS Level 1 — the same standard the banks are held to), so card details never touch our servers. Payouts to venues and coaches are automated, and the rules that keep capacity, refunds, and fees honest are enforced server-side. Bank-grade security, built in from the first booking.

Skills & tools

Design systems, UI/UX, product design, prototyping, front-end build, vibe coding with Claude (Claude Code), Next.js, Supabase, Stripe Connect, Figma, Adobe Illustrator.

Find your next game — Auckland sport, made simple.