Haunted Mansion


App design and website concept for Disney’s famous ride

MY Role

Design

OVERVIEW

A subscripton based storyline in which the 999 people who were lucky enough to sign up were sent a box of interactive elements once a month for 3 months. The subscribers would receive a box of "haunted" objects in the mail, and then use the Phantom Radio app to interact with those objects. Over the 3 months a storyline would unfold where the users would help the ghosts escape from the Haunted Mansion.

In addition, there was also an in-park scavenger hunt for users. Once inside Disneyland, users were sent on a unique experience that could only be unlocked through the app. Furthermore, users of the app were also treated to a personalized ride on the Haunted Mansion.

2024_project_into_images_hauntedmansion

This is a little teaser video that I did not create, but gives a little glimpse of the app functionality.

App Design

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. I wanted users to fell like they were interacting with a historical piece of equipment on their phone.

2024_img_HauntedMansion_App

Full Version

grd_app_26_image_recognition
grd_app_6_pretuned_transcript_3
grd_app_39_camera_image
grd_app_72_community_play_2
grd_app_5_pretuned_radio_tuned
grd_app_36_leota_congrats
grd_app_6_pretuned_transcript_2
grd_app_10.2_radio_play_all_stations
grd_app_28_fortune_card_image_recognition
grd_app_72_community_play_1
grd_app_11.2_radio_play_audio
grd_app_11_radio_play_audio
Uploaded Videos of the Experience

Here are a couple YouTube videos of subscribers interacting with the app and other objects.

In addition to the experience at home, users could also visit Disneyland and have a whole different experience. Users would be led on a scavenger hunt through out the park, taking them from one location to another. Here is a youtube video of the experience.

Ghost Relations Department Monogram

This was not an initial 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.

hm_grd_logo_1
hm_grd_logo_2
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. 

2024_img_HauntedMansion_website

Full Version

hm_grd_1_home
hm_grd_2_ghost_post
2024_img_HauntedMansion_website

Additional Projects

In The StandsTravel guide when visiting MLB ballparks

NexgrillWebsite for a bbq grill company

Toyota Hall of FameWebsite for a Fantasy Football Hall of Fame

Rubio'sPitch designs for a fast casual restaurant chain

The GRAMMYsApp design for the 57th annual Grammy Awards show

Royal CaninPitch designs for a pet food company

Big Hero 6Website concept and online quiz for the Disney animated movie

CinderellaWebsite design for the live-action remake of the Disney classic

ToyotaVarious design tasks for toyota.com

EPIC LifeEditorial website for Vail Resorts

nt_monogram_corner_120
Nathan Trost  ©2024
Back to top Arrow