ServiceDesk Plus

ServiceDesk Plus

Summary

ServiceDesk Plus is an IT helpdesk platform used by organizations to manage support requests and technical issues. I aimed to solve challenges in the existing interface, such as cluttered layouts, confusing navigation, and a lack of clarity by enhancing usability, readability, and overall user experience.

Timeline

January - May 2024

Responsibilities

User Research, Interaction Design, Visual design, Prototyping

Deliverables

Interactive Figma High-Fidelity Prototypes

Project Type

Individual Project

Timeline

3 Months

Responsibilities

User Research, Interaction Design, Visual design, Prototyping

Tools Used

Figma, FigJam, Micro

Project Type

Individual Project

Research

Project Focus

Overview

The IT Helpdesk is the backbone of daily operations employees rely on it to report technical issues, request services, and keep their work moving. While ServiceDesk Plus is feature-rich and reliable, its interface can feel cluttered and unintuitive for both employees and IT staff.

Tasked with improving this experience, I set out to explore how the portal could be redesigned to create a clearer, faster, and more human-centered support system one that reduces frustration for employees while helping IT staff resolve issues more efficiently.

Research

UX Audit

Why I did it: To evaluate the existing ServiceDesk Plus interface and pinpoint where IT staff experienced friction.

What I found out: While the platform offered robust functionality, it suffered from cluttered layouts, inconsistent navigation, and overwhelming ticket lists. Agents often spent unnecessary time scanning through unfiltered queues and switching between multiple views.

How it influenced my next move: This confirmed that the redesign needed to focus on clarity, hierarchy, and streamlined workflows tailored to IT staff efficiency.

UX Audit

Personas:

ServiceDesk Plus existing Design

Screen design displayed in a mockup

Cluttered Layout - No Clear Focus

No visual hierarchy

Too many small pannels

Overwhelming ticket/task list

ServiceDesk Plus existing Design

Screen design displayed in a mockup

Cluttered Layout - No Clear Focus

No visual hierarchy

Too many small pannels

Overwhelming ticket/task list

Competitive Analysis

Why I did it: To benchmark ServiceDesk Plus against other IT helpdesk tools and understand how they simplified complex workflows.

What I found out: Competitors like Freshservice and Zendesk emphasized clean dashboards, priority-based ticketing, and actionable data visualization. These tools made it easier for agents to prioritize and resolve issues quickly.

How it influenced my next move: Inspired by these patterns, I decided to introduce visual dashboards, simplified ticket views, and clearer prioritization mechanisms into my redesign.

Ticket Prioritizataion

Priority tags & SLAs highlighted

visually

Long, unfiltered lists → hard to triage

Smart sorting & tagging for fast triage

Data Visualization

Built-in analytics & trends
visualization

Basic reports; limited actionable insights

Strong reporting dashboards for
managers

Overall Usability

Powerful but overwhelming

User-friendly, modern, approachable

Polished UI with focus on speed

Request Submission

(Agent View)

Overly detailed, often incomplete info
from users

Guided forms ensure relevant
details

Contextual ticket info pulled in

Navigation

Fragmented; requires switching between
modules

Streamlined, fewer clicks

Intuitive, cross-linked navigation

Dashboard Clarity

Dense, cluttered; too many widgets
at once

Clean, modular dashboard with

summaries

Clear overview with quick access
panels

Feature / Experience

ServiceDesk Plus (Current)

Freshservice

Zendesk

Personas:

🎯 Research Goals

👤 Personas

👤 Personas

Existing Design - Home Page

Redesign - Home Page

Existing Design - Calendar/Scheduler

Redesign - Calendar/Scheduler

Existing Design - Requests Viewing Page

Redesign - Requests Viewing Page

Existing Design - Home Page (Dark Mode)

Redesign - Home Page (Dark Mode)

👩🏻‍💼 User Stories

Wireframes

Ideation

✏️ Paper Wireframes

Assumptions

Before redesigning ServiceDesk Plus, I made a few key assumptions to guide initial concepts and priorities:

  • IT support staff are the primary users of the helpdesk dashboard, rather than employees submitting tickets.

  • Agents prefer a clear and efficient interface that reduces clutter and highlights priorities.

  • A consistent visual hierarchy and simplified layouts will improve task management and reduce errors.

  • Most IT staff will access the platform on desktop devices during working hours.

Constraints

While redesigning ServiceDesk Plus, I also considered a few constraints that shaped what was possible:

  • Feature Preservation: Core ServiceDesk Plus functionality (Requests, CAB Approvals, Announcements, Problems) had to remain intact; the redesign focused on usability, not feature removal.

  • Time & Scope: The project prioritized key dashboards and homepage screens, rather than a full end-to-end redesign of every module.

  • Adoption Feasibility: The solution had to feel familiar enough to current users to reduce retraining needs, balancing innovation with practicality.

  • Desktop-First Focus: The design was optimized for desktop use, acknowledging that mobile optimization could be explored as a future phase.

