CloudMunch: DevOps Platform Interface

HOME  /  PRODUCT DESIGN  /  CLOUDMUNCH

DevOps Platform Interface

Objective. Create an engaging onboarding process

Background. CloudMunch knew that to increase adoption, they needed to refine their onboarding process and infuse more personality into the user experience. Having recently rebranded, they also needed help extending their brand identity and tone of voice into their product.

Timeline. 2 months user research & ideation, 3 months implementation

Approach. I worked with CloudMunch through multiple iterations of their marketing website and app platform. This included designing everything from their individual product icons to their multi-step onboarding process and illustrated product diagrams.

We presented their range of DevOps tools in three distinct parts to emphasize their value in supporting 
continuous app delivery and monitoring: the Workspace, Dashboard and Hub.

Cloudmunch App Hero

The Workspace featured app delivery pipelines with at-a-glance monitoring. Pipelines are a popular tool for testing app stability and performance before updating them across multiple environments. From the Workspace, users could walk through a step-by-step approach to build each new pipeline with robust functionality and less manual effort.

CloudMunch_Web_Assets_Workspace_hiRes_Workspace
CloudMunch_May20_AppOnboarding_SelectProduct2
Cloudmunch App Setup2 2
CloudMunch_AppOnboarding_Mar2016_2_SelectTemplate 1
Cloudmunch App Setup2 3

The Dashboard provided flexible insights displayed as individual modules. This allowed users to customize their focus to highlight key stats for current projects, and download reports as needed.

Cloudmunch_Sprint2_Dashboard_Rough1_Modal_Dashboard_Tiles 1 Small

A lightbox effect allowed users to view stats close-up and in isolation. By improving the color scheme, contrast levels and spacing of elements, the graphs became more readable while conveying complex detail.

The Hub served as a growing library of templates, tools and plugins for developers to incorporate into their projects. 
I created a system of iconography and labels to represent the various types of resources to increase findability.

CloudMunch_Hub_Rough_Templates 1
CloudMunch_Hub_Plugins