Shasta Cloud

Centralized Network Control for Enterprises - transforming how MSPs manage multi-vendor networks

Shasta Cloud hero

TL;DR

Problem:MSPs juggled 4–20 vendor systems with bloated UX, leading to massive inefficiencies and inflated costs.
What I did:Built site-first navigation and LiDAR-based AP deployment with a vendor-neutral abstraction layer.
Outcome:61% faster workflows. AP deployment cut from 30 to 10 minutes. 50% cost reduction vs vendor hardware.

The challenge

Managed Service Providers juggle 4-20 different vendor systems to manage enterprise networks. Existing tools were bloated, vendor-locked, and buried critical features under layers of poor UX - leading to massive inefficiencies and inflated costs.

My role

UX Designer - research, conceptualization, user testing, developer handoff

Team

1 Designer · 3 Product Managers · 20+ Engineers

Timeline

18 months · May 2022 – Oct 2023

Tools

Figma · LiDAR · iOS · Cisco APIs

7+

Global enterprise clients

50%

Cost reduction vs vendor hardware

10 min

Deployment per AP (was 30 min)

3x

Faster deployment efficiency

Key Design Decisions

3 decisions

01

Situation

MSPs think by site — 'the hospital', 'the downtown office' — but every network tool organized by device type, forcing constant mental context-switching on every task.


Decision

Built a site-first navigation hierarchy where every action starts from a location — a deliberate inversion of every competitor tool, based on 3 weeks of MSP field shadowing.


Impact

Common workflows dropped from 6+ clicks to 2. Time-on-task fell 61% vs existing vendor tools in usability testing.

02

Situation

AP deployment required physical measurement, manual coordinate entry, and a dashboard return trip — 30 minutes per AP, with 20% of deployments needing a revisit due to placement errors.


Decision

Integrated LiDAR spatial mapping into the iOS companion app: scan the space, auto-generate a floor plan, get suggested AP positions — no manual input.


Impact

Deployment fell from 30 to 10 minutes per AP. Placement revisit rate dropped from 20% to under 3%.

03

Situation

Managing Cisco, Aruba, and Juniper through one UI meant vendor complexity leaking through — each had a different API schema and configuration model.


Decision

Abstracted everything into a 'Network Object' model: technicians configure intent (coverage, SSID, security policy), the system handles vendor-specific translation at the API layer.


Impact

Three enterprise clients migrated from pure-Cisco to mixed-vendor infrastructure, cutting hardware costs by 50% with zero retraining.

Managed Service Providers juggle 4-20 vendor dashboards to run one enterprise network. We built the single dashboard that replaced them all.

7+ global enterprise clients. 50% cost reduction vs vendor hardware. AP deployment cut from 30 minutes to 10. Here's the 18-month journey from shadowing MSP technicians to shipping a production platform.

I came in as the sole UX designer alongside 3 product managers and 20+ engineers. I handled user research, information architecture, interaction design, usability testing, and developer handoff. This was my first enterprise B2B product - the sheer scale of the problem taught me more about designing for complex systems than anything before.


Shadowing MSPs


Before I designed anything, I spent two weeks sitting next to MSP technicians at three client sites. Watched them go through their day - provisioning access points, diagnosing network issues, monitoring site health across multiple locations.

What I saw was rough. One technician had 6 browser tabs open, each a different vendor dashboard, just to troubleshoot a single connectivity issue at one site. He'd copy an IP address from one system, paste it into another, check a spreadsheet for device locations, then go back to the first system to apply a fix. Something that should take 2 minutes was taking 14.

I documented 23 distinct workflows across the 3 sites. Every workflow that touched more than one vendor system required 6+ clicks to complete. Average was 8.3 clicks for what should've been 2-click operations.


The Navigation Problem


My first instinct was to organise by function - monitoring, provisioning, alerts, reporting. Standard pattern, every networking tool does it this way. I wireframed it out and tested with 5 MSP technicians.

Results were blunt. 3 of 5 couldn't find the provisioning screen for a specific site without help. They kept trying to navigate to the site first, then looking for provisioning options within that context. My design had put provisioning in a global menu, disconnected from any site.

MSPs don't think in functions. They think in sites. "I need to fix the network at Building C" - not "I need to access the provisioning module."

