Redesign an ITSM Platform

SysAid, a leading IT Service Management (ITSM) platform, initiated a major redesign in 2021 with the development of Spaces, a modern system designed to replace the legacy Classic platform, which had been in use since 2002.

Spaces was officially introduced to customers in November 2023, offering a more intuitive and user-centric interface to enhance workflows for IT professionals handling service requests, asset management, and incident resolution.

Years

2021-2024

Role

UX Lead,
Product designer

Redsign of the Queue page

Before

After

Redsign of the Ticket page

Before

After

Design Process

Challenges

  • Outdated Interface: The Classic platform’s dated UI and complex workflows hindered task efficiency.
  • User Experience Gaps: IT professionals struggled with usability, leading to a steep learning curve and frustration.
  • Migration Complexity: Moving long-term users to Spaces required careful planning to avoid disruption.
  • Meeting Modern Standards: The platform needed a modern UX, core functionality, and market distinction.

My Role – Product Design Lead

  • Led SysAid’s platform redesign, managing a team of two designers.
  • Ensured a user-centered approach aligned with business goals.
  • Collaborated with the product manager on requirements and discovery.
  • Worked with R&D on design delivery, technical discovery, and Q&A.
  • Leveraged customer feedback from support and sales to address pain points and refine the design.

Research & Discovery

The design process began with extensive research to analyze SysAid’s Classic platform, its users, and the competitive ITSM landscape. This chapter summarizes key insights from design partner feedback, customer surveys, competitive analysis, and user personas, leading to actionable solutions for the Spaces platform.

Design Partner Feedback

Collaborations with design partners provided early feedback through interviews, live sessions, and prototype testing.
Positive Insight: Reliability and familiarity of the Classic platform.
Pain Points: Complex UI, limited customization, and difficulties with asset management.

Customer Feedback Surveys

Surveys across various customer uncovered consistent trends in platform usage & frustrations.
Positive Feedback: Valued customization options, API integration, and effective ticket tracking.
Pain Points: Customization complexity, unresolved tickets, and asset management limitations.

Competitive Analysis

Benchmarking SysAid against leaders like ServiceNow & Jira identified design gaps & opportunities.
Key Strengths: Advanced customization, AI-driven workflows, and robust dashboards.
Pain Points: Overwhelming UI, steep learning curves, and slow navigation in competitive platforms.

User Personas
  • Small Existing Clients: Need simple workflows but struggle with outdated UI and migration challenges.
  • Large Existing Clients: Require advanced customization but face workflow strain and limited features.
  • Small New Clients: Seek intuitive design and quick onboarding but struggle to adapt to workflows.
  • Large New Clients: Demand scalability but fear steep learning curves and integration issues.
Feedback process & Survey result
Most Frequently Used ITSM Features

Conclusion: Design Solution

The research insights guided the following design principles for the Spaces platform:

  • Simplified Navigation: Streamline workflows to reduce complexity and improve efficiency.
  • Balanced Customization: Offer robust options while maintaining accessibility for all user levels.
  • User-Centric Design: Address migration challenges with intuitive interfaces and onboarding.
  • Enhanced Functionality: Integrate scalable features, real-time data tracking, and AI-driven tools to support diverse user needs.

Wireframe Overview

Queue

Designed to allow users to manage and filter tickets with ease. It provides a clear and organized table structure where users can view key details such as ticket descriptions, assignees, and status indicators. The filtering system at the top of the page helps users quickly adjust views based on their needs, while the clean layout minimizes visual clutter, improving overall navigation speed and usability.

Ticket Page

Focuses on presenting detailed ticket information in an intuitive format. Each section is clearly labeled and allows users to easily access fields for ticket data, related items, and action items like attachments and journey tracking. By providing a well-structured layout, users can quickly assess ticket status and perform actions like reassignment or resolution with minimal effort.

User Testing – Prototypes examples

Service Record Resolution
Related Items
Action Item (Workflow)

Final Screens

Design System

A comprehensive design system was developed to ensure consistency and efficiency. This included a set of guidelines for typography, color schemes, component libraries, and interaction patterns. The design system not only streamlined the development process but also ensured a cohesive user experience across the platform.

Colors
Buttons
Typography
Icons
Text Fields
DropDown
PopUps
Assignee

Queue

The Queue page serves as the nerve center of the entire platform, consolidating all open tickets along with their detailed data.

Design Strategy

I led the redesign of the Queue page, aligning it with modern design trends. By analyzing user behavior & researching similar software, I identified key functionalities & streamlined the layout for intuitive access, I ensured the design met user requirements and enhanced platform functionality.

Queue's Main Features

Inline Edit

The key advantage of this Queue over previous products and competitors is that every cell can be edited with a single click, saving the admin time and allowing for efficient multi-action updates.

Custom Column

A sidebar menu allows users to add custom columns to the queue table & rearrange their positions.

Graphic Chips

Using graphical elements to help users differentiate between various field types, making data reading quicker & more intuitive.

Queue Views

Created, saved & shared for recurring use according to Admin needs, tailored to specific situations & use cases

Ticket Page

The ticket page is structured into two main sections: The left side displays the ticket information fields, which are customizable through pre-made and custom templates. The right side features several key functions under different tabs

Design Strategy

I ensured that users can easily access and manage ticket information. Additionally, I prioritized the flexibility of the interface, allowing customization through pre-made and custom templates, and incorporated key functionalities into distinct tabs.

Ticket page's Tabs

Action Item

Automated processes and tasks that guide IT service management activities.

Journey

An actionable audit log that tracks all activities related to the ticket life cycle, enabling Admins to oversee and manage the resolution process.

Attachments

consolidates attachments in a gallery format and provides a quick view for each file type uploaded.

Releated Items

Serves as the control center for all related items, allowing users to add various types & view them in separate tables.

Template Designer

admins can create and edit ticket templates using an intuitive drag-and-drop system, organizing fields in a three-column layout and viewing properties like restrictions, hints, and mandatory status for each field.

Design Strategy

The design of the Template Designer focuses on simplicity and efficiency. The three-column layout facilitates a logical workflow, with drag-and-drop functionality to build and organize templates easily. This design approach ensures that users can quickly create and modify templates to suit their specific needs

More Product Designs