top of page
Firefox Monitor.jpg
Firefox Monitor
A web service that allows users to scan online accounts and see if they are included in any breaches. In addition to the website, Firefox Monitor offers a subscription service that will email you if your account is found in any new breaches. Monitor also has been localized in more than 26 languages.
 
As a UX Designer on Firefox Monitor, I worked closely with the product manager, content strategist, and developers to design the experience and ensure it was implemented according to specifications.
 

 

Firefox Monitor Screen 1
Firefox Monitor homepage
firefox monitor screen 2
Breach results screen
Along with the web service, Firefox Monitor also alerts users with a door hanger when they visit recently breached sites.

 

doorhanger.jpg
Door hanger alert of a recent breach
IA_Firefox Monitor.jpg
Information Architecture of Firefox Monitor
Below are screens of early design concepts that were used as prototypes to test the validity of Firefox Monitor in a Shield Study. These studies allow the testing of products/features with a small percentage of Firefox users. Working with data scientists and telemetry we were better equipped to understand how we are impacting our users. On top of the Shield study, we also worked with the user research team to run a qualitative study. From these studies, we uncovered important user issues, which we were able to iterate and solve for in future designs.
Previous 2.jpg
Previous 1.jpg
Previous 3.jpg
Prototype used for user studies
Once the studies validated Monitor was a feature users wanted to use. We took the qualitative user research findings and dove back into refining the UX and UI.
Design Exploration
Variation 1.jpg
Exploration and evolution of the design
Profile Image

Hey, it’s nice of you to stop by!

 

Let me introduce myself, I’m Eric a Senior Product/UX Designer based in Toronto. I'm currently working on improving the user experience of privacy and security features for Firefox at Mozilla. Partnered with my past experience in production design I understand the importance and value of all stages from conceptualization to implementation. Feel free to reach out to me with the form below, I’ll be more than happy to hear from you. :)

  • LinkedIn - Grey Circle
  • Instagram - Grey Circle
  • Twitter - Grey Circle

Success! Message received.

© 2016 by Eric Pang

bottom of page