Night Kitchen Website Re-Skin

Night Kitchen Website Re-Skin - Home Page
Night Kitchen Website Re-Skin – Home Page
Night Kitchen Website Re-Skin - People Page
Night Kitchen Website Re-Skin – People Page
Night Kitchen Website Re-Skin - Portfolio Page
Night Kitchen Website Re-Skin – Portfolio Page

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

Smithsonian’s NMAH ~ Educational Citizenship Website

Summary: Working in partnership with the Smithsonian’s National Museum of American History (NMAH) and the U.S. Citizenship and Immigration Services (USCIS) Office, we developed an interactive, multimedia-rich website that supports aspiring citizens’ efforts to pass the civics portion of the new USCIS Citizenship Test.

Using content from the NMAH collections and working with a consultant that specializes in teaching English as a second language, we created a flexible, progressively scaffolded learning environment through which students move through learning, practice, and test stages commensurate with their mastery of the question topics. Given that the interactive experience should appeal to learners for whom English is a second language, and that the civics test is conducted as an oral interview, voiceover narration and closed-captions are provided, and learners have the opportunity to practice responding to the audio prompts.

The framework contains 100 vignettes, 19 activities, and 32 zoomable object explorations, that help extend learning beyond merely teaching to the 100 questions on the test. Instead, using objects and documents from its collections the NMAH offers aspiring citizens a vibrant look at our nation’s history, the functions of our government, the rights and responsibilities of U.S. citizens, and the power of democracy. By providing context to the questions on the test, prospective citizens can facilitate their learning of complex facts and concepts, and draw a deeper connection to the significance of becoming an American citizen.

Stats
100 Historical vignettes
51 Interactive activities
15 Topic areas
1 Daunting test demystified

Awards
AAM EdCom Award for Excellence, 2013
IMA Award Best in Class for Government, 2013
IMA Award Best in Class for Education, 2013

Tech: Illustrator, Flash, Actionscript, XML, Photoshop, HTML, CSS
Role: Lead Designer / Lead Flash Designer
Link: www.americanhistory.si.edu/citizenship

Smithsonian’s NMAI ~ Environmental Challenges Website

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.

Tech: Illustrator, Flash, Actionscript, Photoshop, HTML, CSS
Role: Lead Designer / Lead Flash Designer
Link: www.nmai.si.edu/environment/

SFMOMA Country Dog Gentlemen ~ Mobile Website Conversion

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

Sprite MyCokeRewards – Flash Interactive

Summary: Develop an engaging, rewarding experience for the “busy mom” target audience via the MyCokeRewards website. The layered brand experience (LBE) aimed to create awareness of the product and clearly communicate the mechanics of the in-market “Back to School” promotion, while also providing timely, engaging, and targeted ancillary “back-to-school” content. The LBE included a matching game that centered around back-to-school preparations which awards the user with a reward code toward their account and also featured a weekly after-school recipe that was simple and economical to prepare.

Tech: Photoshop, Illustrator, Flash, XML, Word, Entourage
Role: Lead Designer / Project Manager
Link: www.mycokerewards.com

Ritz-Carlton – The Residences Philadelphia

Summary: Create a modern and compelling web experience for prospective buyers and solid, accessible tools for staff to make updates to news and events pages. Dramatized a mix of classical and contemporary imagery via a primarily flash website for a sleek and modern feel, while maintaining visual references to established markers of the Ritz Carlton style.

Build a targeted, accessible CMS for updates to News and Events. We worked with a third-party vendor (O3World) to build an HTML and XML based CMS so updates to most of the site could be made by Ritz-Carlton staff or by Agency staff, without flash knowledge.

Some notable features we implemented are the ability to add video and audio to the press release section, the ability to view and download a complete list of contacts made through the contact form, a special promo spot for deep linking within the website, and the ability to create non-flash pages for direct linking and improved SEO results.

Tech: Photoshop, Illustrator, Flash, Flash Video, XML, Word, Entourage, Excel
Role: Project Manager / Designer
Link: www.PhiladelphiaResidences.com

“Classic” Viral Movie?

[kml_flashembed publishmethod=”dynamic” fversion=”8.0.0″ replaceId=”end-wtf” movie=”http://rizzio.net/home/wp-content/uploads/endWTF.swf” width=”599″ height=”338″ targetclass=”flashmovie” align=”top” loop=”false” scale=”exactfit”]

Get Adobe Flash player

[/kml_flashembed]
So… I don’t know if there is such a thing as a viral “Classic”… but if it’s possible, I’d vote for this one as a definite contender. albinoblacksheep! The END!

Johnson & Johnson – Project Harmony eLearning

Summary: Launch a clean, clear and easy-to-use eLearning tool for the development and production teams of Johnson & Johnson Pharmaceutical. The Harmony project was an educational tool within a larger, already established initiative, which had musical themed branding. So we used the analogy of the harmony of an orchestra to be associated with the hopeful development and production process of J&J bringing innovative pharmaceutical products to market. It was developed in Flash, with a welcome video, a Rovion-style guide walking the user through all 10 stages, an interactive development flow chart, a master list of deliverables & reference documents, and an acronym/definition list. The Harmony project was very well received by J&J, and at a time when entire departments were being shuttered because of the global recession, our group was experiencing growth with new projects.

Tech: Illustrator, Photoshop, Final-Cut Pro, Flash, Dreamweaver
Role: Designer / Art Director
Link: Private J&J Intranet, see video below for a sampling of functionality

Time for Bed Game – Flash Interactive

Summary: Teach children how much sleep they need in a fun and engaging way. (What kids haven’t been preached to on this topic by parents or other adults when bed time rolls around?) Animals are a proven hook for our target age group of 5- to 10-year-old boys and girls. We used illustration, animation, funny voice talent and interactivity to engage the audience. Actionscripting was used to keep score during the games 10 question screens, with a congratulations at the end that loops the user back in for another try or sends them off for additional reading material. Overall, and very popular and successful interactive piece for KidsHealth.org. So much so that it was also featured in GD USA Magazine’s 2005 annual.

Tech: Flash, Illustrator, SoundForge
Role: Designer / Art Director, Character Illustrator, Sound Engineer, Developer, Voice Talent
Link: See Flash Below

[kml_flashembed publishmethod=”dynamic” fversion=”8.0.0″ useexpressinstall=”true” replaceId=”time-for-bed” movie=”http://rizzio.net/home/wp-content/uploads/KH_timeForBed.swf” width=”450″ height=”450″ targetclass=”flashmovie” align=”top” salign=”tr”]

Get Adobe Flash player

[/kml_flashembed]