Extreme Platform ONE  ·  UX Portfolio Case Study

A single misconfigured access policy can bring an entire organization's network down.

This is what it feels like to design for the people responsible for preventing that.

The Product

Extreme Platform ONE is an enterprise cloud management platform that unifies networking, security, and AI across an organization's entire infrastructure: access points, switches, SD WAN appliances, and third party devices, all in a single interface.

1 Unified platform Networking, security, and AI. Access points, switches, SD WAN, and third party devices in a single interface.
18+ Navigation modules Left-rail modules spanning monitoring, configuration, alerting, and lifecycle management.
4 Distinct user roles NetSecOps · IT Admin · Help Desk · BizOps, each with a different mental model of the same data.
1yr+ My contribution Embedded product designer on the EP1 platform team across four module areas.
EP1 — Dashboard
app.extremecloudiq.com / dashboard
EP1 platform — Dashboard with full left-rail navigation showing all modules
The navigation scope alone communicates the complexity of what users manage daily.
Who uses this platform
Network Ops Engineer Diagnoses live incidents. Manages device health across the infrastructure. Speed & accuracy
IT Security Administrator Controls access policies, monitors threats, configures ZTNA and SSO. Compliance & risk
Help Desk Operator Triages user-reported issues. First responder for connectivity problems. Speed & communication
BizOps Manager Manages licensing, subscriptions, and organizational access. Visibility & renewals
The Design Philosophy

Mission
Fungible.

Mission Fungible was the design team's explicit rejection of siloed ownership. Every designer develops a working mental model of the entire product, not just their assigned area. Any designer can contribute to any module without a long ramp-up.

The result is a specific habit of thinking: before committing to any design decision, ask what it touches. An alert policy affects what an engineer sees during a live incident. A licensing expiry gates features in Inventory. None of it is isolated. All of it is connected.

VISU- ALIZE WORK- SPACE ALERTS REPORTS DEVICES SITES
Design Challenge 01

Six Ways of Seeing
the Same Network

How do you make six fundamentally different views feel like one coherent tool?

Visualize — Network Topology Module

A network engineer doesn't experience their infrastructure as a single picture. They experience it through six simultaneous lenses, each answering a different question. Designing for this meant building one tool that could hold all six realities at once.

The Problem
Current topology view

Geographical

EP1 Visualize — Geographical topology view
View 01 of 06

Geographical

Map-based. Where are my devices? Shows device location across sites, buildings, and regions.

View 02 of 06

Physical

Port-to-port connections. Which device is connected to which? Essential for tracing faults to a specific cable or switch port.

View 03 of 06

Access

Access layer topology. Which clients are on which access point? Critical for wireless and wired client troubleshooting.

View 04 of 06

Fabric

SPBM paths and fabric nodes. How is traffic routed through the fabric? For advanced engineers diagnosing fabric-layer failures.

View 05 of 06

Service / VLAN

VLANs mapped across devices. Which devices carry this service? Used for verifying service continuity and isolating faults.

View 06 of 06

Heat Map

Signal strength overlaid on physical space. Where is wireless coverage weak? For planning and gap diagnosis.

Constant container. Variable content.

The Design Decision — across all six views
Visualize — Same canvas, different scope
01 — All Sites
EP1 Visualize — All Sites global topology
The canvas opens at global scope, showing every site, region, and WAN connection at once.
02 — Site Level
EP1 Visualize — drilled into a specific site
Clicking a site zooms the same canvas to that location. Topology rerenders; the container and controls stay identical.
03 — Building Level
EP1 Visualize — drilled into a building
One more drilldown surfaces floor level device layout. Same interaction, same canvas, just deeper context.
Trade-offs & Rationale
Considered Fewer views, merged
Combine Physical + Geographical into one view
Simpler navigation, fewer modes to learn
Lower maintenance overhead
ProblemEach view answers a categorically different question. Merging forces the user to mentally separate what the design conflated.
Chosen Six distinct views
Each view answers a specific diagnostic question
Clear differentiation prevents ambiguity
Expert users develop reliable mental model
WhySix views with clear differentiation is better than four views with ambiguous overlap.
Considered Full-page device detail
Unconstrained content area per device
Full-width tables and data grids
No drawer content area limit
ProblemNavigating away from the topology destroys spatial context — the engineer loses their place in the network diagram.
Chosen In-context drawer
Topology remains visible while inspecting a device
Spatial context is preserved throughout
One interaction — select device → see detail
WhyContext preservation was more valuable to the expert user's workflow than an unconstrained content area.
Outcome

