Ticket Marketplace Backoffice Redesign cover

Ticket Marketplace Backoffice Redesign

Background

The platform served as a trusted intermediary in event ticketing, connecting ~100 brokers with buyers through consumer-facing websites. Brokers managed inventory and pricing through the backoffice, while admins regulated compliance and handled order fulfillment. After 10+ years without strategic redesign, the system had accumulated significant technical debt—outdated workflows, slow performance, and a UI that made routine tasks take 2-3x longer than necessary.

The Challenge

Redesign a 10+ year old backoffice system for a ticket marketplace serving ~100 brokers and ~15 admins. The platform was plagued by outdated UI, convoluted workflows, and processes that took 2-3x longer than necessary—directly impacting user productivity and business efficiency.

Overview

Role:

Senior UI/UX Designer

Solo Designer

Timeline:

Jun 2024 - Feb 2026 (20 months)

Industry:

Event Ticketing B2B/B2C

Team:

PM, Frontend/Backend Developers, BA

My Design Process

As the sole designer, I led the complete redesign from research through implementation, working incrementally to minimize risk while delivering continuous value.

Step 1

Research & Discovery

  • Behavioral analytics tracked user behavior on production system
  • Stakeholder interviews with Product Owners (who were also users)
  • Broker focus groups testing prototypes with real users
  • Analytics deep-dive analyzing heatmaps and click patterns
Key Insights:

Users spent 5-7 minutes on tasks that should take <1 minute. 80% of users only used 3 of 15+ available filters. No bulk operations meant repetitive tasks took 50-70 minutes. Order completion flows lacked clear guidance, causing frequent errors

Step 2

Ideation & Design Decisions

  • Studied successful patterns (Notion's inline editing, Airtable's bulk actions)
  • Sketched multiple information architecture approaches
  • Prioritized high-impact workflows based on user data
  • Collaborated with developers to validate technical feasibility early
Step 3

Prototyping

  • Created low-fidelity wireframes for stakeholder alignment
  • Built high-fidelity prototypes in Figma
  • Designed comprehensive flows for all user roles (Brokers, Admins, CSRs)
  • Established Material UI-based design system for consistency
Step 4

Testing & Validation

  • Limited rollout testing: 10 beta users before full release
  • PM-facilitated sessions with real brokers testing prototypes
  • A/B testing for marketplace website features
  • Gathered quantitative data + qualitative feedback
Step 5

Iteration & Refinement

  • Average 5-6 iterations per major feature
  • Continuous refinement based on production analytics
  • Incremental releases to minimize disruption
  • Regular stakeholder presentations to maintain alignment

Core Workflows Redesign

Through this iterative process, I redesigned three critical workflows that represented the majority of user activity:

Solution 01

Tickets Listing Management Redesign

The Problem

Brokers managed their primary inventory through a broken workflow: searching through 2000+ mixed results, navigating multiple pages, and editing listings one at a time.

My Solution

  • Redesigned information architecture: Event Overview → Manage Tickets → Flexible Editing
  • Introduced inline editing for quick updates
  • Added bulk actions for managing multiple listings simultaneously
  • Added bulk actions for managing multiple listings simultaneously

Inventory

Old Inventory UI
Redesigned Inventory UI
Before After

Manage Tickets

Old Manage Tickets UI
Redesigned Manage Tickets UI
Before After

Bulk actions and Inline editing

Bulk actions view 1
Bulk actions view 2

Old Flow

Click on image to zoom
Old user flow diagram

New Flow

Click on image to zoom
New user flow diagram

Redesigned UI Impact

85%
time reduction 5-7 min → 1 min per edit
70%
fewer clicks 7-10 → 2-3 clicks
93%
faster bulk operations 50-70 min → 5 min for 10 listings
75%
adoption rate for inline editing
Solution 02

Orders Overview & Inline Actions

The Problem

Finding orders required multiple searches through 20 filter fields. Users had to navigate to detail pages for every action, breaking their workflow.

My Solution

  • Created dual-view system: All Orders (chronological) + Event View (grouped by event)
  • Added Actions column with role-based buttons (Submit, Approve, Complete)
  • Enabled actions via modal workflows without leaving the table

Orders Overview / All Orders

Old Orders Overview
Redesigned All Orders
Before After

Orders Overview / Orders by Events

Old Orders by Events
Redesigned Orders by Events
Before After

Modals for Complete Order Flow

Modal step 1
Modal step 2
Modal step 3

Old Flow

Click on image to zoom
Old order flow diagram

New Flow

Click on image to zoom
New order flow diagram

Redesigned UI Impact

85%
time reduction 5-7 min → 1 min to find orders
65%
user preference for Event View grouping
Streamlined
workflow Complete actions without page navigation
Solution 03

Order Completion Flow Redesign

The Problem

Completion process was confusing, lacked reject workflow, and prevented admins from editing submissions. Order details page had no visual hierarchy, making it hard to understand status and requirements.

My Solution

  • Redesigned page with clear visual hierarchy: organized tabs, sections, and action buttons
  • Created comprehensive completion flows for all shipping types (Mobile, ETicket, Collection, etc.)
  • Added online/offline submission options
  • Implemented reject flow with editing capabilities for admins
  • Added modal confirmations to prevent errors
  • Integrated automated macros for buyer communications

Order Details Page. Billing & Payments

*Due to the presence of sensitive information and real user data, I'm unable to display the "before" version of this flow in my portfolio

Order Details Page - Billing and Payments

Order Complete flow. Shipping Type Mobile (most popular user case)

*Due to the presence of sensitive information and real user data, I'm unable to display the "before" version of this flow in my portfolio

Broker View before Submission

Broker View before Submission

Admin View before Completion

Admin View before Completion

Redesigned UI Impact

60%
time reduction 5-7 min → 2-3 min to complete orders
45%
fewer support tickets about completion issues
New capabilities
reject workflow, admin editing, offline submissions

Design System

Built scalable design foundation using Material UI adapted with custom components:

Inline-editable tables Column manager Bulk action patterns Dark mode (30% user adoption) Role-based UI components Expandable table rows

Overall Impact

Quantitative Results

6/10 → 8.5/10
User satisfaction (42% improvement)
35-40%
reduction in support requests
80%
time savings across core workflows
20%
dark mode adoption within first month

Qualitative Results

Brokers reported managing inventory "without thinking" due to intuitive flows
Admins appreciated ability to fix minor issues independently
Significantly fewer complaints about backoffice usability
Modern interface improved company's professional image

Key Challenges Overcome

01

Legacy Backend Limitations

Negotiated with developers to find creative workarounds within technical constraints. Attended all grooming sessions to understand feasibility early.

02

Complex Approval Process

Built trust through incremental wins. Each successful release (5-6 iterations per feature) made stakeholder buy-in easier.

03

Poor Documentation

I create navigation, flows, and structure to ensure clarity, usability, and scalability across the product.

04

Solo Designer Ownership

Managed entire design process from research to handoff, collaborated across PM, dev, and BA teams, and defended decisions to stakeholders.

Why This Project Matters

This wasn't just a visual refresh—it was a fundamental rethinking of how users interact with complex data workflows. By combining user research, strategic thinking, and pragmatic problem-solving, I transformed a frustrating legacy system into an efficient platform that saved users hours every week.

Core competencies demonstrated

Strategic UX thinking for complex B2B workflows
Data-driven design decisions backed by analytics and user testing
Design systems creation and scalability
Stakeholder management and design advocacy
Cross-functional collaboration in agile environment
Solo ownership of end-to-end design process