UX UI Challenge

Objective

The purpose of this take-home design challenge is to assess your ability to conceptualize, design, and present a comprehensive solution for an enterprise SaaS product that provides time-based insights for managing cloud resources. This challenge should allow you to showcase your expertise in UI, UX, and product design in a technical setting.

Background

You work for a B2B SaaS company that sells to enterprise clients. Your product is a platform that provides insights into the utilization, compliance, cost, and Infrastructure as Code (IaC) coverage of cloud resources across different cloud providers. Your company's product focuses on delivering time-based insights to help clients optimize their cloud infrastructure usage. You are tasked with designing a user-facing dashboard for the product that is user friendly, visually appealing, and presents time-based insights in an intuitive manner.

Dashboard context

Primary focus:

1. The dashboard will aggregate information about the user’s cloud accounts (which you can assume they have already hooked up to the platform)
2. A user can have N-many cloud accounts. A cloud account can be from any of the following providers:
○ Amazon Web Services (AWS)
○ Microsoft Azure
○ Google Cloud
3. Within an account there are typically thousands of cloud assets. They fall into higher level asset categories as you can see in the left hand side of the screenshot below (“compute”, “database” etc.). You can use these same categories and asset types in your designs.
4. All the information that you will display in the dashboard will be about these cloud assets that live inside of a user’s cloud accounts

First step

I did a research and had talks with users of this type of dahsboards, created a benchmark to understand different insights, where I found many resources that helped me to create a visual consistency and attack the main painpoints of these users.

Insights

○ These are hard data dashboards
○ They lack hierarchies and attractive layouts.
○ In infrastructure there is a lot of opportunity to humanize the screens.
○ You can tell a story through data but you have to accompany it with trendy designs and better wordings.
○ Filters can help to create new dashbaords

Types of Data to Display

For each type of data below, there is both a “static” (present day) and a “time-based” (historical) way to show that data. For time-based data, in some cases you might want to show a comparison between just 2 points in time, and for others you might want to instead show a graph/chart that allows the user to see a trend over a period of time (the past week or the past month, but not further out than that). Or you might choose to add a calendar picker or other interactive widget so that the user can select the points in time they want to compare.
You do not need to show ALL of this data, but show at least one time-based insight from each of the items below (e.g. asset count, cost, compliance, and IaC status).
Some of the items you may be able to visualize in the same table or chart as a way to optimize the use of space.