A network engineer switches between six topology lenses without disorientation, because the structural layer is constant, even as the visual content changes completely. The design works because it organized complexity into a structure expert users can learn once and rely on at any speed.

The Visualize module asked users to navigate complexity they already understood. The next challenge asked them to trust something they had no prior reason to.

Design Challenge 02

Earning Trust Before
the First Interaction

How do you convince a skeptical expert to try an AI feature, before they've seen it work?

Workspace — Composable AI Dashboard

app.extremecloudiq.com / workspace
EP1 Workspace — empty canvas state with AI suggested prompts
The blank canvas. The hardest moment to design. Everything has to work before the user has done anything.

Enterprise IT professionals have been burned by AI features before. The design had to earn trust immediately, not ask for it in advance.

The Problem
Suggested prompts — competence signals, not placeholder copy

"Which switches have memory usage in a warning state?"

Devices

"Which devices will be end of service before July 1, 2026?"

Lifecycle

"List my cloud managed wireless devices"

Inventory
EP1 Workspace — AI Expert panel with structured data response
The response looks like data, not a chatbot. Precision builds trust faster than warmth.
EP1 Workspace — populated canvas with AI-generated data widgets
From blank canvas to functional operational dashboard, built through conversation.

Trust isn't asked for. It's demonstrated, specifically, immediately, and then handed back to the user to decide what to do with.

The Design Decision
Trade-offs & Rationale
Considered Auto-populate canvas
AI result immediately appears as a widget
One fewer interaction in the flow
Feels faster and more autonomous
ProblemAn AI result that automatically populates a professional dashboard feels presumptuous. Expert users need to feel in control of what appears in their operational workspace.
Chosen Explicit "Add to Canvas"
User explicitly chooses what enters their workspace
Trust is established through user agency
Prevents unwanted AI "footprint" on workspace
WhyThe explicit commit step costs one interaction. It returns full agency to a user who distrusts AI by default.
Outcome

An engineer arrives at an empty canvas and leaves with a functional, personalized operational dashboard, built through conversation, without manual configuration. The design earns trust not by overselling the AI, but by demonstrating it specifically and then giving the decision back to the user.

The Workspace required designing for one user building their own view. The next challenge required designing for a canvas that already holds everything: thousands of physical locations, each with its own devices, its own policies, its own administrators.

Design Challenge 03

The Network
Beneath the Network

How do you make a hierarchy thousands of locations deep feel navigable, without asking the user to memorize the tree?

Sites + Site Management

Every device in the platform lives somewhere in a physical hierarchy: an organization, a region, a site, a building, a floor. Before you can manage a device, you have to be able to find it. Before you can find it, the hierarchy has to make sense at any depth.

The Problem
app.extremecloudiq.com / sites
EP1 Sites — full site hierarchy showing organizations, regions, sites, and buildings
The Sites list, organizational hierarchy made navigable at any depth, from a single campus to thousands of global locations.

At ten sites, a tree is browsable. At ten thousand, it is a search problem. The design had to serve both, without building two different navigation systems.

