Monite · Mar 2021 – Aug 2024 · Desktop

Tags

To help people find their way through their documents, we added custom tags that can be created and assigned to any document type in Monite — plus tag groups to keep them organised.

Challenges

  • A flexible component. Tags had to be available from many parts of the interface, so the component had to work inside very different layouts.
  • Usability testing. It took many experiments and tests to make it responsive and intuitive.
Figma board with tag component states and flows

The design

Tag picker with groups on the incoming bills list
Filtering bills by tag and managing a tag group
Tags on an invoice in the side panel
Tag picker inside an invoice line