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

Leave a Reply

Your email address will not be published. Required fields are marked *