Design System

Role: Senior UX Designer

Company: Ivanti Technologies

Need for Design System

In recent years, Ivanti expanded its portfolio by acquiring companies such as MobileIron and Pulse Secure. As part of this integration, it became crucial to ensure that the products from these companies not only functioned within the Ivanti ecosystem but also visually aligned with Ivanti’s brand identity. To achieve this, we as designers took on the challenge of creating cohesive visual standards that would unify the user experience across all platforms.

We began by analyzing the existing interfaces of these acquired products and identifying areas where Ivanti's design language could be seamlessly applied. This process involved designing new pages, components, and UI elements that adhered to Ivanti’s branding while maintaining the core functionality of the acquired products. Our goal was to create visual consistency, whether it be through typography, color schemes, icons, or interactive elements, to ensure that users experienced a uniform look and feel, no matter which Ivanti product they were using.

This design effort not only helped strengthen the Ivanti brand but also enhanced the user experience by providing a more seamless and recognizable interface across the diverse range of products.

Challenges

Designing a unified design system across different products, especially when integrating those from various acquisitions like Ivanti did with MobileIron and Pulse Secure, presents several key challenges:

Different Design Languages

All the acquired companies had their own distinct design systems, and unifying them under the Ivanti design system presented numerous challenges.

Technical Constraints

Products were built on different tech , which limited the ability to apply a unified design system.

Comprehensive Use Case Gathering

Collecting all possible use cases across different products was complex, as each product had unique features and user interactions that need to be addressed in the design system.

Component Flexibility

Ensuring that design components are flexible enough to be used across various products, each with different functionalities and user interactions.

Our Approach

We initiated the development of our design system by first establishing a cohesive set of fonts and colors that align with Ivanti's existing design identity. This foundational step was essential to ensure that the design system not only reflects Ivanti's brand but also provides a consistent visual experience across all products.

After solidifying the typography and color palette, we turned our attention to identifying common components that are prevalent across the various products, such as buttons, text fields, and other UI elements. Our primary goal was to incorporate these components in a way that enhances usability while ensuring they do not disrupt the established user experience of each product.

However, we faced significant challenges in implementing these changes and integrating new components all at once due to resource constraints. The limited availability of design and development personnel meant that we had to adopt a gradual approach to implementation. This necessitated careful planning and prioritization to ensure that each component was thoroughly tested and integrated without overwhelming the teams involved.

Components

Buttons

Toasts