Tenable

We built Tenable's first global design system, evolving from Hive to IRIS, and gave hundreds of designers and engineers one source of truth across its product suite through IPO.

Tenable product design by Wandr
PLATFORM
Web App
SIZE
Enterprise
Tenable product interface designed by WANDR
Cybersecurity
·
Enterprise
·
Staff Augmentation & Design System
At a glance

Four phases. One embedded team. One system.

‍
01
Embed
Place senior product designers directly inside Tenable's product design organization, working as an extension of the in-house team rather than an outside vendor.
‍
02
Hive (2017 to 2018).
Build the global pattern library for Tenable.io: a planar interaction framework, data-dense tables, forms, notifications, and system states.
‍
03
IRIS (2019).
Formalize and scale the patterns into the documented IRIS Design System, a governed single source of truth for the whole platform.
04
Scale through IPO.
Hold the system consistent as Tenable's product suite and design org kept growing through its public offering and beyond.
Drag / scroll →
‍
Embedded
Senior product designers inside Tenable's org
‍
IPO 2018
Public on NASDAQ (TENB) during the partnership
‍
1 Design system
From scattered patterns to a documented spec
‍
Hundreds
Designers and engineers on one source of truth
The Client

The company that helped define vulnerability management.

Client product designed by WANDR

Tenable is the cybersecurity company behind Nessus, one of the most widely deployed vulnerability assessment technologies in the world. Building on that foundation, Tenable created Tenable.io, a platform that lets organizations see and secure any digital asset across any computing environment, and went on to help define the category now known as exposure management.

By the time WANDR came on, more than 27,000 organizations relied on Tenable to understand and reduce cyber risk, including over half of the Fortune 500, more than a quarter of the Global 2000, and large government agencies. The company was scaling quickly toward a public offering, and its product portfolio was expanding just as fast across Nessus, Tenable.io, Tenable.sc, and the analytics platform that would launch as Lumin.

‍

2002
Columbia, Maryland
27,000+ orgs
50%+ of the Fortune 500
NASDAQ: TENB
Public since July 2018
The Challenge

Growth was outpacing design consistency.

Tenable had the market position and the engineering firepower. What a fast-growing security platform needed next was a design foundation that could keep every product feeling like one product. Three problems stood in the way.

Problem 01

A fragmented product experience.

Tenable's portfolio had grown quickly across multiple products and teams. The same interface problems had been solved many times over in different ways, leaving inconsistent patterns and components that engineers frequently rebuilt from scratch. There was no shared source of truth to build against.

Problem 02

Extreme data density.

Vulnerability management surfaces enormous volumes of information at once: assets, vulnerabilities, scans, and findings. The interface had to make that density scannable and actionable for security analysts who work inside it all day, without overwhelming them.

Problem 03

Enterprise credibility at a pivotal moment.

Tenable was preparing to go public and to sell deeper into the enterprise. The product needed the polish, consistency, and trust signals that skeptical security buyers and Fortune 500 stakeholders expect before they commit.

Our Role

Embedded in the team, building the system.

01
Embedded product design (staff augmentation) alongside Tenable's design leadership and in-house designers
02
Global design system architecture, the Hive pattern library for Tenable.io
03
A planar interaction framework layering visualization, content, and actions
04
Data-dense table, advanced search, filtering, and saved-view patterns
05
Forms, notifications, tagging, and empty, loading, and error states
06
The IRIS Design System: documented component library and specification
07
Interactive prototypes and engineering-ready specifications
The Strategy

Layer the complexity. Standardize the system.

‍
01

Layer.

A system of layered planes for visualizations, detail content, and actions, so a dense product could reveal depth without losing the user's place.

02

Density.

Table and grid patterns engineered for large security datasets, with advanced search, filtering, and saved views built in, so volume stayed scannable.

03

Consistency.

One documented component set, so every product spoke the same visual and interaction language instead of reinventing it.

Principle 01 of
→ Continue scrolling
THE KEY INSIGHT

In enterprise security, the design system is the product.

Tenable's users are not casual visitors. They are analysts making high-stakes decisions across thousands of assets, often under time pressure. For them, consistency is not cosmetic. It is how they move quickly and trust what they are seeing. That reframed the work. Building the system was less about assembling a component library and more about giving a fast-scaling organization a reliable foundation it could keep building on through its most critical growth phase.

Case study design screen 1 by WANDR
Case study design screen 2 by WANDR
Case study design screen 3 by WANDR
Case study design screen 4 by WANDR
Case study design screen 5 by WANDR
Case study design screen 6 by WANDR
Case study design screen 7 by WANDR
Case study design screen 8 by WANDR
Screen 01 of 08
→ Scroll horizontally
Outcomes

What the work moved.

By the end of the engagement, Tenable had a single documented design system, one source of truth for its product teams, and senior design capacity in place exactly when it was scaling toward a public offering.

01 · SYSTEM
Many → 1
Fragmented patterns unified into one design system
02 · ALIGNMENT
Hundreds
Designers and engineers on one source of truth across the platform
03 · CAPACITY
2 rounds
Embedded senior design through hypergrowth
04 · MILESTONE
IPO 2018
Design foundation in place for the public offering NASDAQ: TENB

Client Voice

In their words.

“
WANDR has been our design partner through our most critical growth phase, including our public offering. They understand what enterprise product teams need to see.
Natti Zick
Natti Zick
Director of Design, Tenable
Up next

Another story worth reading.

TrustID case study preview
Next Case Study

TrustID

Cybersecurity
·
UI/UX Design & Design System
Read next case
Read the next case study