Mucinex Blog
Redesigning the Mucinex Blog: A Focus on Filter and Sort System
CLIENT
Reckitt / Inside Ideas
SERVICES
UX, UI Design
YEAR
2023
https://petra.app/
![](https://framerusercontent.com/images/qSxVIrBOpzar9HOFhjXVtOYiMA.gif)
![](https://framerusercontent.com/images/qSxVIrBOpzar9HOFhjXVtOYiMA.gif)
Overview
Mucinex, a leading brand in over-the-counter cold and flu remedies, has maintained a blog as part of its digital presence. However, the current layout and navigation of the blog lack efficient tools for users to find relevant content easily. As a UX designer, my task was to redesign the Mucinex blog with a primary focus on implementing a robust filter and sort system.
![](https://framerusercontent.com/images/AVhVuYZiCPfuVgBSqjKgcvU1hk.png)
![](https://framerusercontent.com/images/AVhVuYZiCPfuVgBSqjKgcvU1hk.png)
Overview
Mucinex, a leading brand in over-the-counter cold and flu remedies, has maintained a blog as part of its digital presence. However, the current layout and navigation of the blog lack efficient tools for users to find relevant content easily. As a UX designer, my task was to redesign the Mucinex blog with a primary focus on implementing a robust filter and sort system.
Filter Options
Implement filters based on categories such as symptoms, age groups, product types, and health concerns.
![](https://framerusercontent.com/images/r8K2JsSZqtwAhPr9kpUov48TRE8.gif)
![](https://framerusercontent.com/images/r8K2JsSZqtwAhPr9kpUov48TRE8.gif)
Sorting
Allow users to sort articles by relevance, date, popularity, and author.
![](https://framerusercontent.com/images/B8g551UPIV0goCNaa317r6qfk.gif)
![](https://framerusercontent.com/images/B8g551UPIV0goCNaa317r6qfk.gif)
Clear Navigation
Design intuitive navigation elements, including dropdown menus and sidebar filters, for seamless exploration.
![](https://framerusercontent.com/images/2nI6Iu38BCgShcj77GMkqYTnuQw.gif)
![](https://framerusercontent.com/images/2nI6Iu38BCgShcj77GMkqYTnuQw.gif)
Evaluation & Iteration
Monitor user engagement metrics, including page views, time on page, and click-through rates, to assess the effectiveness of the redesign.
Gather user feedback through surveys, feedback forms, and analytics tools to identify areas for improvement.
Continuously iterate on the design based on user insights and evolving user needs to maintain a user-centric approach.
Impact
By focusing on implementing a robust filter and sort system, the redesigned Mucinex blog aims to enhance content discoverability and improve the overall user experience. Through thorough research, thoughtful design solutions, and iterative testing, the new blog will provide users with easy access to relevant content, ultimately driving engagement and satisfaction.
![](https://framerusercontent.com/images/2nI6Iu38BCgShcj77GMkqYTnuQw.gif)
![](https://framerusercontent.com/images/qSxVIrBOpzar9HOFhjXVtOYiMA.gif)
Mucinex Blog
Redesigning the Mucinex Blog: A Focus on Filter and Sort System
ROLE
UX, UI Design
YEAR
2023
CLIENT
Reckitt / Inside Ideas
For a deep dive into this case study
![](https://framerusercontent.com/images/AVhVuYZiCPfuVgBSqjKgcvU1hk.png)
Overview
Mucinex, a leading brand in over-the-counter cold and flu remedies, has maintained a blog as part of its digital presence. However, the current layout and navigation of the blog lack efficient tools for users to find relevant content easily. As a UX designer, my task was to redesign the Mucinex blog with a primary focus on implementing a robust filter and sort system.
![](https://framerusercontent.com/images/r8K2JsSZqtwAhPr9kpUov48TRE8.gif)
Filter Options
Implement filters based on categories such as symptoms, age groups, product types, and health concerns.
![](https://framerusercontent.com/images/B8g551UPIV0goCNaa317r6qfk.gif)
Sorting
Allow users to sort articles by relevance, date, popularity, and author.
![](https://framerusercontent.com/images/2nI6Iu38BCgShcj77GMkqYTnuQw.gif)
Clear Navigation
Design intuitive navigation elements, including dropdown menus and sidebar filters, for seamless exploration.
Mucinex Blog
Redesigning the Mucinex Blog: A Focus on Filter and Sort System
CLIENT
Reckitt / Inside Ideas
SERVICES
UX, UI Design
YEAR
2023
2023
CREDITS
![](https://framerusercontent.com/images/qSxVIrBOpzar9HOFhjXVtOYiMA.gif)
![](https://framerusercontent.com/images/AVhVuYZiCPfuVgBSqjKgcvU1hk.png)
Overview
Overview
Mucinex, a leading brand in over-the-counter cold and flu remedies, has maintained a blog as part of its digital presence. However, the current layout and navigation of the blog lack efficient tools for users to find relevant content easily. As a UX designer, my task was to redesign the Mucinex blog with a primary focus on implementing a robust filter and sort system.
![](https://framerusercontent.com/images/r8K2JsSZqtwAhPr9kpUov48TRE8.gif)
![](https://framerusercontent.com/images/r8K2JsSZqtwAhPr9kpUov48TRE8.gif)
Filter Options
Implement filters based on categories such as symptoms, age groups, product types, and health concerns.
![](https://framerusercontent.com/images/B8g551UPIV0goCNaa317r6qfk.gif)
![](https://framerusercontent.com/images/B8g551UPIV0goCNaa317r6qfk.gif)
Sorting
Implement filters based on categories such as symptoms, age groups, product types, and health concerns.
Clear Navigation
Implement filters based on categories such as symptoms, age groups, product types, and health concerns.
![](https://framerusercontent.com/images/2nI6Iu38BCgShcj77GMkqYTnuQw.gif)
![](https://framerusercontent.com/images/2nI6Iu38BCgShcj77GMkqYTnuQw.gif)
Evaluation & Iteration
Monitor user engagement metrics, including page views, time on page, and click-through rates, to assess the effectiveness of the redesign.
Gather user feedback through surveys, feedback forms, and analytics tools to identify areas for improvement.
Continuously iterate on the design based on user insights and evolving user needs to maintain a user-centric approach.
Process
By focusing on implementing a robust filter and sort system, the redesigned Mucinex blog aims to enhance content discoverability and improve the overall user experience. Through thorough research, thoughtful design solutions, and iterative testing, the new blog will provide users with easy access to relevant content, ultimately driving engagement and satisfaction.