HomeAboutWorkJourneyContactSay Hello
Personal Project

GOAT M10

A cinematic, unofficial fan tribute to Lionel Messi — every rise, heartbreak, and record told as a scroll-driven story.

2026OngoingLive
GOAT M10 screenshot
CASE STUDY
8
Ballon d'Ors tracked
900+
Career goals logged
20+
Story chapters
Overview

GOAT M10 is a cinematic, single-scroll tribute site that turns Messi's career into a chapter-based story: origins in Rosario, La Masia, the Barcelona golden years, the difficult stretch, the World Cup, and the Miami chapter — each with its own imagery and pacing. A dedicated 'By The Numbers' page animates every major statistic (Ballon d'Ors, goals per season, trophies, World Cup records) as it scrolls into view, and an 'About / Why I Built This' page tells the story in my own words.

Why I built this

I grew up watching him do things that shouldn't have been possible with a football at his feet. I'm a software engineer, not a writer or a filmmaker — so instead of just saying thank you, I built one. GOAT M10 is that: camera-style scroll pacing, a data-driven stats hall, and a chapter-by-chapter structure, built the way I'd want the story told. It's free, unofficial, and made with love — nothing for sale.

The Problem

Most football tribute pages are either a dry Wikipedia-style stat dump or a shallow highlight reel — neither captures what it actually felt like to watch a 25-year career unfold in real time, heartbreak and all.

My Solution

I structured the site as a scroll-driven narrative split into distinct chapters (Blaugrana Years, World Cup, By The Numbers), with a dedicated stats page where every number animates in as you scroll — Ballon d'Ors, season-by-season Barcelona appearances and goals, competition-by-competition breakdowns, and an all-time-records wall. A lightweight live poll ('Cast your verdict — undisputed GOAT or not') adds a bit of interactivity, and an optional soundtrack picker sets the mood before you start reading.

Chapter-based scroll storytelling across three sections
Animated, scroll-triggered stat counters and season-by-season data breakdowns
Optional soundtrack picker for a more immersive read
Live 'cast your verdict' community poll embedded in the hero
Tech Stack
Next.js TypeScript
My Role

Designed and built the entire site solo — the chapter structure and pacing, the animated stats hall, the art direction, and the copy on every page, including the personal 'Why I Built This' write-up.

Late-night build session
Screenshots
The Hero

The Hero

Full-bleed stadium moment, animated stat strip, and a live 'cast your verdict' vote widget right on the landing screen.

The Story

The Story

A chapter-by-chapter journey — La Masia, the breakthrough, the difficult years, the World Cup, Miami — each with its own mood and imagery.

Outcome

GOAT M10 is live and free for any fan to read — no ads, nothing for sale, just a tribute. It's the kind of project that has nothing to do with client work or a roadmap; I built it purely because I wanted it to exist.

8
Ballon d'Ors tracked
900+
Career goals logged
20+
Story chapters
Important Links
Coffee and Code

Let's build something meaningful.

Open to interesting projects, collaborations,
and conversations.