When Sesame Workshop first approached us, they were looking
to create an interactive table at their New York City headquarters that quickly
communicated their mission and diverse programs to visitors. Sesame Workshop is
the “nonprofit educational organization behind Sesame Street and so much more.”
Their mission is “to use the educational power of media to help children
everywhere reach their highest potential.” This inspirational brand messaging immediately
reminded us of Sesame Street’s nickname, the “Longest Street in the World.” The
challenge was how to communicate these concepts to visitors and take advantage
of the table as a digital canvas.
A table, of course, is meant to be experienced from any
side. This immediately presented a design challenge: imagine making a website
that you can navigate from the top or the sides of the screen. Even though much
of the content and the theme revolved around Sesame’s presence in various
countries, we initially shied away from using a map for the interface because
designing a map that can be experienced from all four sides is tricky. But we
knew we’d find a solution. Early on, it was determined that we’d be using
the new multi-touch Samsung SUR40 with Microsoft PixelSense.
We immediately tossed out classic cartography standards, by
which a map is designed to be viewed from only one orientation. Instead, we
looked to children’s atlases for inspiration, as they often divide maps in
unorthodox ways in order to focus attention on interesting facts and details. Making the leap to think differently about world maps, we chose to subdivide
the world and fan out the continents around a central point—a creative
approach that joins the traditional image of a round world with a bit of whimsy.
Employing trial and error, and loads of sketches, we were
able to sculpt the world into a design that represented Sesame Street’s
presence in 39 locations. Each location, marked by a street sign, is
interactive; activating the sign triggers videos, each with a different song and
With the map issue solved, we turned to the stories. We
needed to represent Sesame Workshop’s mission statement, specific milestones
from 40 years of programming, music videos and Muppet profiles. On the web, one
could solve this with simple information architecture, but the design was
intended to be a multitouch, multiuser table experience. One visitor’s
interaction couldn’t change the entire screen and disrupt another visitor’s
We positioned the mission statement in the middle, anchoring
the design with the organization’s primary message. We then overlaid the map with a path, weaving together the various regions of the world while simultaneously
emphasizing the global presence of Sesame Workshop. Interactive elements
integrate seamlessly with the landscape, so milestone markers became raised
patches of land. The illustrations were carefully considered, so that those placed in
the corners would work for both sides of the table. Also, these illustrations were designed to
subtly show the interconnections between regions. We selected icons that would
overlap the regions at a junction, like the rainforest illustrations that appear between
South America and Africa.
The software for the SUR40 allows us to determine where people are interacting around the table, a
functionality that enables us to automatically orient content toward the visitor. So
even if you reach across the surface, the content still shifts toward your
perspective. The interface is a single plane—you never have to navigate
to another screen.
For the graphic design, we found inspiration in Mary Blair’s
charming compositions, Charley Harper’s geometric natural forms and Alexander
Girard’s inventive use of color. Paper cut-outs were also a big influence. And,
of course, Sesame Street’s bold visual style was the foundation for everything.
The characters of Sesame Street itself were a major source
of inspiration. In a 1969 video pitch to PBS, before the show was established,
Kermit and Ralph brainstormed ideas for the show title and came up with
“Sesame Street,” based on the magical phrase “open sesame” from Ali Baba and
the Forty Thieves. This name suggests a place where doors open to a
treasure-filled room. Our motion and interactive designs were intended to reflect
this idea of an environment filled with surprises. Such interactivity creates
an experience where one can go and never know who—or what—is going to pop up.
When activated, stories spring out, and you can shuffle the deck to find even more
stories. The Muppets themselves are like game pieces that come to life, sharing
their own stories with the visitor. At every turn, a door opens to unknown
A video of the
final interactive is available here.
AIGA Baltimore is excited to announce that Orange Element has agreed to be the official Design Week branding sponsor for this year’s fifth annual Baltimore Design Week. Learn more about this Baltimore design agency and their commitment to focus on the Baltimore community and be proactive in helping make our city a better place.
If you try to do all web development yourself to save money, you will find yourself stretched thin and limited by what you can do. You will discover, just like I did, that if you want to focus on growing your business and getting higher-end clients, you
will need to grow your team.
el hawa collection catalogue
Lara Assouad Khoury
Video: AIGA Medalists Michael Donovan and Nancye Green
See top UK designers' take on a classic #font + more design news https://t.co/mVnYULCRFS @TM_thinking https://t.co/oN7DiAAjIM
24 minutes ago
Is informal + effective design feedback possible? See how @BSD makes collaboration work https://t.co/zDmoMKMAsS https://t.co/FLXT5U9CyF
An hour ago
"If I want to get hired.."—@TrentWalton See all @CreamDesign1's #designquotes https://t.co/tcqNnzV6HT #AIGAstudents https://t.co/a3G4HMMGFP
1 hours ago
5 Questions with Orange Element
May 23, 2016
Revised AIGA Baltimore Chapter Bylaws: For Your Vote
May 22, 2016