My college friends and I have been in a competitive fantasy football league since 2007, across NFL.com, Yahoo, MyFantasyLeague, and now Sleeper. Each platform move scattered our history a little further, and for years I’ve manually tracked various stats, records and championship rosters in a Google sheet. This season — our 20th (!) — I finally built a site to show our league history.
The site uses Sleeper’s API to pull data about recent seasons, and I rebuilt the older years from the screenshots and data I collected in my Google sheet. Each championship gets its own page, with the winning roster shown as jerseys in real team colors and numbers. A dashboard aggregates our all-time records, and various memories and inside jokes are sprinkled throughout the site.
For this project, I wanted to see how far I could go without opening Figma. I generated palette and layout options with Claude Design, providing design and art direction with prompts explaining my ideas for the field, the rafters, and other effects. I was impressed with Claude’s ability to fill in gaps and specs I’d normally provide myself, but getting it polished still took a lot of layout and detail corrections. That trial and error was where the bulk of my design work went.
Ultimately it’s a silly page about a silly game that my friends and I take way too seriously, but it was fun to experiment and build it. When this NFL season wraps up, instead of making a new tab on my Google sheet, I’ll be able to hang another banner.
Hopefully mine.
