THE WORK
ABOUT ME
Close Project
Disney
Bringing the Haunted Mansion into your living room
Screenshot sending users down the pageScreenshot sending users down the pageScreenshot sending users down the pageScreenshot sending users down the pageScreenshot sending users down the pageScreenshot sending users down the pageScreenshot sending users down the pageScreenshot sending users down the pageScreenshot sending users down the page
MY ROLE
Concept and Production Design
AGENCY
MJD Interactive (Valtech)
Learn more on the agency site
A subscription-based interactive story where 999 participants received “haunted” boxes over three months. Using the Phantom Radio app, they helped ghosts escape the Haunted Mansion. The experience expanded to Disneyland with an exclusive in-park scavenger hunt and a personalized Haunted Mansion ride unlocked through the app.
Challenge
How do you design an app and website for a beloved Disney ride that has both digital and physical aspects?
Solution
I wanted users to feel like they were interacting with a historical piece of equipment on their phone.
Here's how i did it
App
The app was the backbone of the overall experience. The app used various technologies to help the user complete numerous tasks to move the story along. Some of the various interactions include a spectral radio, augmented reality image recognition, in-park Bluetooth beacons, and various others.

I was given a series of wireframes and was given free range to design based on those. Stylistically, since the app would be interacting with physical objects, I purposely went with a skeuomorphic design.
Three wooden panels showing Phantom Radio app interface for The Haunted Mansion, with welcome text, navigation buttons, and a tuning dial.
Three wooden panels showing Phantom Radio app interface for The Haunted Mansion, with welcome text, navigation buttons, and a tuning dial.
Vintage-style wooden radio tuner interface with a lightning effect on the frequency scale and three circular icon buttons below.
Three screens from Phantom Radio app: left screen shows icons with a 'Congratulations!' message and a Continue button; center screen shows a man's photo with facial outline and take photo option; right screen shows a map with a Phantom Radio location pin at Disneyland.
Ghost Relations Department Monogram
This was not a deliverable for the project, but I wanted to create a Ghost Relations Department that I could use on the website comps and the app. I used the old "coming soon" sign as inspiration. The monogram ended up being used on some of the physical objects as well.
Black and white image showing a Haunted Mansion sign with gothic iron gates and a spooky skull logo with bat wings and claws.
Website Concept
The Ghost Relations Department (GRD) is a part of Disney that helps with the ghost-to-human affairs. The GRD website was created to introduce them to users who might not be familiar with who they are or what they do, but also to learn more about the Ghost Post and Phantom Radio experience. This was my initial concept that was not chosen.

For the design I was give wireframes and was tasked with designing a homepage and an interior page.
Disney's Ghost Relations Department webpage with sections on Ghost Post subscriptions, Phantom Radio app, and About Us featuring ghostly and spectral themed images.
Ghost Relations Department homepage with a man interacting with a ghost, subscription details, FAQs about ghost interactions, and app download for Phantom Radio.
Text describing Disney's Ghost Relations Department inviting humans to help spirits and subscription details for the Ghost Post story experience.
Page showing Frequently Asked Questions about a Ghost Post subscription, three boxes storytelling, and haunted artifacts, next to a panel promoting the Phantom Radio iPhone app that connects users with spirits in the Haunted Mansion.
IMPACT
Qualcomm Game Studios
TOP