top of page

Integration pages redesign

Improving the design of the Integration pages

Role

I designed this project solo while at BigPanda.

Year

2023

MacBook Pro 14_ - 4.png

Overview

BigPanda takes monitoring data and transforms it into insightful and actionable alert data. To accomplish this, BigPanda needs to integrate with the client's monitoring tools. Additionally, when an alert is important, the NOC team needs to transfer these alerts to their peers in the organization using collaboration tools such as Slack, Teams, etc.

However, the Integration pages in BigPanda were outdated and confusing, resulting in decreased sales and additional time spent on training users. This made the platform less self-service than desired.

User problem

Users are unable to independently integrate the tools.

Business problem

The integration pages are outdated and confusing, leading to decreased sales and additional time spent on training users.

Before state - Create a new integration

  • The outdated UI design didn't match the current visual language of BigPanda

  • No indication of versions / deprecated

  • No indication if the integration was installed

  • The search field is not prominent enough and users can miss it

Before state - Integrations page

  • The outdated UI design didn't match the current visual language of BigPanda

  • No Hierarchy of data on the right pane

  • Not clear what the difference is between "Edit Integration" and "Review Instructions

The new design

bottom of page