Case 03 / EQUINIX

SmartView data center infrastructure management

Equinix's DCIM platform had shipped an MVP that wasn't responsive and had six data surfaces with inconsistent patterns. I took it forward — built a shared component system, made it responsive, and pushed the experience through every surface from dashboard to electrical.

01

Overview

Equinix had shipped an MVP of SmartView — a DCIM platform that lets enterprise customers monitor data center hardware remotely. The MVP wasn't responsive and the patterns across its six monitoring surfaces were inconsistent. My manager tapped me to take it forward. I came in post-MVP, mapped what had been built and decided, then pushed the experience through dashboard, environmental, power, mechanical, electrical, alarms, and alerts — responsive, modular, and handed off at detailed visual design.

My scope: requirements mapping, IA, responsive systems design, and UX across all 7 surfaces. Handed off at the detailed visual design phase. The interactive diagrams below are code-rendered recreations of the UX architecture.

02

The problem

Two structural problems, compounding each other. First: the MVP wasn't responsive, and the primary use case for a DCIM platform is a technician getting an alert at 2am and needing to triage remotely before deciding whether to go in. Mobile wasn't optional.

Second: each of the six data surfaces had been designed in isolation. Environmental, power, mechanical, electrical, alarms, and alerts each had different patterns, different grids, different component conventions. The system felt like six separate tools bolted together. Both problems needed the same fix: a shared component system with a responsive grid at its foundation.

Six sections built in isolation produce a product that feels like six products. A shared component system was the design problem and the engineering problem simultaneously.

03

Market context

Data center infrastructure management is a high-stakes category. Environmental monitoring, power draw, mechanical systems, electrical, alarms, and alerts — all real-time, across multiple physical locations, for enterprise customers who measure downtime in revenue loss per minute. Equinix estimated the market opportunity at $20B+.

Competitors — Digital Realty, CenturyLink, NTT, Terremark — were all in progress but none had shipped a full customer-facing DCIM product. That window was the business case for moving quickly. Getting SmartView to production quality before the field consolidated was the goal.

04

The user

Primary user: data center technician, mid-career, managing multiple IBX footprints across time zones. Core need: operational status without being physically on-site. Core pain: missing alerts, needing on-site presence to diagnose problems, juggling multiple accounts and locations without a unified view.

The design had to work on mobile first, then scale up to desktop operations. The use case where it mattered most — an alert at 2am, a remote triage decision — was a mobile use case. Desktop was for sustained operational monitoring during business hours.

05

Information architecture

Coming in post-MVP without full documentation meant reconstructing the discovery layer before moving forward. I mapped the existing MVP requirements visually against what had actually been built — a process that surfaced decisions made implicitly during the first phase that needed to be made explicit before the second.

The sitemap built from that pass became the team's shared reference. It hadn't existed before. That document did more for alignment in the first two weeks than anything else — everyone was finally working from the same picture of what the system was and where it was going.

06

Dashboard

The dashboard is the operational entry point — environmental, power, mechanical, and electrical status visible at a glance, alongside notifications and active alerts. The MVP had this in a layout that required horizontal scrolling on most screen sizes. The redesign removed the right rail, redistributed its content to the top, updated the global navigation, and added color and icon conventions that hadn't existed.

The constraint was simple: a technician should be able to read operational status at a glance without scrolling. Every layout decision on this surface traced back to that.

equinix.com/smartview/dashboard
equinix
SmartView
IBX: SV1 – San Jose ▾
John Doe ▾
Dashboard
Environmental
Power
Mechanical
Electrical
Alarms
Alerts
Dashboard
OK
Environmental
82%
Power load
OK
Mechanical
OK
Electrical
3
Active alarms
Environmental — Real-time
ZoneTemp (°F)Humidity (%)Status
Zone A68.245OK
Zone B71.448OK
Zone C78.952WARNING
Zone D69.144OK
Power Trend
88 KW
Current draw
Support · Documentation · API · Status© 2024 Equinix
07

Environmental and the six-surface template

Environmental moved real-time temperature and humidity data out of a tab and front-and-center, from zone down to cabinet level. Direct response to MVP feedback — users wanted this visible without an extra click. The grid pattern set here became the base for every subsequent section.

Power followed the same template: historic and real-time KVA/KW draw at multiple granularity levels. Mechanical and electrical — air handling, cooling, utilities, generators, UPS — each section reused the modular template. Asset management for mechanical switched from a flat list to a directory tree UI, resolving the long-list problem that had surfaced consistently in feedback.

equinix.com/smartview/environmental
equinix
SmartView
IBX: SV1 – San Jose ▾
John Doe ▾
Dashboard
Environmental
Power
Mechanical
Electrical
Alarms
Alerts
Environmental
Zone / Cabinet — Temperature & Humidity
LocationTemp (°F)TrendHumidity (%)TrendStatus
ZONE A4 cabinets
A-0167.244OK
A-0268.446OK
A-0367.845OK
A-0469.147OK
ZONE B4 cabinets
B-0170.247OK
B-0271.448OK
B-0370.847OK
B-0472.149OK
Zone C (4 cabs)82.152WARNING
Zone D (3 cabs)69.144OK
⚠ C-03: 82.1°F — exceeds threshold (80°F)
Support · Documentation · API · Status© 2024 Equinix
08

Alarms and alerts

Alarms are system-triggered. Alerts are user-set. The MVP treated them as the same surface, which led to noise: a technician investigating a real alarm couldn't filter out the background hum of self-set notifications. The redesign separated them at the data model and kept the visual treatment consistent across both.

Both got smart overlay banners so technicians could monitor multiple IBXs without leaving their current view. The alert grid is column-configurable per user — a tester running a thermal investigation needs different columns than someone monitoring power draw, and the system shouldn't make either of them scroll past columns they don't use.

equinix.com/smartview/alarms
equinix
SmartView
IBX: SV1 – San Jose ▾
John Doe ▾
Dashboard
Environmental
Power
Mechanical
Electrical
Alarms
Alerts
Alarms
3 Active · 12 Acknowledged · 8 Resolved (last 24h)
Columns:
Active Alarms
SeverityCategoryAssetLocationTime
CRITICALEnvironmentalCabinet C-03SV1 – Zone C14m ago
MAJORPowerPDU-B-04SV1 – Zone B1h 22m ago
MINORMechanicalCRAH-01SV1 – Zone A3h 05m ago
Acknowledged
SeverityCategoryAssetLocationTime
MAJOREnvironmentalCabinet B-02SV1 – Zone B6h 14m ago
MINORPowerPDU-A-01SV1 – Zone A9h 02m ago
MINORMechanicalCRAH-03SV1 – Zone C11h 30m ago
Support · Documentation · API · Status© 2024 Equinix
09

Outcome

Live with Equinix enterprise customers and resellers. The modular section system built here became the pattern for subsequent Equinix product work — a shared component foundation meant that design and development overhead for each new surface dropped significantly compared to the MVP phase, where each section had been built from scratch.