Design Partners for the Enterprise UX: Reinventing the DaaS B2B SaaS Experience

Design Partners|Data Analytics|Dashboards|B2B SaaS|Design System|UX Design|UI Design
Case study banner

Industry

Fleet Management

Head Quarters

Singapore

Service

Product Design

Project Duration

9+ Months

About the Project

In the challenging SaaS world, users are in the habit of using smooth and intuitive experiences. Imagine your prospective customers landing on your application, thrilled to explore what you offer, only to be greeted by an outdated, monotonous, cluttered platform. It's like presenting a masterpiece in a dull, unappealing frame—no matter how brilliant the content, the first impression is lost. The user interface (UI) and user experience (UX) of your Software as a Service (SaaS) application can make or break its success.

We encountered a similar situation. Dizzion is a SaaS company that offers a cloud-based Desktop as a Service (DaaS) solution, "C3." This allows users to access virtual desktops and applications from any device to offer hosting, compliance, and other managed services like managing user accounts, submitting service requests related to Dizzion's DaaS services, and controlling user access within the platform.

However, a major problem with their system was that the design was outdated and confusing, bouncing off users to their competitor's modern and user-friendly products. To address these issues, Dizzion partnered with Denovers to redesign the entire SaaS application from scratch and improve usability, navigation, and overall aesthetics.

The Problems

1.

Disorganized Navigation

Users struggled to locate features and move between different sections of the app.

2.

High Complexity and Poor User Retention

The lack of intuitive UI discouraged users from fully utilizing the platform's features.

3.

Inefficient Data Representation

Data-heavy dashboards lacked structure, making it difficult for users to process and analyze insights.

4.

Inconsistent UI Components

Dark and light themes, tables, filters, and forms were not properly structured, leading to an inconsistent user experience.

5.

Ineffective Multi-Step Flow

The platform contained complex multi-step forms that needed better structure for usability.

6.

Lack of Visual Hierarchy

Important information and actions weren't prioritized effectively, making it difficult for users to quickly identify key features, next steps, or critical insights.

The Challenge

Redesign the Dizzion C3 SaaS application for users of its cloud-based Desktop as a Service (DaaS) solution to improve usability, navigation, and overall aesthetics. While interacting with the platform for virtual desktop management, compliance, and hosting services, users struggled with an outdated and cluttered UI. This resulted in a modern, intuitive interface with improved navigation, streamlined workflows, and a visually cohesive design, enhancing user adoption, efficiency, and productivity.

“Dizzion Picked Denovers as their Reliable Design Partners”

This DaaS application wanted a completely new design solution to not only fix its usability issues but also give its platform a modern and appealing touch. They wanted trusted end-to-end design partners who would give them the solutions they wanted.

This is when they found Denovers due to our long-term commitment to providing design solutions, ongoing support, and excellent collaboration.

“But that is not how it all began”

Dizzion wanted to be super sure that they had picked the right design partners and to clear their doubts, we decided to offer them a free trial.

Free Trial

During the trial phase, we tackled Dizzion’s Data Center Module, which lacked visual hierarchy, clear navigation, and an intuitive UI. The design failed to highlight key attributes, data, and KPIs effectively.

We came up with the idea of a complete UI overhaul, presenting critical information in a clean, structured, and engaging way.

One major issue was the lack of clarity in clickable elements—users couldn’t easily distinguish between static content and interactive features. We introduced engaging buttons and visual cues for smooth navigation.

We also revolutionized data visualization by introducing both list and map views, giving users multiple ways to interpret their data. Previously, Dizzion only had a table view, making insights harder to grasp. Our redesign made exploring data centers intuitive and efficient.

To further enhance usability, we designed a comprehensive dashboard, consolidating management reports, customer data center insights, user requests, notifications, and queries—all with smart filters for personalized data viewing.

Case study
Case study
Case study
Case study

As a result, Dizzion loved our design approach, iterative process, and user-focused solutions. Impressed by our work, they entrusted us with their full product redesign. Now it was time for us to get started and we began with evaluation. 

Denovers evaluated Dizzion's application

Dizzion's C3 application was pretty extensive and had multiple users, so our product designers took dedicated time to thoroughly analyze the entire application and come up with an effective solution that would address all the issues.

