1. Problems

• Users can't distinguish recent items from old ones;

• Users can't search items;

• Users can't filter items;

• Outdated components on design system.

2. Existing filter component

• Can't be applied on Reports section

• Uses untokenized components

3. First iterations

• Uses small portion of viewport

• Not responsive

  
  

4. Second version

• Minimalist approach

• Filter sections segregated into dropdowns

• Hidden features, harsh learning curve

  
  

5. Fixed filter island

• Mobile friendly

• Easy to use

• Visually appealing

6. Evolving components

• Components were now tokenized within the library

  
  

7. Dynamic information

• Polished fixed filter

  
  

8. Background Blur

• CSS styling easy to apply

• Low performance impact
  
  

9. Mobile options

10. Enhanced Design System

12. Prototypes

13. Release