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

My very first SlideShare presentation!

Looky here! My first ever SlideShare.net presentation! It’s a little ditty I created to help our traditional media buying folks transition over to the brave new world of online banner ads and all the specs they have to understand and bring into their Work Orders. It’s pretty basic, and it assumes I’ll be talking through some of the details, but it’s hopefully still somewhat informative… and maybe a little entertaining.

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]