Exinda

Case Study

The Story

Exinda markets their WAN Optimization Suite that integrates enterprise-caliber bandwidth acceleration and optimization with best-in-class application network visibility and control.

Exinda came to Boltmade seeking a fresh overhaul of the user interface of their suite of network analytics applications. What made this project unique was that the application features were already complete but the visual design needed an overhaul from top to bottom. We created a series of templates to establish a visual design grammar that the exinda development team could adapt to the current product and extend in the future.

How We Helped

New colour palette

#007cbd
#79c157
#3da58e
#a13bc3
#ee68e3
#eb5477
#fa8131
#faba31
#4dbecf
#7f75dd

New graph styles

A data analytics application revolves around one thing - graphs. We designed new graphing templates then applied the new colour palette.

Graph

New typeface

When designing for the display of information, a typeface is one of the most critical elements of the overall design - especially for numeric data. We chose Oxygen Light, a free Google web font becasue its clear and legible, it's well kerned and works well at all sizes. The numerals especially lend themselves well to this type of application.

Oxygen Light 1234567890
Oxygen Regular 1234567890
Oxygen Bold 1234567890

The Results

Data flags

Data Flags

The time series graphs are used extensivly inside this application, so we designed a quick way to observe activity at high granuality by hovering inside the graph to reveal a flag showing data value and time.

Stacked graphs

Stacked Graphs

There are many cases inside this application calling for layered graphs, so we designed a method for displaying these layers using the 10 new colors for the stroke, as well as a 15% opacity version for the fill to limit visual weight.

Progress bars

Progress Bars

Progress bar-style graphs can be rather hard to read when done improperly. We designed new progress bars using high-contrast colored fills inside a light gray background, and located label text on top of the bar.

Data donuts

Data Donuts

Who doesn't like donuts?! Ok, yes they are the same semantically as a pie chart, but without the visual weight. By hollowing out the center of each circle, these popular charts better match the rest of the application's user interface.

Next case study - Auvik

Check it out