As a first step of the design exploration process, I aimed to define the user flows and the proper controls for improved visibility.

The primary goals of initial iterations were to address the feature’s high severity pain points.

Nirvana Design System needed to incorporate various date and time pickers. We performed internal usability testing to make sure we design the best user experience for these type of controls.

The design of Patch Management in Bitdefender GravityZone, when aligned with the Nirvana Design System had to reflect a clean, functional hierarchy that enhances usability—especially through the strategic use of color and component roles.

🎨 Color Usage & Hierarchy

Primary Blue for Actions

• Primary buttons, such as “Install Patch”, “Create Maintenance Window”, or “Save Configuration”, are highlighted using a bold primary blue.

• This aligns directly with Nirvana’s principle that blue drives attention and signals key actions, helping users quickly identify what to do next.

• Placement of blue buttons at the bottom of modals or in top-right corners reinforces conventional UX patterns.

Grey for Secondary and Passive Elements

• Grey is reserved for non-critical actions—like “Cancel”, “Reset Settings”, or “View Details”.

• Tooltips, labels, disabled states, or collapsed panels use muted greys to maintain focus on active components without creating visual clutter.

• This supports progressive disclosure—showing users just enough information and interaction when needed.