← Back to Portfolio

Avigilon Cloud
Advanced System Health

Designing scalable, actionable, multi-site observability for enterprise security systems

Avigilon Cloud Advanced System Health Dashboard

Role

Principal UX Designer

Company

Avigilon (Motorola Solutions)

Team

Cross-functional: Product, Engineering, Solution Engineers

Platform

Web Dashboard (Cloud-based)

Tools

MUI Charts, D3.js, Microsoft Clarity

Status

Launched

Project Overview

Avigilon, part of Motorola Solutions, is a leader in physical security software for enterprises with complex, multi-site deployments. The Cloud Advanced System Health dashboard was designed to deliver centralized, real-time visibility and control for integrators, IT administrators, and security operators managing thousands of devices across global locations.

The Problem

As security systems scale to thousands of sites, servers, and cameras, managing health and uptime becomes unmanageable. Customers struggled with disconnected and misleading device statuses, lack of actionable insights, and repetitive troubleshooting, leading to eroding trust in the product.

The Solution

A centralized health dashboard providing a "single pane of glass" that summarizes health across all cloud-connected Avigilon sites, servers, and cameras, with actionable insights and immediate intervention capabilities for enterprise-scale deployments.

Results & Impact

Successfully Launched
10K+
Devices Supported
+ Positive
Sentiment Score
100%
Status Reliability

Business Impact

The dashboard launched successfully with live data visualizations for Sites, Servers, and Cameras, providing actionable and trustworthy system health at enterprise scale. It became the most compelling reason for customers to adopt cloud solutions in historically on-premises security environments.

User Impact

Customers responded positively to the "Action Now" feature and at-a-glance health cards, with feedback requesting more granular maintenance states and future warning/error segmentation. The dashboard successfully rebuilt user trust in system status reporting through improved accuracy and actionable insights.

Validation Success

Major enterprise customers and retail chains validated that this solution addressed their core operational needs for centralized system health monitoring.

Research & Discovery

User Research & Stakeholder Interviews

I conducted extensive interviews and card-sorting exercises with enterprise customers, partners, and internal subject matter experts to understand what "system health" meant at scale. Key participants included stakeholders from 3 companies, product management, and SEs.

Key User Personas

IT Admin avatar

IT Administrators

Configure and manage system integrations across enterprise deployments

System Integrator avatar

System Integrators

Responsible for multi-site installations and ongoing maintenance

Security Manager avatar

Security Managers

Oversee operational security for enterprise organizations

Maintenance Technician avatar

Maintenance Technicians

Handle day-to-day troubleshooting and repairs

Corporate Asset Protection avatar

Corporate Asset Protection

Monitor security systems for retail and corporate environments

Competitive Analysis

I benchmarked top competitors and on-premises solutions (Genetec, Milestone) to surface best practices and pain points around status observability and dashboard visualizations. This analysis revealed common issues with information overload and lack of actionable insights.

Problem Validation

Research confirmed that large-scale, multi-site partners care about rolled-up, high-level health (sites, servers, cameras), while local admins want actionable site/server/camera breakdowns. The need for role-based access and segmented privileges was critical for enterprise adoption.

Design Process

How I Did It

I collaborated closely with Product Management Leadership, Engineering Leadership, and System Architects to address architectural issues and map all available device statuses. I evaluated the systems connected to Avigilon Cloud, analyzed every status, and met with engineering to decode the meaning behind error states.

To understand real-world impact, I interviewed customers, synthesized their feedback, and performed competitive analysis. My goal was to create a single pane of glass experience that was actionable, with status information cascading up the node tree. One core challenge was reconciling device status reliability across at least three different data sources — a backend problem that engineering needed to solve.

Information architecture issues led us to introduce a dealer view experience. We iterated through multiple prototypes, incorporating stakeholder feedback and making strategic compromises. Since Figma was not ideal for data visualization prototyping, I used the D3 library. With ChatGPT, I generated a JSON-based data factory to simulate the scale of our largest enterprise customer, then built proof-of-concept clickable prototypes in D3 to test and refine the design.

1

Discovery

Conducted stakeholder interviews and card-sorting exercises with enterprise customers to understand system health requirements at scale.

2

Competitive Analysis

