Captain Pansu

(

(

6

6

)

)

A website that displays the leaderboard for League of Legends and TFT among my friend group in just one sight with one click.

TIMELINE

August 21, 2025 - February 2, 2026

ROLE

Product Design

TOOLS

Cursor

Claude Code

Supabase

Lovable

TypeScript

TailwindCSS

shadcn

TEAM
TEAM

Just me!

/

Overview

One click instead of ten searches.

The whole product exists to kill one specific chore: manually searching and refreshing each friend's profile on sites like OP.GG just to see who's climbing. I designed Captain Pansu as a single dashboard that pulls every friend's accounts into one view, so a group can compare ranks across League and TFT instantly, without the repetitive lookups. It's a small, sharp tool that does one thing the official sites make annoying.

We led the end-to-end design of a cohesive hardware-integrated ecosystem from scratch, focusing on democratizing home automation for mass-market users.

/

Overview

One click instead of ten searches.

The whole product exists to kill one specific chore: manually searching and refreshing each friend's profile on sites like OP.GG just to see who's climbing. I designed Captain Pansu as a single dashboard that pulls every friend's accounts into one view, so a group can compare ranks across League and TFT instantly, without the repetitive lookups. It's a small, sharp tool that does one thing the official sites make annoying.

/

Process: validating fast

I prototyped in Lovable before committing to the full build.

I started with a quick prototype in Lovable, with a dark, esports-style look focused on TFT rankings. That early version let me test the core ideas, tier filtering and Riot ID integration, before I invested in the real thing. Once those held up, I scaled it into a custom, multi-game dashboard with proper sorting and bulk-refresh logic. Prototyping first meant I built the full app on top of decisions I'd already pressure-tested instead of guessing.

We led the end-to-end design of a cohesive hardware-integrated ecosystem from scratch, focusing on democratizing home automation for mass-market users.

/

Process: designing within real constraints

Live data is the point, so I designed around the API's limits.

To keep ranks current, I integrated the Riot API for live match history and rank data. The catch is rate limiting: a global refresh button is exactly the kind of thing that spams an API. So I built in a 10-minute refresh cooldown, which keeps the data fresh enough to be useful while keeping the app stable and within Riot's limits. Designing the feature meant designing its constraints too, not just the happy path.

/

One click instead of ten searches.

OTHER

PROJECTS

Get in touch