The Design Decision
Trade-offs & Rationale
Considered Expandable tree as primary navigation
Full hierarchy visible in a collapsible tree
Familiar pattern for hierarchical data
Works well at small scale
ProblemA tree with thousands of nodes requires extensive scrolling and expansion before reaching the target. For expert users who know what they need, the tree is a detour.
Chosen Search-first with tree available for browsing
Expert users reach any site in one interaction
Tree remains available for exploratory navigation
Scales to thousands of sites without redesign
WhyExpert users know the site they need — search surfaces it immediately. Exploratory users still have the tree. One system. Two entry points.
Considered Site detail as a side panel
Site info appears in a panel over the list
Preserves list context while viewing a site
Faster to dismiss and return to the list
ProblemSite management contains multiple sub-workflows — device list, floor plans, policies, health statistics — that exceed what a panel can contain without becoming unusable.
Chosen Full site detail page
Full content area for site-level workflows
Sub-sections have room to breathe
Persistent breadcrumb returns user to the list
WhyA site is not a preview — it is a management destination. It earns its own page.
Outcome

A network administrator locates any site in a hierarchy of thousands in a single interaction. Once inside, every site level workflow: device management, policy configuration, floor planning, is reachable without navigating away from the site's context. The hierarchy stopped being a maze and became a system with a clear entry point.

Sites defined the structure of the network. The next challenge was designing a surface that makes every device within that structure manageable, at any scale.

Design Challenge 04

Ten Thousand Devices.
One Actionable View.

How do you design a data surface that scales from ten devices to ten thousand, without becoming a different product at each end of the range?

Network Devices + Inventory

A device table with ten rows is a quick reference. A device table with ten thousand is an operational system. The design challenge isn't adding more rows. It's deciding what information survives at scale, what recedes, and what requires a completely different interaction.

The Problem
app.extremecloudiq.com / devices
EP1 Network Devices — table view showing device list with status, type, and filter controls
The device table: column priority, status architecture, and filter design built for engineers who cannot afford to scan every row.
Three design decisions that determine whether the table works at scale
01

Column default selection

The columns visible by default are a design decision, not a data decision. They represent the highest-frequency questions an engineer asks on arrival: Is this device online? Where is it? What model? What software version?

02

Row-level status treatment

At ten thousand rows, a dedicated status column requires deliberate eye movement. Status communicated through row level visual treatment: color, icon, weight, lets an engineer scan vertically and locate problems without reading each cell.

03

Filter as primary navigation

When a table has ten thousand rows, filter is not a secondary feature. It is the primary interaction. Filtering by site, device type, software version, or status establishes a working set before any scrolling begins.

EP1 Network Devices — full data grid showing all columns at scale
The full column set, scaled to fit. Network Devices is not one data point; it is device status, health, location, uplink, MAC address, serial number, firmware, connectivity, client count, and more, each a decision about priority, placement, and visibility. Most of these columns live beyond the initial viewport. The design challenge was deciding which six a network engineer sees first, and making the rest discoverable without overwhelming the surface.
EP1 Network Devices — row action menu showing all available operations per device
Behind the three-dot menu on every row: twenty plus operations including assign location, assign policy, configure, reboot, reset to default, run diagnostics, RADIUS test, Spectrum Intelligence, VLAN probe, update firmware, and more. Each action represents a real workflow a network engineer needs access to without leaving the device list. The design challenge was not adding these actions. It was making them accessible without turning the table into a control panel.

A network with 10,000 devices is not a bigger version of a network with 10. The design scales because the decisions about column priority, status communication, and filter architecture were made with ten thousand rows in mind, not ten.

The Design Decision
Trade-offs & Rationale
Considered Card-based device grid
Each device as a card with key stats visible
Status immediately visible per card
Familiar pattern from consumer device UIs
ProblemCards consume vertical space that experts cannot afford when comparing multiple devices simultaneously. Engineers need 50 devices in view — not 12 large cards.
Chosen Density-optimized table, configurable columns
Maximum devices visible per viewport
Expert users configure their own column set
Consistent column alignment enables cross-row comparison
WhyEnterprise network management is a comparison task, not a browsing task. Density enables comparison. Cards prevent it.
Outcome

A network operations engineer opens the Devices table during an active incident and establishes situational awareness across thousands of devices in seconds, not by reading every row, but because the visual system resolved the information hierarchy before they started scrolling. The table works at scale because it was designed for scale from the first decision.

