Mozilla Webmaker mobile app + tools
As Design Director for the Mozilla Foundation I ran all product and brand design efforts. The Mozilla Webmaker project, a collection of tools that aimed to transform passive online consumption into active online making, grew an international audience through its website, mobile app and three online tools – Thimble for HTML/CSS, Popcorn for video, and X-Ray goggles for digital literacy. As the original UX/UI designer for the Webmaker project I touched early versions of each and experimented with new ideas. Later I oversaw the team that continued to develop more mature tools. I oversaw a rebrand for Webmaker, was involved in the Mozilla rebrand, iniatiated our first Open Design community efforts, and helped to guide and develop more mature product launches and advocacy campaigns.
My role: Leadership, strategy, UX/UI, research
Team: Mozilla Foundation
“Hank” was just one of our many personas. He was a real person and target audience member with whom we could test our ideas.
Over the project’s lifespan I oversaw a rehaul of its interface for improved functionality, a realignment with the shifting parent Webmaker brand, and a relaunch of the tool under Mozilla’s Teach initiative.
To encourage remixing, we showed off other people’s projects in galleries. Applications varied from teaching prompts to practical jokes such as rewriting the homepage of the New York Times.
Onboarding was always a key concern in X-Ray Goggles. Because the tool was not yet entirely intuitive, we created a fun and easy way to get started by remixing the head, torso and legs of fun characters.