Attack of the S. Mutans! Website 

The Challenge: 

Design a website that would promote the exhibit to museums, while also offering kid-friendly take-aways who came through the pilot launch at the Pacific Science Center (Seattle).

 

Summary

Firsthand Technology created a multiplayer health game as part of a traveling museum exhibit that would teach kids how to best take care of their teeth. In a small team, I designed the website for this exhibit, which also served to be an engaging place for kids to download extra content.

Extra Credit: Animations

Since this website was showcasing elements of the game, it felt natural to include animate elements. 

On hover, the bristle-brush bomb highlights and when clicked, it attacks the biofilm (monster) - reducing it to dust. Other animations included Dentish's steampunk-like inventions coming to life, and other characters from the game.

 

Embedded in every page were interactive items. The workshop image functioned like a hidden object game. 

Since the museum exhibit was designed to feel like stepping into "Dentisha's workshop," the website was a step into her notebook. 


Contribution

  • Wireframes
  • High fidelity mockups
  • Interaction design
  • Animations
  • Concept

Details

Company:    Firsthand Technology

Live:    attackofthemutans.com

Using Format