top of page

ServiceBus 360

Operations, Monitoring and Analytics Platform

This was my first experience with a B2B platform. My first enterprise project. Also one of the only reasons why I started to question the colour blue. Why Blue? Why is every enterprise platform in tint, tone and shades of blue? Keeping this research aside for a later time, let me show you how I went about this re-design. 

Team : Part of a two person design team 

Project Phase : Development

Tools Used : 

  1. Paper and Pencils for Sketching

  2. DropBox Paper for internal idea documentations

  3. Mind-Node for mapping

  4. Sketch for final VD

  5. DropBox for client deliverables

Discovery

SB360 is a platform for system administrators to manage their operations, monitoring and analytics. The clients wanted a complete re-design of their existing platform. To exactly understand their requirements we conducted a Product Discovery Workshop. Read more about it here. This put us and the clients on the same page and helped us meet the client’s expectations. 

The requirement finally boiled down to the following:

  1. Re-think navigation

  2. Include new features 

  3. UI Kit

  4. Fresh look to the extensive tables

  5. Replace blades with efficient modals

Design

We broke down the entire platform to understand the core functionalities and re-thought the navigation to make it more easy and user friendly. The process followed was to understand user journeys and translate that into the platform’s navigations. 

After multiple internal discussions, meetings with the clients to understand the technicalities of the user journeys, a lot of sketching and iteration we finalized on the new navigation meanwhile taking into consideration the new features. 

Navigation

Navigation

After careful iterations we fixed on a UI Kit which will be used throughout the platform and also act as a style guide for future changes. 

The three major issues were met during this stage of design :

1. The tables and modals were reworked on to communicate information efficiently. As the design progressed the UI Kit was modified based on iterative design decisions. 

2. Majority of users access the platform on 13” thinkpads, giving the users the ability to access information on the tables without scrolling down a lot was a challenge.

3. Striking the balance between the pixel hungry designer and pixel stingy functional designer was a challenge. 

The high fidelity screens were finalized for handover to the development team.

Services > Queues

Services > Queues

Application Group Operations

Application Group Operations

Application Group

Application Group

Create Application Group Modal

Create Application Group Modal

Settings Dashboard

Settings Dashboard

Settings Dashboard Changing Plan

Settings Dashboard Changing Plan

Application Group Dashboard

Application Group Dashboard

bottom of page