Big Hero 6

•
Website concept and online quiz for the Disney animated movie

MY Role

Design

AGENCY

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.

Site Loader

I designed the site loader to be the same as how Baymax turns on in the movie.

Homepage

Clean feature scroller and a simple grid structure below. The fun part was when you rolled over a square it would expand to highlight the content.

FULL VERSION

Interior Pages

Unused concepts for the interior pages of the website.

Baymax Hero Lab

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

Landing Page

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.