Benchmarked competitors and on-premises solutions to identify best practices and pain points in status observability.

3

Prototyping

Explored D3 sunburst and data-dense charts. Figma is great but real components are better. I tested chart options and interactivity with D3 and JSON using real data sets.

4

Validation

Used data factory scripts to stress-test performance with large organizations (10,000+ devices).

Engineering Partnership

I worked closely with engineering to resolve status "cascading" issues—understanding how a disconnected camera impacts server and site status. This collaboration was crucial for rebuilding user trust through accurate status reporting and prioritizing observability over raw data dumps.

Design Solutions

Key Features

The dashboard centers around three high-level "at a glance" cards showing health by status: Sites, Servers, and Cameras, each displaying connected/disconnected/error states with future warning capabilities planned.

Dashboard darkmode

Dashboard (a/b test winner)

Dashboard widgets

Stage 1 - simple show/hide dashboard widget controls

Action-Oriented Design

A persistent "Action Now" dashboard element allows users to jump directly to resolving critical issues. Every status displayed is actionable, not just informational, reducing operator fatigue and enabling fast intervention.

Information Architecture

Organized content hierarchically from high-level organizational health down to specific device status, supporting both enterprise overviews and detailed troubleshooting needs.

Multi-Tenant Design

Built-in role and access segmentation ensures appropriate information visibility for different user types while maintaining security and operational efficiency.

Scalability Focus

The system was designed and tested to handle enterprise scale deployments with 10,000+ devices and thousands of status changes, using performance-optimized visualizations and efficient data handling.

Testing & Validation

Performance Testing

Used data factory scripts to stress-test the dashboard with large organizational structures, simulating real-world enterprise deployments with thousands of devices and frequent status updates.

User Feedback Integration

Implemented Microsoft Clarity for usage analytics and heatmapping in CI environment, with plans for production deployment to enable continuous iteration and improvement.

"
I want to see my landing page. I want to know what the status is. It should be graphical in nature... customers and integrators, everybody loves pie charts and histograms and all kinds of interesting things. But something that was easily identifiable—red, green, up, down.
— SE
"
As long as you have the permissions to see like system health information, knowing that something needs to be addressed is important, 'cause that creates revenue, it also creates happy partners, happy customers, end users, because things are taken care of.
— Channel Partner
"
System health is going to be probably one of the most important things... Action now jumps to the top for me, devices and licensing, and I'm thinking strictly from an enterprise management standpoint.
— Large Enterprise Customer
"
From an IT standpoint, what we're used to is having all the different high-level depictions of sites and overall systems health within that first page of the product. That's something that we're accustomed to.
— Large Enterprise Customer
"
First thing that always concerns [large customers] is how many sites are online. So they always look first at sites, then servers... then cameras... just want to look up and see three big green circles with numbers in them.
— SE
"
The lure of having these wonderful dashboards... that provided for cloud... is a compelling reason to enable the cloud and turn the feature on.
— SE

Iterative Refinement

Built a systematic approach for ongoing iteration as the platform matured, including placeholder designs for future features like privilege management, reporting, and licensing modules.

Customer Validation

Conducted validation sessions with major enterprise customers and partners, confirming that the dashboard addressed their most compelling reasons to adopt cloud-based solutions in traditionally on-premises environments.

Learnings & Next Steps

What I Learned

Trust is critical in enterprise dashboards—users will not engage if statuses are perceived as inaccurate. Dashboards must prioritize actionable insights over information overload to be truly valuable. The importance of early investment in backend status accuracy cannot be overstated for building user confidence.

Future Opportunities

The roadmap includes richer analytics with sunburst charts, more sophisticated status and warning states, enhanced privilege-aware dashboards, and end-to-end integration with future cloud analytics modules. There's also opportunity for more role-based dashboard customization.

Reflection

This project reinforced the importance of deep collaboration between design and engineering, especially when dealing with complex backend systems that affect user trust. In hindsight, I would have pushed for even earlier investment in status accuracy and more granular role-based customization to maximize user value and trust from day one.

Impact on Cloud Adoption

The success of this dashboard became a key differentiator for Avigilon's cloud offerings, helping enterprise customers transition from traditional on-premises security systems to cloud-based solutions with confidence in system monitoring and control capabilities.