The Devices surface answered the question of what is happening right now. The next challenge was about what happened over time and how to turn that history into something actionable.

Design Challenge 05

Turning Data
Into an Answer

How do you design a reporting surface that tells engineers what to act on, not just what happened?

Reports + Analytics

Enterprise reporting tools fail in a predictable way: they surface all the data and none of the meaning. The decision of what matters, and in what context, gets pushed onto the user. Designing Reports meant reclaiming that decision.

The Problem
app.extremecloudiq.com / reports
EP1 Reports — On-Demand Analytics view with global filters, per-chart filter attribution, and multiple chart types
On-Demand Analytics with global filters (Location, Date Range, Radio Bands, SSID) cascading across all charts simultaneously. Each chart carries a "Filter Applied" chip indicating which filter dimension is scoping it, so engineers always know why the data looks the way it does.
The Design Decision — Global Filters, Per-Chart Attribution

Filters sit at the top and cascade across every chart simultaneously: Location, Date Range, Radio Bands, SSID. But each chart also carries a "Filter Applied" chip identifying exactly which dimension is scoping it. An engineer adjusting Radio Bands can see at a glance which charts are affected and which are not. This resolved a common reporting problem: users changing a filter and not knowing why one chart changed and another didn't.

The Design Decision — View, Schedule, Distribute

Reports are rarely a one-time action. Network engineers review the same data weekly; operations teams send summaries to stakeholders. Rather than treating scheduling as a settings buried elsewhere, On-Demand Analytics, Scheduled Reports, and Recipients sit as first-class tabs, making the full lifecycle of a report accessible from one surface.

Trade-offs & Rationale
Considered Fully custom report builder
Drag-and-drop metric selection
Any axis, any granularity, any combination
Maximum flexibility for advanced users
ProblemHigh flexibility creates high configuration burden. Users who arrive with a question — not a metric list — face a blank canvas that cannot answer anything until they build it from scratch.
Chosen Curated templates, configurable parameters
Templates define what the data means
Parameters let users apply it to their context
First-time users immediately productive
WhyThe template defines meaning. The parameter defines context. Together they give the user an answer — not a starting point for building one.
Outcome

A network manager opens Reports to understand last month's performance and gets an answer in the first scroll. The supporting data is available for follow-up. The answer comes first. The design works because it made the decision the user came to understand, before they arrived.

Reports answered the question of what happened over time. The last challenge was different: not about understanding the past, but about responding to the present. Fast, correctly, and at scale.

Design Challenge 06

When Everything
Is Critical,
Nothing Is

How do you design an alert feed that helps engineers triage, instead of one that logs everything equally and leaves the judgment to the user?

Alerts + Alert Policies — Unified Alert Management

The alert architecture — three connected layers, one design responsibility
01 POLICY CONFIGURATION Where rules are defined — per org, per site, per severity GLOBAL RULES SITE OVERRIDES SEVERITY THRESHOLDS All sites Per location Critical · Major · Minor 02 ALERTS FEED NetSecOps · Help Desk · IT Admin CRITICAL Immediate action MAJOR Investigate MINOR 03 NOTIFICATIONS Alerts reach engineers outside the platform TEAMS EMAIL WEBHOOK

A design decision made in Alert Policies directly shapes what every user sees in the feed and what reaches them outside the platform.

Enterprise monitoring generates noise by default. Every device, every threshold, every policy contributes to a feed that can reach hundreds of alerts daily. The design problem isn't surfacing alerts. It's making the right ones impossible to miss.

The Problem
Three states — designed for each one, not just the populated one
EP1 Alerts — zero alerts state with healthy status indicators
Zero alerts. Active monitoring, not empty silence.
EP1 Alerts — 99+ alerts in triage mode with severity columns
99+ alerts. Severity hierarchy dominant. Visual weight communicates urgency before reading.
EP1 Alerts — filtered state showing active filter labels
Filtered. Always labeled. Always dismissible. Always explicit about what's been excluded.

