Mar - Oct 2021

Agent-side Support System

Support operations relied on fragmented systems and manual processes, causing delays and operational strain. This project introduced a structured, context-driven agent experience, improving resolution speed, significantly improving agent efficiency, enabling more scalable support operations, and service reliability

Service Design
UX Design
UI Design
Support System Design

Unified System Design

A three-phase initiative to build a comprehensive support ecosystem for all primary service actors — starting with the Mobile Support System for customers and couriers, followed by the Partner Portal Support Widget for merchants, and culminating in the Agent-Side Support System to empower agents in resolving complaints effectively in Zendesk.

A key milestone in this transformation was integrating Zendesk across all MRSOOL products, which streamlined workflows and enabled the team to handle the COVID order surge successfully. This integration significantly boosted the support solve rate, aligning it with leading delivery-app benchmarks.

Project Overview

⚔️ The Challenge

Support agents at MRSOOL operated in a fragmented environment, relying on manual workflows and disconnected tools to investigate and resolve complaints. Agents had to navigate multiple back-office systems and external channels (e.g., Telegram) to gather context—resulting in delays, inefficiencies, and inconsistent resolution quality.

These challenges were amplified during the COVID-19 order surge, where a significant increase in complaints across customers, couriers, and merchants placed heavy strain on support operations. Without a structured system, agents were forced to manually piece together information to identify root causes and determine appropriate resolutions, impacting both agent productivity and overall service reliability.

👥 Target Users

Primary: MRSOOL Support Agents responsible for investigating and resolving user tickets through new Agent experience in Zendesk.

Secondary: Internal operations and tech teams who depend on streamlined ticket resolution for improved service delivery.

📌 Scope

  • Led the design of the agent-side support system, including workflow structuring, experience design, and alignment with operational needs and constraints.
  • Design and implement a custom Zendesk app integrated into the complaint ticket page, providing agents with real-time access to the key information they need from MRSOOL’s back-office systems.

🌟 The Opportunity

How might we equip support agents with a centralized, structured system that gives them the data and tools they need to efficiently resolve user complaints—without relying on manual workarounds or external platforms?

🏆 Accomplishments and Impact

  • Centralized Support Operations
    Integrated fragmented backend data (customer, courier, order, merchant, payments, complaints) into a unified agent view, enabling a single source of truth for investigation and resolution.
  • Eliminated Manual Workflows
    Replaced reliance on multiple tools and external channels (e.g., Telegram) by embedding all required actions within Zendesk—reducing context switching and operational friction.
  • Improved Security & Control
    Reduced direct dependency on backend systems by enabling actions through a controlled Zendesk interface, enhancing data security, access control, and compliance.
  • Increased Agent Efficiency
    Streamlined access to contextual, authenticated data, reducing investigation time, improving resolution speed, and lowering agent effort and frustration.
  • Reduced Cognitive Load through Contextual Design
    Introduced a modular, complaint-type-driven interface that surfaces only relevant data and actions—enabling faster, more accurate decision-making.
  • Established Scalable System Architecture
    Designed a flexible information architecture integrating system data, user inputs, and agent actions—creating a foundation adaptable to multiple complaint scenarios.
  • Enabled Future Scalability
    Built the system to support iterative growth, enabling future enhancements such as search, analytics, and cross-team workflows without restructuring the core system.

🔍 Research & Problem Discovery

The research identified root causes: lack of a centralized, context-aware system, inspiring to shift focus from UI fixes → workflow and system redesign.

1. Insights from User Studies

Synthesized user research and agent insights to understand how support operations functioned in practice. Agents were navigating fragmented systems, switching between multiple tools to gather data (customer, order, courier, payments), while relying on external channels like Telegram for communication.

This revealed a system that was:

  • Context-poor (no single source of truth)
  • Manual and inefficient (high effort per ticket)
  • Operationally risky (privacy concerns, inconsistent handling)
Research Insights
Research Insights
2. Competitors and Inspiration

Benchmarked Zendesk custom apps and industry patterns to understand how similar systems structure data, actions, and workflows, informing a scalable approach tailored to MRSOOL.

Competitors Analysis and Components Inspiration
Competitors Analysis and Components Inspiration

Constraint and Tradeoff: Needed to work within Zendesk ecosystem and existing backend systems, and components.

🧩 System Mapping & Structuring

Created a holistic view of support operations, exposing inefficiencies and gaps, enabling definition of a clear structure for what data and actions agents actually need.

1. Understanding the Current Support System