Design Goals

Design Goals

Simplify the Experience

Simplify the Experience

Reduce dashboard clutter and make the most important information easy to scan at a glance.

Reduce dashboard clutter and make the most important information easy to scan at a glance.

Clarify Priorities

Clarify Priorities

Ensure IT staff can quickly identify urgent requests, overdue tasks, and high-priority issues.

Ensure IT staff can quickly identify urgent requests, overdue tasks, and high-priority issues.

Streamline Workflows

Streamline Workflows

Group related elements (tasks, reminders, announcements) to reduce context switching and improve efficiency.

Group related elements (tasks, reminders, announcements) to reduce context switching and improve efficiency.

Modernize the Interface

Modernize the Interface

Apply consistent icons, balanced whitespace, and updated visuals to create a more approachable, professional feel.

Apply consistent icons, balanced whitespace, and updated visuals to create a more approachable, professional feel.

🧩 Assumptions


Applied Designs

✏️ Paper Wireframes

Wireframes

Wireframes

✏️ Paper Wireframes

Applied Designs

Issues (Existing Design)

  • Inconsistent icons reduced visual clarity.

  • The large unused space made the layout inefficient.

  • Categories were not visually distinct, slowing navigation.

Redesign Decisions

  • Applied consistent iconography across categories.

  • Balanced whitespace for a cleaner, more efficient layout.

  • Introduced modern cards for clear, scannable categories.

Home Page

Before

After

Before

Issues (Existing Design)

  • Inconsistent icons reduced visual clarity.

  • The large unused space made the layout inefficient.

  • Categories were not visually distinct, slowing navigation.

Redesign Decisions

  • Applied consistent iconography across categories.

  • Balanced whitespace for a cleaner, more efficient layout.

  • Introduced modern cards for clear, scannable categories.

Home Page

Before

After

Before

Issues (Existing Design)

• Minimal styling made events difficult to distinguish.

• Poor hierarchy led to difficulty in scanning busy schedules.

• Lacked visual cues for priorities or deadlines.

Calendar / Scheduler

Before

After

Before

Redesign Decisions

• Color-coded events to highlight status and priority.

• Improved layout with stronger grid and spacing.

• Clearer labels and hierarchy for faster scanning.

Issues (Existing Design)

• Minimal styling made events difficult to distinguish.

• Poor hierarchy led to difficulty in scanning busy schedules.

• Lacked visual cues for priorities or deadlines.

Calendar / Scheduler

Before

After

Before

Redesign Decisions

• Color-coded events to highlight status and priority.

• Improved layout with stronger grid and spacing.

• Clearer labels and hierarchy for faster scanning.

Issues (Existing Design)

  • Dense tables with overwhelming text.

  • Poor alignment and spacing reduced readability.

  • Lack of hierarchy made it hard to prioritize tasks.

Request

Before

After

Before

Redesign Decisions

  • Simplified table design with consistent spacing.

  • Applied visual hierarchy through column alignment and labels.

  • Highlighted status/priority with color coding for quick decisions.

Issues (Existing Design)

  • Dense tables with overwhelming text.

  • Poor alignment and spacing reduced readability.

  • Lack of hierarchy made it hard to prioritize tasks.

Request

Before

After

Before

Redesign Decisions

  • Simplified table design with consistent spacing.

  • Applied visual hierarchy through column alignment and labels.

  • Highlighted status/priority with color coding for quick decisions.

Issues (Existing Design)

  • Colors lacked contrast, reducing readability.

  • Icons and cards blended into the background.

  • The overall feel was dull and not visually engaging.

Dark Mode

Before

After

Before

Redesign Decisions

  • Improved contrast with a richer dark background.

  • Bright accent colors for icons and categories.

  • Modern, accessible dark mode that feels polished and professional.

Issues (Existing Design)

  • Colors lacked contrast, reducing readability.

  • Icons and cards blended into the background.

  • The overall feel was dull and not visually engaging.

Dark Mode

Before

After

Before

Redesign Decisions

  • Improved contrast with a richer dark background.

  • Bright accent colors for icons and categories.

  • Modern, accessible dark mode that feels polished and professional.

Issues (Existing Design)

  • Inconsistent icons reduced visual clarity.

  • The large unused space made the layout inefficient.

  • Categories were not visually distinct, slowing navigation.

Redesign Decisions

  • Applied consistent iconography across categories.

  • Balanced whitespace for a cleaner, more efficient layout.

  • Introduced modern cards for clear, scannable categories.

Home Page

Before

After

Before

Issues (Existing Design)

  • Inconsistent icons reduced visual clarity.

  • The large unused space made the layout inefficient.

  • Categories were not visually distinct, slowing navigation.

