FOOH Video Platform

Web

The largest library of commercial FOOH (Fake Out Of Home) & CGI work from around the world. 4,800+ videos, account system, awards program, collections, and Stripe-powered payments.

Full-Stack Developer · UX Designer · Product Owner 2025 - Present Visit site →
You're viewing the live Hugo version. A Next.js rebuild is in progress.
See what's changing ↓
4,800+ Videos Library
1,000+ Accounts
2,000+ Brands

Tech

HugoSCSSJavaScriptNode.jsFirebaseCloud FunctionsFirestoreStripeCloudflare R2Google Sheets APIMailchimp

Deep Dive

Account System

  • Auth Google OAuth and email/password serving 1,000+ accounts with onboarding flow
  • Collections Public or private moodboards with notes and collaborator invites
  • Submissions Work submission tracking with status filtering and search
  • Newsletter Mailchimp with automatic audience tagging based on questionnaire answers
User profile and account settings Submission history with status tracking Saved collections and moodboards Account analytics overview

Account dashboard - profile, collections, submissions, and analytics tabs

Awards Program

  • Submission Multi-step entry flow with draft saving and Stripe checkout
  • Pricing Tiered EUR/USD pricing managed through Stripe's price API
  • Voting Community voting on jury-selected entries with one-vote-per-user enforcement
Select entries from approved submissions or add completely new work Add credits and campaign details Stripe Checkout and confirmation

Awards submission flow - select entries, review details, and confirm before checkout

Work Submission

  • Claim Flow Multi-field submission form with client-side validation and admin review
  • Status Tracking Real-time status updates visible on the user's account dashboard

The Library

  • Catalog 4,800+ entries with brand, artist, VFX studio, and campaign metadata
  • Search 11 filter categories with relevance-ranked results across the full catalog
  • Playback Videos autoplay on hover, with Instagram embed fallback on detail pages

4,800+ FOOH video ads indexed across 2,000+ brands, 500+ artists, and 129 countries.

Video detail page with impact score and full credits

Video detail page with impact score and full credits

Collections

  • Moodboards Create and organize collections with per-item notes
  • Sharing Public links and collaborator access for shared collections
Collection overview with saved entries Editing a collection's title and visibility Sharing a collection via public link Saving a library entry to a collection

Migration in Progress

A fresh Next.js rebuild is being developed with cleaner architecture and room for future features.

  • Why Next.js turns the architecture from a catalog into a platform. Entries go live instantly, users can upload directly, and new features ship faster.
  • Framework Hugo → Next.js 16
  • Database Firestore → PostgreSQL + Drizzle ORM
  • Status Building core platform