Case Study — 01

Sites Page Redesign

Verkada — Physical Security Platform Interaction Design

Role
Product Designer, Lead
Team
[team size/roles]
Timeline
[rough dates/duration]
Before / after — legacy grid vs. redesigned Sites page

Before / after — legacy grid vs. redesigned Sites page

01

Project Background

Verkada provides enterprise physical security solutions — video surveillance, door access control, air quality monitoring, alarms, intercoms, and visitor management — all managed from one platform.

The Sites page is where admins organize devices and manage permissions across every location their organization runs. It’s foundational to the platform experience: almost every other workflow eventually routes through it. But the existing interface was a dense, spreadsheet-style grid that hadn’t been rethought as the product line grew — and it was effectively unusable on mobile.

My goal was to redesign it into something scalable, mobile-capable, and aligned with the newer Verkada 3.0 design language — without breaking the complex permission and hierarchy logic power users depended on.

02

Why It Needed to Change

Not usable on mobile.

Admins rely on the Sites page for time-sensitive tasks — permission changes, restructuring after an incident, onboarding a new location. By 2023, users expected core SaaS functions to work on mobile, and this page fell far short.

Not scalable.

Every new product line added a new column to the grid. This worked when Verkada had a handful of device types; it broke down as the ecosystem grew, and some products weren’t represented in the view at all — so admins couldn’t get a unified picture of a site.

Visually and structurally out of step.

The page hadn’t been touched since before the Verkada 3.0 design system, so it looked and behaved like a legacy tool bolted onto a modern platform.

03

Research

I ran a UX audit, then structured the investigation around a few research questions before doing any exploration:

Jobs to be done
What are admins actually trying to accomplish here?
Usability issues
What’s actively blocking them today?
Opportunity
Could this page do more than it currently does?
Prioritization
What’s noise vs. signal in the current design?

To answer these, I combined a UX audit, stakeholder and design-history interviews, sessions with Solutions Engineers (who see how large enterprise customers actually configure their sites), and direct customer interviews.

What I learned

Org Admins and Site Admins use this page primarily to structure and restructure sites: creating and naming sites and subsites, splitting a site into multiple subsites, moving a subsite elsewhere in the hierarchy, and managing permissions as that structure shifts.

The friction was concentrated in three places:

  • Cumbersome restructuring — users had to strip out every device and subsite before they could delete or move a site.
  • Disjointed workflow — restructuring meant bouncing between separate pages to move devices and separately manage permissions.
  • No bulk actions — every change was one at a time, even for customers managing hundreds of sites.

A few data points that shaped prioritization:

  • A Solutions Engineering Manager noted that one of Verkada’s largest customers restructures roughly 10 subsites into different parents every year.
  • A customer publicly requested drag-and-drop restructuring at a Verkada customer conference.
  • An engineer described customers needing to change site hierarchy without deleting and recreating sites — since that meant re-adding every device and resetting every configuration from scratch.
  • One Solutions Engineer was writing a custom script for a 700+ site enterprise customer just to help them manage their structure — a strong signal the built-in tooling had failed them.
  • Design leadership emphasized that naming conventions and device-count visibility mattered enormously to how customers reasoned about their site structure.

Beyond the core friction, a few opportunities stood out: the Sites page had potential as a homepage (Verkada currently defaults to the Camera page), floorplan integration was a natural extension since floorplans are site-based, and customers wanted the ability to pin key sites and export site data for compliance reporting.

Research process photo
04

Design Exploration & Rationale

I explored three layout approaches, each solving for “immediate visibility into site structure” differently, because different customer segments needed different things from the same view:

Panel View screenshot

Panel View

A persistent side panel showing hierarchy alongside detail. Best for admins who work across many sites at once and need to keep context while drilling into one.

Expanded List View screenshot

Expanded List View

A flat, scrollable list optimized for scanning device counts and permissions quickly. Best for smaller sites or narrower device sets.

Toggle View screenshot

Toggle View (Panel & List)

Lets the user switch between the two.

[One sentence: which one shipped, and the one reason it won.]

05

Final Design

Final design screenshot

The final design supports the full restructuring workflow — creating, renaming, moving, and nesting sites — alongside permission management, in a layout that holds up on both desktop and mobile.

06

Navigating Constraints

Senior-level design work is as much about what you push back on and what you let go of as what you ship. A few trade-offs from this project:

Drag-and-drop was rejected for technical reasons.

[What did you design instead to cover the same need?]

Bulk actions weren’t supported in this phase.

[Fast-follow, or dropped? One line.]

Duplicate/copy functionality was backlogged rather than cut.

Bandwidth settings were added mid-project as a new requirement.

07

Outcome

  • Fully responsive on mobile
  • Scalable to Verkada’s full, growing device catalog
  • Aligned with the Verkada 3.0 design system
  • Simplified permission viewing and editing
  • Faster, lower-friction site restructuring

[Add one number or scale statement if you have it — usage, tickets, or “shipped to X customers.” If not, skip it; the checkmarks above are fine as-is.]

08

Reflection

[2 sentences: one thing you’d do differently, one thing it taught you.]

Next Project

Interaction Design

Security Alert
Mobile Design

Verkada

Alert design for the core platform’s mobile web. Designed the layout and interaction that works for different alerts from camera, air quality sensors, and access control.

View Project
Verkada Sites page