CASE_ID: FAIRYLAND

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.

ROLEHead of Product UX, Designer, Creative Technologist & Full Stack Engineer
DOMAINMultimodal Narrative System
STACK
Multimodal SystemsWeb AppSystem DesignGenAI
DEPLOYMENTfairylandshow.com
FAIRYLAND
The Challenge

"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."

System Architecture

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.

Key Components
  • 1Experience map linking live to digital follow‑ups.
  • 2Ticketing & onboarding flows.
  • 3AI chat UI tied to lore.
  • 4AI-powered community engagement awareness
UX & Interaction Layer

Designing the Interface

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.

Outcomes & Impact
  • 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.