Mozilla Webmaker mobile app + tools
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 project I touched early versions of each and experimented with new ideas. As Design Director for the Foundation, I continued to oversee a rebrand and more mature launches and campaigns.
My role: UX/UI design, research, leadership, strategy
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.