Summary: What’s that old expression? “The cobbler’s children have no shoes.” The Night Kitchen website had been neglected for more than a few years, and needed a refreshing. There were extremely tight restrictions on time and technology used, so this was definitely a “re-skinning” and not a full redesign.
We wanted a new look for the Night Kitchen website that would encourage visitors to explore our stories, interactive projects and designs in depth. Our redesigned portfolio promotes a selection of recent projects which highlight NK’s engaging approach to interactive storytelling, which aims to provide transformative and meaningful experiences that connect with audiences.
Tech: Illustrator, Photoshop, Flash, Actionscript, HTML, CSS Role: Lead Designer / Lead Flash Designer Link:www.whatscookin.com
Summary: American Indian people have long thrived on, respected, and protected the environments that make up their homelands. Night Kitchen Interactive collaborated with the Smithsonian’s National Museum of the American Indian (NMAI) to create an educational website for use in classrooms, to inform younger audiences about the ways in which American Indian communities continue these efforts today.
To fulfill student and teacher needs, the site presents a media-rich, scaffolded learning environment with progress tracking and assessment features. Students watch videos, explore interactive activities, and answer questions along the way to gain deeper insights to the integral role the environment plays in the daily lives of American Indian communities and draw connections to local environmental issues. The culminating classroom presentation activity allows students to collect notes taken across the site into one central web-based planner.
The site was designed and built to be visually inviting and reflective of the rich design traditions and unique voice of each tribal community featured therein. The visual and UX design was crafted to create a learning environment that supports the storytelling traditions that are central to communities featured within the project. Feedback from NMAI and Smithsonian has been glowing.
Summary: In 2009, with some of the 20th century’s greatest artists as inspiration, Night Kitchen Interactive created an engaging kiosk installation and website, bringing to life the works of Piet Mondrian, Jackson Pollock, Frida Kahlo and others. Roy De Forest’s colorful work acted as an aesthetic springboard, paving the way for vivid, lively animations. Each animated story reflects an individual artist’s unique approach, creating different extraordinary worlds to be explored. Performance artist Sebastienne Mundheim collaborated with Night Kitchen to craft the voices of two colorful canine characters from Roy De Forest’s work. With the dogs as guides, modeling behaviors of inquiry, this journey through modern masterpieces is reflective, whimsical, and insightful.
These stories and activities excite and inform young museum visitors, inspiring them to contribute their own creative responses to the museum’s website. Targeting children aged 6-10, a rare audience for modern art, this interactive experience engages younger museum visitors and their families with playful narratives and interactive activities. Each reinforces key learning points associated with an individual work and encourages visitors to share their own creative responses in a visitor-contributed gallery on SFMOMA’s website.
In 2011, SFMOMA was interested in adapting the existing Country Dog Gentlemen animations into an HTML5 experience, so visitors with mobile devices that do not support Flash can still partake in the enhanced rich-media experience. We implemented the main menu utilizing “responsive web design” techniques promoted by many of today’s most advanced HTML5 and CSS gurus. We used @media CSS queries in combination with Max and Min device-widths to create a single menu page (and CSS) with break-points that serve up different layouts and different graphics depending on the size and orientation of your device! It was really fun and exciting to be part of bringing this new technique to life while working to improve the museum and online experience for SFMOMA’s younger audiences.
Tech: Illustrator, Photoshop Role: Lead Designer / Technical Advisor Link:In-Progress
Summary: The AnyPlace platform provides a flexible, affordable way for historical and cultural institutions to share place-based interpretive projects online. Place is an important touchstone for memory, history, and culture. By exploring the memories and records of place, we educate the public and promote and protect significant spaces, sites, and stories that hold meaning.
Adapted from the codebase originally developed for PhilaPlace (www.philaplace.org), the AnyPlace platform allows organizations to establish their own interpretive website, using their own brand and visual aesthetic, and engaging visitors in exploration of their places, topics, curation, and media.
Each organization’s instance of AnyPlace would provide its visitors with a rich online tool for browsing place-based stories, images and videos on a map, by topic, or as collections. Visitors could alter content geographically and thematically, take virtual tours, save favorite places, print Google directions and submit their own stories and media for consideration.
The design challenge was to create an aesthetic that had enough of a “brand” to promote as a branded product, but not so much that potential clients felt that they would not be able to break-out of the AnyPlace look. The result is an exercise in subtlety and minimalism.
Summary:The Chicago Architecture Foundation (CAF) needed to develop a website for its OpenHouseChicago (OHC) 2011 program, a free public event that provided people of all ages, backgrounds, and interests with access to many of Chicago’s greatest architectural spaces and places that are normally open “by invitation only.” The website needed to convey a celebration of Chicago’s rich architecture, history, and culture found in the city’s vibrant network of neighborhoods.
We built on the community and mapping platform of PhilaPlace to design and develop the OHC desktop and mobile optimized websites. Through the integration of two open source solutions – Google Maps and the CollectiveAccess collections management system – PhilaPlace supports a rich feature set that presents a mosaic of historical and contemporary records about sites within a particular area.
Designing over top a preexisting PhilaPlace framework, most functionality and UI restrictions needed to be understood and followed, along with a strong brand inherited from the Chicago Architectural Foundation. The result is a website that through the desktop and mobile devices conveys the richness of the content as well as its place within the larger organization and brand.
Summary: Redesign and re-architect the static HTML and Coldfusion AIGA Philadelphia website into a full content managed Drupal website. The AIGA Philadelphia board wanted the new site to still visually tie in with the previous site’s color scheme, but were open to all other changes in content presentation and user interaction. The new site tries to bring consistency and user expectations into the forefront, while opening the back-end up to the board for more frequent and manageable updates. This new site is scheduled to be live by the end of the summer, 2010.
Tech: Photoshop, Illustrator, Basecamp, Dropbox Role: Lead Designer / Information Architect / Project Manager Link:www.AIGAPhilly.org
Summary: Create a full website redesign to build off of the Saint Clare Health System’s rebranding and refocusing. A new brand was developed, built around a sky blue color scheme and the phrase “Turning Promise into Practice”. The website relied heavily on that sky blue aesthetic, and brought in a triadic color scheme for emphasis elements. The new design had to be clear, professional and a lot more usable than their previous design, and reinforce the new focus of turning promise into practice for their patients.