The feed cannot be designed independently of the policy that shapes it. A decision made in Alert Policies, what is Critical, what is Major, what is Minor, determines what every engineer sees when they arrive. Both layers had to be designed as one system.

The Design Decision
Trade-offs & Rationale
Considered Grouped by severity band
Alerts collapsed into Critical / Major / Minor sections
Priority immediately visible on page load
Requires expand interaction to see all alerts
ProblemUsers managing live incidents cannot afford extra interactions before seeing the full picture. The expand step costs seconds that matter during active triage.
Chosen Flat table, sortable columns, visual severity treatment
All alerts immediately visible — full picture on load
Severity communicated through visual row treatment
Sortable by severity, application, status, time, site
WhyFor expert users in active triage, the cost of an expand interaction outweighs the benefit of pre-sorted grouping. The flat table was the right choice for the right user.
Outcome

A network operations engineer establishes situational awareness in seconds, not because the feed is simple, but because the severity hierarchy was resolved before they arrived. The system operates as a coherent chain. Design decisions made in Alert Policies directly shape what every user sees in the feed. Both layers were designed with that chain in mind.

Six challenges. Six different surfaces. One pattern underneath all of them.

Act III — Synthesis

What Designing at
Platform Scale
Actually Requires

Look at the six challenges in sequence and a pattern emerges.

None of them can be solved well if you are only thinking about the screen in front of you. Designing at platform scale means designing anything with the awareness that everything is connected, and that a decision made without that awareness will create a problem three modules away that nobody predicted, because nobody was looking that far.

AI queries topology devices feed reports topology filters by site alerts anchor to devices PLATFORM VISUALIZE Network Topology · 6 views WORKSPACE AI Expert · Canvas ALERTS Feed · Policies REPORTS Analytics · Scheduled DEVICES Inventory · 10k+ scale SITES Hierarchy · Management
How the Work Gets Done

Process & Craft

01

Discovery

Meet with PM. Understand the business goal, user problem, and constraints before opening a design tool.

PM · Jira
02

Exploration

Multiple low-fidelity directions evaluated against the requirement before any high-fidelity investment.

FigJam
03

High-Fidelity

Complete workflows using the Extreme Design System: every edge case, error state, and empty state. Not just the happy path.

Figma · ADS
04

Formal Review

Two gates: ADS Review (components, spacing, patterns) and Content Review (terminology, voice). Both go back into the design before handoff.

ADS Review · Content
05

Engineering Handoff

A live walkthrough, not a Figma link. Marked Development Ready only when engineering and PM are fully aligned.

Live session
Reflection

Enterprise software has no A/B test for SSO setup. A configuration workflow ships, gets configured once, and isn't revisited for 18 months. If the design was wrong, the cost shows up in support tickets, IT time, and in security configurations, risk exposure.

The decisions I would revisit are the ones made under time pressure where the edge case was visible but deprioritized. The fallback rule in the IdP wizard was not originally required. It became required after considering what happens to users with unmapped groups, a scenario predictable in advance, easy to defer as "edge case." Most revisits share that shape: not wrong directions, but correct directions that stopped being followed through.

A design decision made with awareness of only the screen in front of you is always at risk of being correct locally and wrong systemically. Asking what a decision touches, before it's made, is the discipline that separates a competent enterprise designer from a good one.

Extreme Platform ONE — UX Portfolio Case Study

The best thing about designing for expert users is that they cannot be fooled. They know their domain. They know what they need. They will find every gap, every ambiguity, every decision made without thinking it through.

That is not a challenge to work around. It is the sharpest design feedback loop that exists.

A year inside a platform this complex leaves something behind: not a completed artifact, but a different way of entering a design problem. What does this touch? Who else acts on this information? What does this surface look like at zero, at a hundred, at ten thousand?

Those questions do not belong to this product. They belong to the next one.

Product Designer  ·  Extreme Networks  ·  Extreme Platform ONE  ·  2024