Their main motive was to give their users an exceptional user experience so that they could retain them and stay afloat in the competitive market. After a few discussions with their product managers, we carved out their main goals.

  • Redesign the entire Dizzion SaaS Application and create a new scalable component-based design system from scratch.
  • The UX and UI to properly align with the application.
    Ensure on-point functionality.
  • Introduce intuitive complex data visualization components
  • Re-designing the entire 100+ screens of the Application

Now that we knew what were the goals, we started to prepare for the revamp process.

Case study

Preparations for the Revamp Process

Jumping directly into a product to start making changes to it is never a good idea. That's why we first prepared for it through deep discussions and analysis. This process was quite extensive, so we have broken it down into several steps so you can get a deeper look at our work process.

1.

UX Audit

We kicked off with a UX audit, conducting user research to uncover pain points in the C3 application. We analyzed each design element and flow. This helped us identify areas needing immediate attention.

2.

Brainstorming through Moodboards

To define a clear design direction, we built moodboards using Webapp screenshots, UI inspirations, and color palettes. Using Miro, we organized tasks, ideas, and redesign insights in one place.

3.

Wireframing

We then created wireframes to visualize key screens and user journeys using best practices. Inputs from Dizzion’s product manager were combined with our components to refine the layout.

It's Time For Practical Implementation Now

After extensive preparation and discussion about what approach should be taken to revamp Dizzion's application, we were ready to dive into it to implement everything practically.

Improved Navigation

Dizzion had major navigational issues. It was so complex that a single screen could be accessed in multiple ways. And the worst part was that the users were not shown how they landed at that particular place, as no user flows were shown.

The data center details can only be viewed from the POD list, and to see the POD cards, the users had to go to another screen.

To fix the navigation issues, we first launched a header on every screen. The header displayed the breadcrumbs with proper headings so that users know how they ended up on that particular screen. The breadcrumbs were also clickable to offer ease of use to the user. This is necessary for applications like Dizzion, which have a deep hierarchical structure.

Case study
Case study
Case study

Steppers

The original stepper view was cluttered, with multiple sub-steppers nested within a single stepper—sometimes containing four to five additional steps. This complexity confused users, making it difficult to trace how they arrived at a particular screen after completing a flow.

To enhance clarity, our designers broke down complex actions into smaller, manageable steps. We strategically grouped the steppers and displayed them consistently across screens, ensuring a seamless and intuitive experience. This approach not only improved visual clarity but also simplified decision-making and reduced cognitive load for users.

Case study
Case study
Case study
Case study

Updated Data Centers

We also updated their data centres and revamped the screens in the applications with a new and aesthetic UI. Dizzion wanted us to use boxes to display information about every data centre. Moreover, we also introduced a map in the data centre interface so that users can see its various locations.

Case study
Case study

Introduced a New, Modern, and Consistent Design System

We transformed Dizzion’s design with a modern and consistent system, enhancing both functionality and aesthetics.

1.

Cards with a Fresh Look

Redesigned major components with the latest UI/UX trends for a more functional and appealing interface.

2.

Built Component-Based Libraries

Developed updated design system libraries from scratch for seamless consistency across the application.

3.

Inefficient Data Representation

Introduced intuitive list views and tables for better readability and a decluttered interface.

4.

Refined Color Palette

Dark and light themes, tables, filters, and forms were not properly structured, leading to an inconsistent user experience.

5.

Dark & Light Theme Integration

Created accessible dark and light modes to cater to diverse user preferences.

6.

Modernized Fonts & Styles

Implemented sleek, modern typography to elevate the product’s visual appeal and improve data visualization.

Case study
Case study
Case study
Case study

The Result

Denovers partnered with Dizzion to do a strategic redesign so that the users of the C3 application can get the user experience of a lifetime. We achieved this by enhancing user experience (UX) with an intuitive and modern interface and flawless navigation.

This resulted in ease of use, increased user adoption, efficiency, and productivity for users. This not only helped Dizzion retain customers but also strengthened its brand image as a modern and well-designed C3 platform. It reflected Dizzion's commitment to innovation and user-centricity

Case study

Denovers-DBackground free trail

7-Day FREE Trial to Experience Denovers

We offer a 7-day free trial so you can experience how we work, risk-free. It’s the perfect way to evaluate our compatibility and decide if we’re the right design partner for you.

Book a Free TrialArrow up icon