So I restructured everything around a site-first hierarchy. Sites at the top level, floors and zones within each site, devices within each zone. Every function - monitoring, provisioning, alerts - accessible from inside the site context. Same 5 technicians retested: task completion dropped from 6+ clicks to 2. All 5 completed the provisioning task unassisted.


The Dashboard


Vendor dashboards I'd seen during shadowing all made the same mistake - they showed every metric at once. Technicians were ignoring over 60% of what was on screen, scanning for the 3-4 numbers that actually mattered.

Card-sorting exercise with 8 technicians: "Which metrics do you check first when diagnosing an issue?" Answers clustered tightly around four things - device health, client count, bandwidth utilisation, alert severity.

I surfaced those four at the top level, progressive disclosure for everything else. Used colour-coded status indicators (green/amber/red) instead of numerical thresholds because during shadowing I'd noticed technicians making go/no-go decisions, not analytical ones. They needed "is this site healthy?" not "what's the exact throughput?"

Tested with 6 technicians in a simulated environment. Average time to spot a problem site dropped from 47 seconds (across 3 vendor dashboards) to 8 seconds.


LiDAR Scanning for AP Deployment


The biggest time drain I observed during shadowing was access point placement. Technicians would visit a site, walk around guessing where to mount APs based on experience, install them, then come back days later to reposition the ones underperforming. One technician told me he'd moved APs at the same office three separate times.

We built a feature using LiDAR scanning on iOS. The UX challenge wasn't the scan itself - it was making scan results useful.

My first design showed a raw 3D point cloud after scanning. Technicians thought it was cool. Also useless. "Great, but where do I put the AP?" They didn't need a 3D model. They needed placement recommendations.

Redesigned the flow: scan the room → system identifies wall materials and interference automatically → overlays recommended AP positions as pins on a simplified 2D floor plan → technician confirms or adjusts → system generates an installation work order with coordinates.

Tested with 4 technicians on real site deployments. Time per AP dropped from 30 minutes to 10. Two of them specifically called out the 2D floor plan view (not the 3D scan) as what made it actually usable. Complexity in the system, simplicity in what the person sees.


The Mobile Companion


During shadowing I kept seeing technicians pull out their phones to check site health while walking between floors. They'd open the full web dashboard on mobile Safari, pinch to zoom, scroll sideways, squint at tiny text. Painful to watch.

I designed a mobile companion focused on exactly three things: site health overview (anything broken?), alert triage (what needs attention right now?), and AP status lookup (is this specific device online?). Nothing else. No provisioning, no configuration, no reporting.

PM pushed for feature parity with the web dashboard. I pulled up the shadowing data - 92% of mobile usage fell into those three categories. Adding more would just recreate the unusable experience technicians were already dealing with. We shipped the focused version.


My First Design Got Rejected


My initial dashboard was dense. Every metric visible, compact typography, minimal whitespace. I thought density meant efficiency.

The design review with my senior designer and the three PMs was honest. They flagged specific issues: alert panel competing with the site overview for attention, typography too small for the quick-scan use case, colour coding inconsistent between sections.

Went back and took a layered approach - a calm overview state with just status indicators, detail panels expanding on click. Alert panel moved to a collapsible persistent sidebar. Typography went up 2px across the board. I locked in a consistent colour system (3 status colours, 2 emphasis levels, 1 neutral) and documented it as a pattern library for engineering.

Second review passed. More importantly, the experience of getting specific, pointed feedback - not vague "make it better" but "the alert panel competes with the overview" - shaped how I've run design critiques on every project since.


Reflections


Shadowing beats surveys for enterprise products. If I'd relied on interviews, I'd have designed a nicer vendor dashboard. Sitting next to technicians for two weeks showed me the multi-tab, multi-system reality that nobody would've described in a survey - they'd normalised it. That observation shaped the entire product.

I over-designed the first version. My instinct to show everything at once came from insecurity more than anything. I thought more information meant more useful. The card-sorting exercise proved the opposite. Restraint in enterprise dashboards is harder than density, but it's what the users actually need.

The pattern library was an afterthought and it cost us. I created design patterns during the project but only documented them formally near the end. By then, engineers had already built inconsistent versions of similar components. Starting that documentation in week 2 instead of month 14 would've saved a lot of rework.

Screen 1
Expand
Screen 2
Expand
Screen 3
Expand
Screen 4
Expand
Screen 5
Expand
Screen 6
Expand