FortiDevice - Saved Queries
FortiDevice is a Cyber Asset Attack Surface Management (CAASM) platform that provides comprehensive security visibility across corporate networks. It merges asset, network, software, and vulnerability data to help security teams identify weaknesses, minimize threats, and control risk exposure across their environment.
Challenge
Security analysts working with large device inventories had to retype complex search queries every time they needed to filter data. Once they navigated away the query was lost - a repetitive and time consuming friction point for teams monitoring hundreds of assets daily.
Solution
An inline query saving experience built directly on the inventory table - allowing analysts to build, test, and save queries in context without losing sight of their data.
My Role
Staff UX Designer
My Responsibilities
Worked directly with the product lead to gather and understand requirements. Independently responsible for all Figma design, iterations, and developer handoff.
Duration
June 2024 – Aug 2024
Design Process
Discovery
The product team identified that security analysts were repeatedly retyping the same complex search queries. The requirement was to allow users to save queries for reuse. The initial concept proposed was a large modal popup with a dedicated query builder - a dedicated space where users could name, configure, and save their queries.
Ideation
I translated the initial sketches into Figma. While designing the popup I identified a critical flaw - the modal completely isolated the query builder from the actual inventory data. Users had no way to test whether their query was returning the right results while building it. I brought this concern to the team and proposed an alternative - move the entire experience onto the inventory table itself.
Prototype
I designed the inline query experience directly on the inventory table. Users apply filters and see results update in real time. When satisfied they click Save Query and a lightweight inline panel slides in from the right asking for just a Query Name and Notes.
Key design decisions:
Inline panel instead of modal — keeps inventory data visible at all times
Minimal save form — just name and notes, no unnecessary fields
Active filters shown as tags above the table
Saved queries accessible from the same interface
Test
Once the prototype was finalized, the design was reviewed with the UX manager and product lead. Inconsistencies were identified and resolved through collaborative review cycles before handoff to the development team. The feature was then validated through internal QA testing.
The feature shipped in FortiDevice - security analysts can now save, name, and reuse complex inventory queries without losing context or retyping searches. The design was subsequently adopted by the FortiData team and implemented across their inventory experience as well.
Initial Wireframes
Results of Usability Testing
Style guide for Developers
Final Mockup Screen1
Final Mockup Screen2
Key Takeaways
The best solution isn't always the first one. Recognizing that the initial popup approach created a problem — separating the tool from the user's context — led to a simpler, more intuitive solution. Moving the experience into the user's working environment made all the difference.