3M Filtrete Smart App
Filtrete's shopping section was under performing and in dire need of a visual refresh. I worked with the business team to align business requirements to user needs. As design lead, I used benchmarking, usability testing and the new design system to guide the agile design process. Our team was successful at increasing success metrics, updating the brand experience and providing new product offerings.
The design team won a 2022 Creativity International Design & Advertising Gold Award for the Filtrete Smart app.
My Role
• Lead UX designer
• Evaluation and benchmarking
• Wireframes, prototyping and usability testing
• UI design and design library components
• Lead UX designer
• Evaluation and benchmarking
• Wireframes, prototyping and usability testing
• UI design and design library components
Process & Methods
Evaluate the Current Design & UX
Identify any current usability issues. Ideation of possible ways to improve the user experience using current trends and appropriate design patterns.
Identify any current usability issues. Ideation of possible ways to improve the user experience using current trends and appropriate design patterns.
Methods:
• Evaluation of current user flow
• Documented pain points and ideas for improvements
• Evaluation of current user flow
• Documented pain points and ideas for improvements
Evaluated the Current Shopping Experience
Design Research
Evaluated similar apps and experiences. Exploring new ways to shop for air filters and room air purifiers. Discovered new patterns and motivation techniques.
Evaluated similar apps and experiences. Exploring new ways to shop for air filters and room air purifiers. Discovered new patterns and motivation techniques.
Methods
• Benchmarking apps
• Evaluated new options for shopping within online product categories
• Competitive Analysis
• Benchmarking apps
• Evaluated new options for shopping within online product categories
• Competitive Analysis
Opportunities
• Improve ease of use and simplify path to purchase
• Streamline the navigation
• Provide ways to compare products
• Upselling high tier products
• Promoting the new air purifiers
• Improve ease of use and simplify path to purchase
• Streamline the navigation
• Provide ways to compare products
• Upselling high tier products
• Promoting the new air purifiers
Benchmarking air filter and air purifier shopping experiences
Usability Testing
I worked with project stakeholders to identify the priorities aligning these to the design updates. Prototypes were created to test the new experience with select users. Three rounds of self-moderated usability testing helped us gain valuable insights.
I worked with project stakeholders to identify the priorities aligning these to the design updates. Prototypes were created to test the new experience with select users. Three rounds of self-moderated usability testing helped us gain valuable insights.
Methods & Design
• Helped to define the business requirements with project stakeholders
• Designed wireframes, user flows and prototypes
• Led bi-weekly design reviews with stakeholders
• Conducted usability testing
• Shared results and recommendations with the business team
• Helped to define the business requirements with project stakeholders
• Designed wireframes, user flows and prototypes
• Led bi-weekly design reviews with stakeholders
• Conducted usability testing
• Shared results and recommendations with the business team
Wireframes & Prototype
Usability Testing Details
Usability Testing Tasks
Usability Testing Results
Usability Testing Conclusions & Recommendations
UI Designs
Led the design team in creating UI designs using the new Filtrete design system. Created user flows that would effectively drive users into the conversion funnel. Kept the design team aligned to the priorities as the project scope was finalized.
Led the design team in creating UI designs using the new Filtrete design system. Created user flows that would effectively drive users into the conversion funnel. Kept the design team aligned to the priorities as the project scope was finalized.
Methods & Design
• Scoping and prioritization with development team
• Designed page layouts with a fresh look & feel for IOS and Android
• Streamlined the user flows to provide easier navigation and paths to purchase
• Created new system components adding to the existing DPL
• Scoping and prioritization with development team
• Designed page layouts with a fresh look & feel for IOS and Android
• Streamlined the user flows to provide easier navigation and paths to purchase
• Created new system components adding to the existing DPL
Final UI Designs
Results
Users started visiting the Products tabs twice as frequently (x2) after the redesign of the Products tab shopping experience.
Users started visiting the Products tabs twice as frequently (x2) after the redesign of the Products tab shopping experience.
The newly redesigned Filtrete Smart App shopping experience showed an immediate increase in click-through rates for the top 3 most important calls to action.
• Get Started (filter finder tool) - 5% Increase
• Get Started (filter finder tool) - 5% Increase
• Subscribe & Save (filter subscription service) - 2% Increase
• Choose a Retailer (path to purchase) - 2% Increase
Users are visiting the Products tabs twice as frequently
5% increase in visits to the "Get Started" personalized guide
2% increase in visits to the "Subscribe & Save" page
9% of users are now clicking on a retailer to purchase products
Redesigned Products tab shopping experience results as of Q3 of 2022