The Apple In-Store Demos are intended to give the viewer a high-impact experience that is both engaging and informative. These demos combine both motion graphics, and an interactive experience to convey the important aspects of each product. Each demo is created, optimized, and played back on it's respective machine, in a retail environments.
To attract a consumers attention in the busy retail environment, the demo begins with a full screen motion graphics loop that was designed to draw users into the demo. The navigation bar at the top of the screen allows the user to access any section of the demo at any time.
The demo features a series of transition movies that provide a "spatial context" to the navigation. When the user click on a topic, the graphic elements currently on screen slide off, and the new sections graphics slide on.
The sub navigation consists of a series of clear "beads". When the users cursor passes over the bead, it glows blue, and content is displayed. If the rollover content contains an additional sub-section, the blue bead contains a "+" symbol. When the user clicks on the + bead, it "jumps" off the screen and flys forward to reveal the sub-section.
ARCHIVE WALK-THROUGH OF 'Apple In-store Demo' Transition animation:
ARCHIVE WALK-THROUGH OF 'Apple iMac In-store Demo':
Client: Apple Computer
Project: In-store interactive demos