FAIRYLAND
A living storyworld that connects audiences across live performance, web, film, and AI‑driven character encounters so engagement continues before, during, and after the show.

"Engagement with live experiences often ends when the curtain falls. The challenge was designing a multimodal system that extended narrative immersion beyond the theater through web and AR."
My responsibility
Head of Product UX, Designer, Creative Technologist & Full Stack Engineer — owned experience strategy across mediums, ticketing/onboarding UX, and cohesion between live and digital touchpoints.
Judgment & tradeoffs
Decisions and why
01
Make the digital experience part of the story
I treated onboarding and ticketing as the start of the audience journey, rather than a separate transaction. The web experience introduced the world before guests entered the venue and continued it afterward.
02
Give the production a shared source of truth
I connected the live and digital touchpoints through a shared story database and consistent interaction patterns. This helped design, development, and performance teams work toward the same narrative.
How it Works
A 'Story Operating System' that synchronizes user state across disjointed mediums. The architecture binds a Next.js web onboarding flow, Stripe ticketing API, and live venue entry systems into a single persistent user record, ensuring narrative choices made online trigger specific interactions in the physical venue.
- 1Experience map linking live to digital follow‑ups.
- 2Ticketing & onboarding flows.
- 3AI chat UI tied to lore.
- 4AI-powered community engagement awareness
Shaping the Experience
Designing for narrative cohesion across mediums required a unified visual language and interaction patterns. I developed a modular UI system that adapted to both web and mobile contexts, ensuring users felt continuity whether they were engaging with the story online or in-person. The use of consistent typography, color schemes, and iconography reinforced brand identity while facilitating intuitive navigation through complex narrative layers. The ticketing flow was designed to be more than just a transaction; it was an entry point into the story. By integrating narrative elements into the purchase process, users were 'primed' for the experience ahead, increasing engagement and anticipation. The web onboarding experience served as a digital prologue, setting the stage for the live performance. Through interactive elements and character-driven content, users were immersed in the story world before stepping into the venue, enhancing overall engagement. Below is the profile UI that users interacted with during onboarding and post-show follow-ups. It was designed to be a central hub for narrative progression, allowing users to track their journey and access exclusive content tied to their in-show choices.
- 01
Architected a "Story Operating System" that synchronized narrative state across live performance, web, and email, creating a persistent world for the audience.
- 02
Designed a narrative-led ticketing flow that converted 20% of web visitors into registered users, and 66% of users into ticket purchasers.
- 03
Reduced production fragmentation by building a shared "Story Bible" database that served as the single source of truth for design, dev, and performance teams.
- 04
Extended the show’s lifecycle by 4 weeks through a pre-show digital onboarding experience that "primed" the audience before they entered the venue.