VividCharts: Design System
VividCharts offers in-platform reporting for enterprise-level organizations working with ServiceNow. The business wanted to do a full refresh of the application and improve core features for an increase in customer retention.
Role: UX/UI Designer - 2023
Problem
When a ServiceNow technologist is using VividCharts, they need to be able to navigate through their report types, open a dashboard, and have the ability to present their dashboard.
Outcome
An updated experience with a consistent design system and navigation, addressing the lack of organization in the previous version and streamlining the customer experience.
Audit
I carried out an audit of the first version of the system, categorizing all components that were available.
Naming Conventions
I initiated an exercise with the rest of the team to determine the naming conventions of the application. The report builder itself was decided to be the Editor, and dashboards were now part of a larger group of reporting documents called Views. A separate reporting document called Summaries was also included, and the Viewer was the means by which Views could be presented.
Information Architecture
Wireframe Explorations
Various explorations of the Editor, Viewer, and home page. Regretfully, user insights were not collected before visual development; it was at product’s request that the Editor be as “easy to use as Canva or PowerPoint”. My designs moving forward reflect this concept.
Style Guide
Home
Users can open what they have recently or frequently opened at the top, or filter through their tables of Views and Summaries.
Editor
With a full suite of customization, reports can be designed to the user’s liking. In order to be able to preview in the Viewer, slides need to be saved in the system, then published online.
Viewer
Templates
VividCharts offers templates of Views and Summaries to open in the Editor. Custom creations can also be saved as templates, and are saved to this page.
Insights
Learning to build a design system from scratch in my first role was inherently challenging and rewarding. Within the following 6 months after shipping version 2 of the app, 30 companies signed on to use our app. However, there were some struggles in learning the new navigation. Going back on my work, I would have taken more time to sit with customers in advance and see what their struggles were with the original application.