Genesys - “Project Air” Dashboard

info icon

16:9 case study format based on source Figma deck

Title:

Sr. UX Designer

UX Team Size:

5

Duration:

2013-2017

"Project Air" was the code name for a cloud-based dashboard redesign, providing a high-level management overview of global contact centres, with the ability to drill down to geographical region, country, contact centre location, and agent teams.

In review, the legacy design consisted of multiple similar-looking drill-down lists which lacked a clear hierarchy of information. The maps tool, rarely used based on user feedback, consumed 25% of available space.

Working closely with stakeholders, table aspects were simplified, and proper alerts and thresholds introduced. The bottom half of the dashboard reflected the focused region/city above, in appropriate and modernized widgets. The dashboard design was highly advanced yet easy to use, and allowed cloning and many customizations, as is documented in the case study below.

paul photo

Throughout my UX career...

...I've built foundations and design systems across enterprise platforms, with storytelling at the centre of my approach. I've designed for government portals and large data-driven cloud tools, and led a UX team at Netomi from the ground up.

To learn more, including my work timeline and continual learning initiatives:

Contact

416.817.4429 | Email Me

Artwork is client-owned and shown solely for creative demonstration.

Website built and published via:

figma sites logo

Genesys - “Project Air” Dashboard

info icon

16:9 case study format based on source Figma deck

"Project Air" was the code name for a cloud-based dashboard redesign, providing a high-level management overview of global contact centres, with the ability to drill down to geographical region, country, contact centre location, and agent teams.

In review, the legacy design consisted of multiple similar-looking drill-down lists which lacked a clear hierarchy of information. The maps tool, rarely used based on user feedback, consumed 25% of available space.

Working closely with stakeholders, table aspects were simplified, and proper alerts and thresholds introduced. The bottom half of the dashboard reflected the focused region/city above, in appropriate and modernized widgets. The dashboard design was highly advanced yet easy to use, and allowed cloning and many customizations, as is documented in the case study below.

Title:

Sr. UX Designer

UX Team Size:

5

Duration:

2013-2017

paul photo

Contact

416.817.4429 | Email Me

Artwork is client-owned and shown solely for creative demonstration.

Throughout my UX career...

...I've built foundations and design systems across enterprise platforms, with storytelling at the centre of my approach. I've designed for government portals and large data-driven cloud tools, and led a UX team at Netomi from the ground up.

To learn more, including my work timeline and continual learning initiatives:

Website built and published using Figma Sites

figma sites logo

Genesys - “Project Air” Dashboard

info icon

16:9 case study format based on source Figma deck

"Project Air" was the code name for a cloud-based dashboard redesign, providing a high-level management overview of global contact centres, with the ability to drill down to geographical region, country, contact centre location, and agent teams.

In review, the legacy design consisted of multiple similar-looking drill-down lists which lacked a clear hierarchy of information. The maps tool, rarely used based on user feedback, consumed 25% of available space.

Working closely with stakeholders, table aspects were simplified, and proper alerts and thresholds introduced. The bottom half of the dashboard reflected the focused region/city above, in appropriate and modernized widgets. The dashboard design was highly advanced yet easy to use, and allowed cloning and many customizations, as is documented in the case study below.

Title:

Sr. UX Designer

UX Team Size:

5

Duration:

2013-2017

Case Study

Company:

Genesys

Product:

Advisors / “Project Air” POC

Project type:

SaaS dashboard redesign

Duration:

2016 (2-3 months)

Role:

Sr. UX/UI Designer

Team size:

5 - UX/Dev/Management

Tools:

Sketch, InVision, Atlassian Jira

Genesys provides real-time monitoring of agent and customer interactions for enterprises. The shift from on-premise to cloud resulted in a complete platform overhaul, including dashboards like the "Advisors" dashboard, now updated as "Project Air." Before diving into the project, let’s take a quick look at Genesys...

genesys air

redesign sample

Genesys: Air Dashboard

Genesys Context

Genesys offers real-time monitoring and analysis of customer interactions with live agents, providing enterprise organizations with insights into customer experiences, agent performance, and overall service quality. This data-driven approach enables businesses to optimize their customer service operations, enhance efficiency, and improve the overall customer journey.

 

For Genesys, a key dashboard providing a global, bird's-eye view is the Agent status monitoring tool, known as "Advisors"...

genesys air

Genesys: Air Dashboard

Leveraging a New Design System

As Genesys transitioned from on-premise to a cloud-based SaaS portal, Advisors was one of many dashboards for agent and/or customer interaction insights being adapted for the cloud.

 

Our team had already established the competitive review for monitoring tools. We collaborated with a third-party agency on high-level guidelines, while our UX team refined the design system for consistency across transformed software tools.

genesys air

Genesys: Air Dashboard

Personas / Users

Before redesign, it was important to understand the types of executive-level users that will be leveraging the tool:

  • Ops Managers - monitoring agent availability, response times, and workload to optimize staffing.
  • Service Directors - tracking agent efficiency, resolution speed, and regional performance gaps.
  • VPs - ensure operational alignment, optimizing staffing models and long-term support strategy.
genesys air

Genesys: Air Dashboard

Dashboard Research

When redesigning the Advisors dashboard, we looked to Tableau and Power BI as reference points for layout, data density, and customization patterns. Both have set a high bar for how enterprise users interact with complex, real-time data.

 