Mapped the AS-IS support system, covering:

  • Agent workflows
  • Investigation steps
  • System dependencies
  • User touchpoints
Current state of Support System
Current state of Support System
2. Audting Backend Data

In parallel, audited backend datasets (customer, courier, merchant, order, payments, complaints history) to define what information is essential vs redundant. A Tradeoff emerged in this step is to balance completeness vs usability, selecting only high-value data to avoid overwhelming agents, and overloading new agent view in Zendesk.

Backend Data Mapping
Backend Data Mapping
3. Mapping Agent Actions

Mapped all agent actions (e.g., escalate, block, resolve), linking each to:

  • Execution flows
  • Dependencies
  • System updates
Agents Action Mapping
Agents Action Mapping
4. Structure Information Architecture

Building on top of MRSOOL’s mobile support complaint structure, expanding the Information Architecture to include system-fetched data, user-submitted inputs, and agent-side actions per complaint type. This created a unified structure that became the foundation for designing the custom app experience.

Information Architecture
IA
5. Designing Custom App Logic

The goal is reduced agent cognitive load during ticket investigation, enable faster and more accurate decision-making, and ultimately transform the system into a context-driven workflow engine for a more reliable support experience.

Introduced a modular logic model, where each complaint type dynamically surfaces only:

  • Relevant data
  • Relevant actions

For example, courier-related issues surface courier data only—removing unrelated information.

Custom App Logic
Custom App Logic

Design and Conceptualize

1. Wireframing and Concept Design

Initial wireframes were sketched in Miro to visualize the structure of the custom app within Zendesk’s environment. Translated system logic into agent-facing workflows, designing UI for:

  • Structured views for Order, Courier, Merchant, Payments, and Complaint History
  • Clear navigation flows for investigation and resolution
  • Interfaces aligned with Zendesk design conventions for faster adoption and implementation
Concepts and Wireframes
Concepts and Wireframes
2. Design Agent Flow

Designed the end-to-end agent flow, each section—Order, Courier, Merchant, Payments, Complaints History—was designed with focused agent flows to support navigation, data review, and action-taking. They ensure agents can:

  • Understand context quickly
  • Take action without switching systems
  • Resolve tickets efficiently
Agent Flow Design
Agent Flow Design

Constraint and Tradeoff: This scope version prioritized clarity and speed over adding advanced features early, while modular system creates space for future improvements as they emerge.

🧪 Evaluation & Iteration

1. Internal Reviews & Iteration

The design was reviewed with product and engineering teams to ensure feasibility and alignment with technical constraints. Based on feedback, we prioritized Scoped features into:

  • MVP (critical agent workflows and actions)
  • Future enhancements (e.g., advanced search)
2. Development Handoff

Once finalized, the design was documented and handed off to the development team with clear specifications, asset exports, and interaction details—ensuring a smooth transition from design to implementation.

Devs Handoff
Devs Handoff

🎉 Live Launch

Custom App in Zendesk
Custom App in Zendesk

Successfully integrated the custom Zendesk app with MRSOOL platforms, enabling agents to handle all tickets within a centralized, structured environment.

Key Impact

  • Enabled end-to-end ticket handling within one system
  • Reduced reliance on external tools
  • Established a scalable foundation for support operations
Disclaimer
This project is shared for portfolio purposes only. All rights, assets, and content belong to their respective owners.

Latest Work

See All Work
Cover of STC Wholesale illustration
Jan 2026

UX Audit: STC Wholesale Portal

Explores a hypothetical UX audit and redesign concept for a telecom wholesale portal, focusing on improving clarity, discoverability, accessibility, and B2B conversion experience.

Business Design
Design Research
Design Strategy
Cover of Roads intersecting with support icons
Jan - May 2023

Customer Support Initiative Roadmap

Customer support operations were fragmented across workflows, tools, and teams—leading to inconsistent resolution, operational inefficiencies, and poor customer experience. This project focused on defining a structured roadmap to align support as a scalable, high-impact service.

Design Strategy
Product Management
Customer Experience (CX)
Oct - Nov 2022

Customer Support Workflows Workshops

Facilitated cross-functional workshops to deconstruct how support operates across user journeys. Transformed fragmented, tribal knowledge into a structured system of root causes, decision logic, and resolution flows, revealing gaps between product experience and operational reality.

Workshops and Facilitation
Service Design
Design Research

Connect and Collaborate 📩

Let’s talk and design whats next.

Thank you! Your message has been sent and will respond back shortly.
Oops! Something went wrong while submitting the form, Try again later.
arrow up