UI Design

AppGuard Management System

AppGuard is centrally managed, anti-zero-day malware protection designed to insulate a company or organization from computer risks.
The administrator of the system uses a desktop web application known as AppGuard Management System (AGMS) to manage the security policies on the computers in their organization.

The client requested a UX Analysis with a modern interface redesign of the current product. My role was to work with C-suite stakeholders, lead the UI design effort, and guide developers to create the final product.

This project is split into two pages—UX Design, and UI Design. To view the UX Design process (Part 1), please click here.

Ideation

Based on problems identified in my UX Research, I created wireframes and mockups to explore various solutions. At each iteration, client feedback was received and applied to the designs.

Modular Design System

The AGMS Design System was built to allow for scalability and consistency across a huge volume of screens, controls, and components. Creating and maintaining a single source of truth for design elements, as depicted below, was crucial to avoiding delays when designing screens and preparing screens for developer handoff.

A selection of elements from the design system are sampled below.

Interface Comparisons

Below are side by side comparisons of the existing product and the redesign, in progress. Iterative comparisons were conducted throughout the process for stakeholder feedback and approval.

Existing product – Main Dashboard

Redesign

Existing product – Group Dashboard

Redesign

Existing product – Computer Search

Redesign

Promotional renderings

Mockups and renderings of the AppGuard Management System were designed to aid marketing and promotional efforts worldwide.

WordPress Theme built by Shufflehound. © Copyright 2019 by Raymond Florant. All rights Reserved.