Overview
A lobby for people who live motorsport
Pitstop brings Formula 1, Formula E, MotoGP and WEC together in one place. Fans pick a championship and explore cars, bikes and drivers almost like in a game, but with real information that updates itself, and a newsletter that lands in their inbox.
The problem
No single place covered the races. Calendars, standings, cars and drivers were scattered across each series' own sites and apps.
What I did
I built a lobby for four championships from scratch, where fans explore cars, bikes and drivers like in a racing game.
The outcome
Everything in one place, with real data that updates itself and a newsletter that tells fans what happened.
The solution
A platform built from scratch, area by area
Four championships, one way in
Click the frame to browse the site full screen.
- Next race in sight
- Each series in its own colour
- The leader up front
- Data from official sources
One structure, four championships
Each series has its own page, in the same order: leader, garage, drivers, highlights, season, rules and trivia.
The garage, like in a game
Pick a team like on a selection screen: the car rolls in and the ratings appear.
- Three official angles
- Ratings and overall
- Real spec sheet
- Hear the engine
Cars, bikes and prototypes
The same garage serves all four series: the MotoGP box shows the bike head-on, and WEC brings the Hypercar prototypes.
A card per driver, a profile per tap
Drivers as cards, like an album. One tap opens the profile.
- Official photos
- Championship order
- Full profile
- Crews in WEC
Each series its own way
In WEC the car is what competes, so the card shows the whole crew. In MotoGP, the season's 22 full-time riders.
The season, always up to date
Standings and a calendar that update themselves.
- Drivers and constructors
- Calendar with winners
- Upcoming races
- Rules and trivia
between one update and the next
A GitHub Actions job runs every hour, fetches the numbers from official sources and publishes only when one of them changes.
50 circuits, with the real layout
Tracks drawn from real maps. Pick one and take a lap.
- Real layout, north up
- Length, turns and direction
- Lap record
- Where it is, when it races
From the guide to the circuit
The list filters by championship, the map shows where each track is, and every circuit has a fact sheet, this year's races and credited photos.
The result arrives without fans looking for it
Each race's result arrives by email, with the official videos.
- Every race's result
- Schedule every Thursday
- Official videos per round
- Photos with author and licence
official YouTube channels
The same hourly job gathers F1, Formula E, MotoGP and WEC videos by round, plus the season's freely licensed photos.
In your pocket, when the lights go out
Many fans follow the race on their phone, so every area was designed to fit one hand: cards in two columns, scrolling tabs and the layout up top.
Process
From idea to live product
- Gather the sourcesWhat fans look for before and after each race, and where each piece of information lived, series by series.
- Create the identityAsphalt, kerbs and timing screens: a look of its own, with each championship's colour on top.
- Design the lobbyA single structure for all four series, with the garage and drivers at its heart, like in a game.
- BuildA fast, serverless static site, published on GitHub Pages and designed for phones too.
- AutomateHourly jobs for the data, the videos and the newsletter, so the product stays alive with no manual editing.
Impact
All of motorsport, in one place
- Four championships together, with the same navigation
- Cars, bikes and drivers to explore like in a game
- Real data that updates itself, with no manual editing
- Fans notified by email as soon as the race ends
Learnings
What this project taught me
- Bringing things together needs a shared modelFour series have different rules, formats and data. The work was finding a structure that served them all while leaving room for each to be itself: in WEC, for example, the spotlight is on the crew, not a single driver.
- The game feel comes from detailIt isn't decoration: it's switching teams and watching the car arrive, comparing ratings, hearing the engine. Every interaction invites a little more exploring.
- Automate from the startA racing hub goes stale every weekend. With data, videos and the newsletter on autopilot, the product stays alive without depending on anyone.
Keep exploring
More work
More case studies, from management systems to apps. Drag sideways or use the arrows.
