Global Sportswear Brand × UK Sports Retailer · Confidential Collaboration · 2024

The Player Card

A multi-station live event activation built end-to-end for a major sportswear collaboration that toured the UK's biggest shopping malls. Visitors registered on an iPad, walked four physical challenge stations — reaction tap, vertical jump, grip strength, and football-accuracy kick — captured a portrait at the end, and walked away with a printed personalised player card scored against their attributes. A local server held the whole thing together and synced to the cloud for the leaderboard, analytics, and post-event card downloads via QR.

ClientGlobal Sportswear Brand × UK Sports Retailer · Confidential Collaboration
Year2024
DisciplineLive Event System · Multi-Station · Hardware · On-Site Print
UK MALL TOUR · 4 CHALLENGES · ON-SITE PRINTLIVE LEADERBOARDCHALLENGESTAP REACTIONSTATION 01VERTICAL JUMPSTATION 02GRIP STRENGTHSTATION 03FOOTBALL KICKSTATION 04LOCAL HUBSUPABASE · LOCALSYNCDO SPACES + CLOUD SUPABASE→ PRINT SERVERTHE PLAYER CARDTAP84JMP76GRP71KCK88SCAN → DOWNLOAD CARDPRINTED ON-SITELIVE LEADERBOARD01 · ALEX K · 9202 · SAM R · 8703 · JJ · 8104 · DEV · 786 SERVICES · LOCAL HUB · PRINT · QR · LEADERBOARDPROJECT · PLAYER CARD21
About this project

The brief, the build, and the result.

The Player Card is a multi-station live activation Remiam built end-to-end for a major sportswear-brand × UK-retailer collaboration, touring well-established shopping malls across the UK through 2024. The format is intentionally physical: a visitor registers their details on an entry iPad, walks four discrete challenge stations — a reaction-tap challenge, a vertical-jump challenge, a grip-strength challenge, and a football-accuracy kick challenge — has a portrait captured at the end, and is then printed a personalised player card on-site, scored across their attributes. A live big-screen leaderboard tracks the top performers across the mall in realtime, and every card carries a QR code so visitors can download or share their card later. Underneath, the architecture is six co-operating services: a Nuxt 3 event website + API hosting registration and the leaderboard, station-specific apps for jump activation and the football shootout, a photo-grabber service that captures the visitor's portrait at the right moment, a Node-based print server driving the on-site PDF printer via pdf-to-printer, a local-Supabase sync service (upc-sync-local) that keeps a venue copy in step with the cloud Supabase + Digital Ocean Spaces for assets. The whole thing is redeployable per venue, recovers gracefully if venue wifi drops, and includes a manual-entry mode so staff can keep the experience moving even if a station has a hardware blip.

Highlights
  1. 01Four physical challenge stations — tap, jump, grip strength, football accuracy
  2. 02Per-visitor registration on an entry iPad
  3. 03On-site portrait capture and personalised player card composition
  4. 04PDF generated and printed on-site via a Node print server (pdf-to-printer)
  5. 05Live big-screen leaderboard tracking top performers in realtime
  6. 06QR code on every card for post-event download and sharing
  7. 07Local Supabase instance per venue, synced to cloud Supabase + DO Spaces
  8. 08upc-sync-local service keeps venue + cloud state in step
  9. 09Manual-entry mode so staff can keep the experience moving
  10. 10Redeployable end-to-end per venue, tours across UK shopping malls
  11. 11System flow design, Adobe XD UI design, bespoke player-card design

Build something like this with Remiam.