Interactive Design, Strategy, & Technology for Websites, Mobile, Apps, & Games

Dynamic Header

View Projects & Clients

The Annie on Broadway Education Initiative Website

Project Description: 

Leapin' Lizards, Annie on Mobile Web

Annie the Musical returned to Broadway in 2012. In a joint venture with WNET Thirteen New York Public Television and Arielle Tepper Productions, Funny Garbage created an educational, tablet friendly, website to teach young Annie enthusiast about the musical, 1930’s New York City, and careers in the theater.

The interface is an immersive environment, leveraging HTML5 and JavaScript for animations, and is optimized for desktops and tablets.

Site visitors are guided through the stage environment by a cartoon version of little orphan Annie. Along the way, site visitors can select specially marked artifacts to launch activities and quizzes, videos, and audio clips featuring educational content.

The website earned several awards after its launch and has set a precedent for digital Broadway promotions.

Annie explains that red items take you to new places.
Annie serves as your guide through the various scenes. Throughout the experience, red items are pathways to additional scenes and content.
View of the Explore Careers video player.
In the Explore section, site visitors can learn about different careers in the theater through video interviews with the people behind Annie the Musical.
Image of the Empire State Building scene from a Trip Through Old New York.
In the activity, A Trip Through Old New York, site visitors can explore a map of New York landmarks from the 1930s and learn about their history and what they are like today.
The orphanage scene contains several entry points to educational content.
The Leapin' Lizards! Quiz interface is a multiple choice formatted quiz.
The website includes several fun quizzes including the Leapin' Lizards! Quiz, which teaches site visitors about colloquialisms from the 1930s.
The interface for playing audio content features an old time radio.
There are seven audio experiences presented in the website which teach listeners about general 1930s history and the history of of Little Orphan Annie. It even includes an old episode of the original Little Orphan Annie Radio Show!
Scene of Daddy Warbucks' Mansion
To generate buzz leading up to the official opening of the Broadway show, the promotional website included a roll-out schedule of content and features. Daddy Warbucks' Mansion (now open for viewing) contained some of this roll-out content.
Implementation: 
  • Desktop
  • Tablet Compatible
  • Mobile Compatible

Share: