Firefox Monitor

Product Design

Firefox Monitor is a free product designed to help users stay safe online. We notify our users if their personal information has been compromised as part of a data breach. We also provide users with instructions to resolve their breaches and help improve their online security.

My role

I was the lead designer creating early concepts, running design workshops, regularly presenting to leadership, and delivering final assets for production.

Team: 1x Product designer (me), 1x Content designer, 1x Researcher, 1x PM, 2x Software developers

Responsibilities : Product Design to Engineering Handoff

Timeline: 3-4 months

The challenge

Firefox Monitor users don’t return or re-engage with the product

1. Less than 2% visit the Monitor dashboard in a month
2. Users get frustrated when trying to solve a breach
3. Users find generic and repeating instructions either frustrating or tiring


How might we create an engaging experience that educates users on digital security and offers them the tools to protect their digital lifestyle?

1.  Increase the number of subscribers visiting the dashboard
2. Increase the amount of resolved breaches inside of the dashboard
3. Add Nebula design system to Monitor
4. Add a premium feature to Monitor ( Data Removal )
5. A better customer experience


Determined to make the new Firefox Monitor experience work the way customers want, we conducted five rounds of user testing with iterations based on feedback. Our users' feedback was very informative and crucial to this early phase of the process. Here are a few key insights from the users we tested: Meet the user where they are, Easy solution, would like the ability to set it and forget it.

Paper First

Before moving pixels, I pull out my sketchbook and start sketching and writing down notes of ideas I do not want to forget.

User Flow

My first step in redesigning the Monitor experience was thinking about the user's journey and identifying opportunities that would keep the journey straightforward for the user.

From Paper to Digital

After sketching a few solutions, I brought those ideas into figma and started creating low-fidelity wireframes to show the team and key stakeholders.


Here are the final designs for the new experience

Reflections + What I would do differently

I wish we had more time to research to determine what premium features users want and what price point the users would be willing to pay.
Overall, this project has been exciting and full of ah-ha moments. It was a lot of thinking behind how to solve the user's pain points. More to come soon!