The Mozilla Foundation Design team encompasses a group of highly multidisciplinary makers. We love everything design — from research and UX to UI, colors, typography, and branding. We strive for our work to reflect an open source and inclusive ethos that promotes an open and honest relationship with the world around us.
As stewards of the Foundation's digital presence, we partner with and support staff across the Foundation in leveraging our web platforms to advance their team objectives and goals. We help create compelling, accessible, and relevant digital experiences that help grow our audience, deepen engagement, build the strength and power of our movement, and advance our organizational objectives. We measure our success using data and insights.
We spend a lot of our energy building upon and maintaining the Mozilla Foundation website. We’ve been hard at work the past years unifying all of the foundation's work onto a single website, designing new CMS page types and blocks, and creating a robust design system. We own the UX/UI for all the foundations web properties which means we care deeply about how our brand shows up and how our supporters experience our sites. The list of properties includes: Mozilla Foundation, *Privacy Not Included, Mozilla Festival, the overall user experience of our CMS, Donate, and Pulse.
See an overview of past work in our yearly recap decks.
Collaboration: We build strong partnerships. We foster trust and relationships through openness and transparency.
Problem solving: We fall in love with the problem, not the solution. We ask questions and do our research to understand the problem we are solving and why it’s important.
Growth minded: We are open minded & curious, flexible & adapt, always learning & iterating.
User focused: We do our best to understand and meet the needs of the staff we partner with and the audience we serve. We are empathetic and advocate for the voices who are not in the room.
Strategic & Grounded: We are creative, innovative, and optimistic while balancing the org needs, staff needs, and audience needs.
Sr UX/UI Designer
Marketing & Communications Visual Designer
Blog posts from the team
Oct. 26, 2022
The design process behind *Privacy Not Included mental health apps
In this post, I want to share our team’s approach to tackling sensitive issues like mental health through design and making what could be a taboo conversation into something that’s open, accessible, and engaging.
April 19, 2022
Design in a movement building organization: Reflections from 2021
The design team at the Mozilla Foundation is Nancy, Rebecca, Sabrina, and Kristina 👋. We are proud to be a tight knit, all female, remote team of multidisciplinary makers. We love everything design — from research and UX to UI, colours and typography, branding, marketing and social media. We strive for our work to reflect an open and inclusive ethos. Design at a nonprofit is different from a startup or tech company. Mozilla Foundation is building a movement for internet health. A diverse set of staff, partners, and volunteers working on programs to ensure that AI in consumer tech enriches the lives of human beings. Design plays an important role in visualizing our work for these many programs and initiatives. We inspire people to take action alongside us and enable our supporters to use our digital products to share their work and organize in their communities. We face unique challenges and constraints, with unique opportunities and areas of exploration. For this reason, we are sharing some of our lessons and learnings from 2021.
Kristina Shu and Anil Kanji
- Each Sprint
- We use agile principles to help us prioritize, organize and execute our projects in two-week sprints. Whether it’s work we set for ourselves or external requests. Kristina runs Design Backlog Grooming & Sprint Planning while our PM runs daily Huddles, Demos, and Retro.
- Projects are flagged at the end of previous year and put on the design roadmap
- Projects follow the Design Team UX/UI Process
- Once a project has launched it then turns into an “Ongoing Project”
- Lead designer on the project is responsible for
- Quarterly analytics share out
- Regular check-ins with key stakeholder and share outs
- Prioritizing work
- Design manager is responsible for
- Gathering/compiling all share outs to share more broadly
- Prioritizing work against all other projects
- Guidance and clarifying next steps
Smaller and unplanned requests can be requested through mzl.la/request and will be supported as much as capacity allows.
- We check-in and report out on how projects contribute to the Enduring Metrics
- As a team at the end of each sprint
- With key stakeholders throughout a project