Chum Wongrassamee's profile

[2018] Hive Design System

The next generation of Tenable products incorporates an interface of stacking planes that provide users contextual reference for large data sets.

What was the problem? 
Tenable's legacy products were originally designed from an enterprise application point of view focused only on features. Concepts of optimizing usability, flows, and visual hierarchy were secondary and needed to be addressed.

What was the solution?
The solution involved creating an entirely new design system — one that focused on our users, brought in consumer design sensibilities, and innovated on the approach. The Hive planar system contextually focuses information to users through a series of stacking planes. 

What was my contribution?
I oversaw the entire design process which included ideation sessions with designers, working though granular flows and patterns, setting the tone of visual design, and mentoring each designer as they implemented these concepts within their respective products and features.
Whiteboarding sample discussing variations of a new design language.
Wireframe flows sample showing the behavior of overlapping planes. 
Visual design of a dashboard template (root plane)
Visual design of a list template (plane 1)
Visual design of a details page preview (plane 2)
Visual design of a details page expanded (plane 2)
Variation of a details page preview (plane 3)
Variation of a list page preview (plane 1)
Variation of a details page preview (plane 2)
Variation of a details page preview (plane 3)
[2018] Hive Design System
Published:

[2018] Hive Design System

The next generation of Tenable products incorporates an interface of stacking planes that provide users contextual reference for large data sets.

Published: