1■■ Hero SectionVisual: Hero mockup of the digital passport UI (mobile screen with QR scan, leaderboard, and stamp collection)
Overlay Stats:
6,066 visitors
1,055 sign-ups
95+ performance score
99.99% uptime
Optional motion: A looping scroll of the passport interface
2■■ Objectives OverviewVisual: Four icon cards (Engagement, ROI, Scalability, Deadline)
Purpose: Make the "Project Objectives and Core Requirements" table visual and skimmable
3■■ Solution & UX SectionVisual:
A gamification flow diagram showing QR → stamp → leaderboard → raffle → prize
Screens of the leaderboard and social feed side-by-side
Callout: "Turning discovery into a competitive, social, citywide experience."
4■■ Technical ArchitectureVisual:
Architecture diagram (Next.js frontend → Supabase + Clerk backend → Redis cache → Vercel edge deploy)
Optional animated "data flow" line style
Caption: "Designed for performance, built for reuse."
5■■ Performance MetricsVisual: Dashboard-inspired layout or infographic
Funnel: Visitors → Signups → Active Users → Retained Users
Mobile vs Desktop donut
Heat map of traffic by city
Card showing average engagement time (1:41) and latency (80ms)
Callout: "Validated engagement, performance, and scalability."
6■■ Impact SectionVisual: Split into 3 cards or columns:
City Impact: ROI, transparency, reusable asset
Businesses: onboarding + traffic insights
Users: frictionless signup, bilingual access, gamified retention
7■■ Challenges & SolutionsVisual: 3-panel layout: "Challenge → Approach → Result"
Include icons for Timeline, Security, Scalability
Keep technical integrity: PostgreSQL + Redis visual snippet for leaderboard caching
8■■ Learnings & RecommendationsVisual: A "playbook" layout — three columns for Product/UX, Technical, and Project Management lessons
Optional pull-quote: "Hard deadlines define focus — MVP discipline is a feature, not a constraint."
9■■ ConclusionVisual: A closing statement banner
Background: Maple Grove skyline with overlaid stat badges
Headline: "A civic tech prototype that turned engagement into data."