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