Experiential Marketing Platform
Used by Nike, Coca-Cola, and Johnson & Johnson, and agencies like Freeman and Wilson Dow
I architected the full UX system and implemented the front-end for Snapbar's experiential marketing platform, designing and building a multi-page dashboard that brands use to configure, brand, and launch AI-powered activations, then measure their impact at scale.
- 32%
- of merged PRs
- 1,733
- commits
- 168
- active days
- 38%
- of the codebase
- +257k −116k
- lines changed
Nine products and 100+ screens, designed and built as one system. Every product uses the same editor, the same guest flow, and the same team and admin tools.
Products 9
Nine kinds of experience on one platform. Each has a moment of its own, and these are five of them.
Workspace 13 screens
Where a team lands. Every experience sits on one home screen, and a gallery starts a new one. Members, billing, and credits live here too.
Experience editor 33 screens
One editor for every product. Submissions, analytics, sharing, and delivery sit in the same place each time. Only the product's own settings change.
Guest booth 21 screens
Brands theme the pages guests see, with a live preview beside the controls. Every product opens with the same welcome, consent, and capture steps, dressed for the brand.
Displays and gallery 11 screens
Where the results go. A live gallery, a slideshow, and a mosaic that fills in photo by photo, each set up in the same editor and shared with a link.
- Admin 16 screens
- Internal tools for Snapbar's own team: accounts, experiences, submissions, processing jobs, credits, and a styles playground, across every customer.
- Reports 3 screens
- A post-event report for every activation, with results a brand can share.
- Sign-in 7 screens
- Sign in, sign up, code verification, password reset, and the emails that go with them.
Launch films
Working with AI
I use Claude Code and Codex across design and engineering, supported by the tooling around them: skills that encode the illustration style, UI review checklist, and browser testing, and documentation for the design system, interaction patterns, and clip style that agents reference before writing code. My role is to set the standard, build the tools, and review the output.
Six arcs
-
Where it started
The platform began as the world’s first browser-based AI photo experience. As Lead Product Designer and Front-End Developer, I designed and built the system that let enterprise clients configure, brand, and launch AI photo activations, deployed at 1000+ events for Fortune 500 clients.
-
One product, one system
Unified the experience cards, navigation, and brand typography across the dashboard, establishing one spacing and type scale for every screen.
-
Design system in code
Moved the design system into the codebase as a living component library, so design and engineering work from the same source of truth.
-
Admin and team workflows
Redesigned internal administration as a triage dashboard with a single table pattern, and streamlined team invitations into one step.
-
Guest-facing experiences
Refined every screen guests see, from the booth and live displays to delivery email, across phones, venue screens, and inboxes.
-
Creative tooling
Built tools that encode the illustration style and product motion, enabling the team to produce on-brand visuals and launch clips, including those shown above.