Redesign Decisions

  • Applied consistent iconography across categories.

  • Balanced whitespace for a cleaner, more efficient layout.

  • Introduced modern cards for clear, scannable categories.

Home Page

Before

After

Before

Issues (Existing Design)

• Minimal styling made events difficult to distinguish.

• Poor hierarchy led to difficulty in scanning busy schedules.

• Lacked visual cues for priorities or deadlines.

Redesign Decisions

• Color-coded events to highlight status and priority.

• Improved layout with stronger grid and spacing.

• Clearer labels and hierarchy for faster scanning.

Calendar / Scheduler

Before

After

Before

Issues (Existing Design)

• Minimal styling made events difficult to distinguish.

• Poor hierarchy led to difficulty in scanning busy schedules.

• Lacked visual cues for priorities or deadlines.

Redesign Decisions

• Color-coded events to highlight status and priority.

• Improved layout with stronger grid and spacing.

• Clearer labels and hierarchy for faster scanning.

Calendar / Scheduler

Before

After

Before

Issues (Existing Design)

  • Dense tables with overwhelming text.

  • Poor alignment and spacing reduced readability.

  • Lack of hierarchy made it hard to prioritize tasks.

Redesign Decisions

  • Simplified table design with consistent spacing.

  • Applied visual hierarchy through column alignment and labels.

  • Highlighted status/priority with color coding for quick decisions.

Request

Before

After

Before

Issues (Existing Design)

  • Dense tables with overwhelming text.

  • Poor alignment and spacing reduced readability.

  • Lack of hierarchy made it hard to prioritize tasks.

Redesign Decisions

  • Simplified table design with consistent spacing.

  • Applied visual hierarchy through column alignment and labels.

  • Highlighted status/priority with color coding for quick decisions.

Request

Before

After

Before

Issues (Existing Design)

  • Colors lacked contrast, reducing readability.

  • Icons and cards blended into the background.

  • The overall feel was dull and not visually engaging.

Redesign Decisions

  • Improved contrast with a richer dark background.

  • Bright accent colors for icons and categories.

  • Modern, accessible dark mode that feels polished and professional.

Dark Mode

Before

After

Before

Issues (Existing Design)

  • Colors lacked contrast, reducing readability.

  • Icons and cards blended into the background.

  • The overall feel was dull and not visually engaging.

Redesign Decisions

  • Improved contrast with a richer dark background.

  • Bright accent colors for icons and categories.

  • Modern, accessible dark mode that feels polished and professional.

Dark Mode

Before

After

Before

🖼️ Moodboard

Designs

Final Designs

HomePage

This is the homepage where users can see all the ServiceDesk categories clearly laid out, including IT Help Desk, HR Help Desk, Facilities Help Desk, Travel, and Housekeeping. A search bar is available at the top for quick access across portals, and the clean layout with consistent icons makes it easy to navigate.

IT Help Desk (My View)

This is the IT Help Desk ‘My View’ screen, where agents can see a summary of CAB approvals, requests, and problems at a glance. Below that, the ‘Review Your Work’ section highlights tasks, announcements, and reminders, bringing everything the agent needs for the day into one place.

Dashboard & Requests

This is the Dashboard view, where users can see visual insights into pending projects, overdue tasks, and workload distribution through charts. The Requests section lists detailed tickets with their status, priority, and assigned owner, allowing IT staff to track and manage issues more effectively.

Dark Mode

This is the Dark Mode version of the redesigned interface.
The homepage, dashboard, and IT Help Desk views are all adapted into a darker color scheme, reducing eye strain and offering users more flexibility depending on their work environment.

Design File

Reflection

Reflection

Lessons Learned

Testing is Key

Usability audits showed how clutter and poor hierarchy overwhelm IT staff. Small changes, like reorganized dashboards and consistent visuals, made a big difference, proving the need to validate designs with real workflows.

Design for the User, Not Just the Tool

ServiceDesk Plus is powerful but overwhelming. Focusing on IT agents’ cognitive load helped me simplify navigation, reduce noise, and create a more user-centered interface.

Balancing Functionality and Simplicity

One of my key takeaways was learning how to balance feature-rich systems with modern, clean layouts. Removing elements is not always the solution. Instead, clarity comes from thoughtful grouping, hierarchy, and whitespace. This approach will continue to shape how I handle complex enterprise tools in future projects.

Check Out More Projects Here!

Check Out More Projects Here!

© 2025 Priyadharshini Gopalakrishnan | Designer | priya.gops12@gmail.com

© 2025 Priyadharshini Gopalakrishnan | Designer | priya.gops12@gmail.com

© 2025 Priyadharshini Gopalakrishnan | Designer | priya.gops12@gmail.com

© 2025 Priyadharshini Gopalakrishnan | Designer | priya.gops12@gmail.com