top of page


What is CPN Dashboard?
Overview
VMware Cloud Partner Navigator (CPN) is a unified SaaS partner platform that enables cloud provider partners to deliver multi-cloud services. In other words, it serves as a one-stop solution for VMware partners and third parties to manage everything related to VMware's cloud services. The CPN dashboard provides partners with crucial data and insights for effective business performance tracking and multi-cloud service management.

Context
What role do I play and how do I collaborate with others?
Role & Team
As the lead designer, I spearheaded the end-to-end design of 5 distinct dashboards, each tailored for different user groups. Additionally, I modularized the dashboard card and grid system to establish a standard design framework.

How do we get there?
Process
This project's design phase spanned a total of 1 quarter and included 6 sprints. The process was as follows:


Problem
Why is this happening?
Problem
Currently, the CPN dashboard experiences very low usage and engagement because....

A well-structured dashboard is crucial for users because it centralizes key data and streamlines tasks, directly improving user experience and boosting satisfaction. Given its significance, we've decided to redesign the dashboard to better meet our users' needs.
Who are we solving for?
Persona
In the CPN ecosystem, there's a diverse range of personas. My role in this landscape was to collaborate closely with the Product Manager, diving deep into the problem space to truly grasp where our users stood.
Below are the key user personas and their roles:



Research
Let's Learn From Our Competitors!
Research
I analyzed the dashboards of products similar to CPN from Google, Amazon, Cisco, and Microsoft. Based on the available data, I evaluated the information architecture, visual design, and data visualization of these dashboards and summarized the benefits and considerations for each.




*This is a brief overview of the competitive analysis. For an in-depth review, please reach out to me.
Let's learn from our stakeholders!
Research
Given our enterprise product's characteristics and limited UX research resources, we couldn't directly engage with users. Instead, we collaborated with the partner operation and PM teams who have closer ties to our users.





What do we learn and what should we do?
Research Synthesis
Given our enterprise product's characteristics and limited UX research resources, we couldn't directly engage with users. Instead, we collaborated with the partner operation and PM teams who have closer ties to our users.


Design
Let's see what we have for this launch...
Design
Before revealing our design iterations, here's our final Q4 design, customized for various personas. For more detailed insights into design decisions, feedback integration, and design thinking, feel free to reach out to me. 😊







Final Design
Research












🪄Let's add some customization
What's more?
To better accommodate individual user requirements, I've also designed a feature that lets users rearrange dashboard cards and add or remove them to meet their specific needs.

& dashboard design guideline


How have we refined the design in response to feedback?
Iteration
Iteration


Enhancing User Experience for Business Growth
Impact
While the dashboard has yet to launch, its inclusion in key discussions and previews indicates its anticipated importance and potential success in enhancing the user experience.
-
Earned a spotlight in Q4 Product UX Highlights, marking the design's prominence and innovation.
-
Recognized as the sole designer for this critical dashboard project within the entire product lineup.
-
Received strong endorsements and positive feedback from stakeholders, signaling confidence in the design's impact.
bottom of page