While these platforms informed our thinking on modular design, flexible filtering, and role-based views, the specialized nature of contact centre operations called for something purpose-built: a custom solution designed around the specific workflows, KPIs, and real-time demands of the Genesys platform.

genesys air

Genesys: Air Dashboard

Old Dashboard Problem Areas

The Advisors dashboard provides an executive-level, bird's-eye view of all call centres a business may use globally, with the ability to drill down into specific regions, call centres, team performance, and individual performance.

 

The older design was primarily table-driven, featuring a seldom-used geo-location map and many functions hidden behind additional tabs and buttons.

 

Mapping the old structure...

genesys air

Genesys: Air Dashboard

Old Dashboard Mapping

All areas of the old design were carefully reviewed and mapped out, and plans were drawn up to restructure...

genesys air
genesys air

Genesys: Air Dashboard

Mapping the New Structure

Based on multiple factors, we deemed it best to keep the large regional table as the focusing tool for all widgets. Meanwhile, we reviewed the library of already-built components, and proposed a new polar widget for some of our Agent Group KPIs.A deeper dive on each widget and it’s features will follow this full-screen redesign...

genesys air
genesys air

Genesys: Air Dashboard

Primary Table:Global Call Centres

The revamped regional table, designed with our latest design system and BI visuals, retains regional drill-down and advanced filtering. As the driver of secondary widgets, it remains fixed in position.

New Features:

Dismissible regional filter chips

Customizable columns (up to 18 metrics)

Alerts for medium/high thresholds

Top-level alerts flagging child issues without expansion

genesys air

NEW DESIGN

Genesys: Air Dashboard

Primary Table:Global Call Centres

You’ll see up to two controls at the top of most table/list/bar widgets featuring the ability to -

genesys air

NEW DESIGN

Table ColumnsClicking this feature will invoke a modal where the user can customize the column data and associated thresholds as desired.

SearchClicking this feature will convert the widget header into a text entry field, and will filter the results automatically as the user types.

Genesys: Air Dashboard

Global Alerts Widget

To support the mission-critical nature of the revised dashboard, a dedicated alerts panel was introduced, separate from the primary regional table.

New Features:

  • Displays all alerts regardless of current regional focus
  • Hover>click reveals additional details via tooltip and then pop-over
  • Medium (warn) and high (critical) alerts grouped under “All” by default, sorted by date
  • Users can filter alerts by type
genesys air

Genesys: Air Dashboard

Polar Widget:Agent Queues

Depending on the primary regional table's focus above the polar widget, the core live agent KPIs could reflect all agents in a region (e.g., San Francisco) or a specific team (e.g., ExpressRewards_SanFrancisco).

Some widgets, like Polar, allowed custom editing of KPI thresholds and operational ranges. Some data was cumulative, while others were averages. Tooltips provided additional clarity.

genesys air

Genesys: Air Dashboard

Trellis Widget:Agent Group Volume

Assuming the user focused the primary regional table on "San Francisco," this new customized trellis chart would display a breakdown of every live agent group/queue group. It offers a quick visual overview of agent performance across teams. For more detailed information, users can hover over any colour block to view additional tooltip data.

genesys air

Genesys: Air Dashboard

Table Widget:All Agent Status

Assuming the user has focused the primary regional table on "San Francisco," this new table widget displays the Status and Calls Answered for all available agents in that region across all sub-groups.

Note the exceeded thresholds for two agents.

Looking for a specific agent? Use the Search feature at the top left.

genesys air

Genesys: Air Dashboard

Feature:Movable Widgets

As part of all new SaaS-based dashboards, we introduced multiple ways to customize the user’s experience. Here, the user is gripping the top bar of a widget to reposition it.

genesys air

Genesys: Air Dashboard

Feature:Widget Resize

Users can not only reposition a widget but also "drag it out" to widen or deepen its presentation, depending on what best suits their needs and the data displayed.

genesys air

Genesys: Air Dashboard

Feature:Full-Screen Widget

If a widget contains a rather complex table featuring many rows, the user can choose to open a copy in full-screen view, which would trigger a new tab at top.

genesys air
genesys air
genesys air

Genesys: Air Dashboard

Feature:Dash Tab Options

Add DashboardThis invokes a modal containing existing templated dashboard scenarios as well as the ability to select/invoke past saved customizations.

Tabs - More MenuAllows users the ability to save/save as any customized dashboard. Users can also clone as new, delete, pin, and more. Tabs can also be manually rearranged, just like widgets.

A

B

genesys air
genesys air

B

A

Genesys: Air Dashboard

Feature:Add Widget

Like the Add Dashboard button in the top bar, every dashboard has an Add Widget button at the bottom of the widget stack (also in the dashboard tab’s more menu). This opens a modal with dozens of pre-configured widget scenarios for specific needs.

Once your dashboard is customized, it can be saved as a custom template and even shared with other users in your organization!

genesys air

Genesys: Air Dashboard

In closing...

While I loved how this POC proposal turned out, produced near the end of my 4-year tenure at Genesys, it was just one of many functional redesigns I contributed to during the transition from on-premises to a cloud-based SaaS platform.Here’s a partial list of my work over the years...

genesys air

Thank you!

for your time