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 :
-
Paper and Pencils for Sketching
-
DropBox Paper for internal idea documentations
-
Mind-Node for mapping
-
Sketch for final VD
-
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:
-
Re-think navigation
-
Include new features
-
UI Kit
-
Fresh look to the extensive tables
-
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 |
---|
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 | Application Group Operations | Application Group |
---|---|---|
Create Application Group Modal | Settings Dashboard | Settings Dashboard Changing Plan |
Application Group Dashboard |