Work
///
0009

Big Hero 6

Website concept and online quiz for the Disney animated movie

MY ROLE

Design

OVERVIEW

I had the opportunity to work on a website concept for the movie. The website design didn't go into development, but there were a few elements that made it into the final site.

Baymax Hero Lab

Users would complete a serious of questions and games and find out which BH6 character shares their characteristics.

Users were able to answer the questions with or without Facebook Connect. By signing in, they would receive a more customized result page.

The framework was based on a previous project, which is why I used the defined frame and content area.

Text Question

The user was given a few text based questions. In order to add a little more visual interest, we added in some short animations with Baymax.

Match Game

The first game was to test the user's memory. The user would flip over a circle, and then have to flip over another one to find the match within a set amount of time.

Baymax's Tape Up

The second game was a test of the user's speed. There's a scene in the movie where Baymax uses tape to fix holes that were leaking air. The gameplay was like whack-a-mole where a leak would appear on Baymax, The user would have to click on it the cover it. As time went on more and more air holes would appear.

Results Page

After all the questions and games were completed, the user would get their results.

There were a few results we showed: a superhero name, their super power, as well as their Big Hero 6 character match.

If the user signed up through Facebook Connect, we also served up a list of additional facebook friends that would complete the team.