ByteDance

Helping merchants handle exception orders without leaving their primary order-processing workflow

Summer 2025

1 Product Managers
3 Developers

Product Design
Problem Framing
UX Research

Figma

Context

This project was completed during my internship at ByteDance, within the Douyin E-commerce team (TikTok Shop China), focusing on the merchant-facing platform: Doudian

Impact
+ 27% Adoption for Order Tools
+ 12% Screen efficiency
- 5% CPO (Calls per Order)
Design Snapshot

I integrated Order Tools into Order Management, enabling merchants to handle exception orders without leaving their primary workflow. To accommodate the integration, I also restructured the filtering area to improve screen efficiency and optimize the use of vertical space

Background

Where merchants get their work done

Douyin E-commerce merchants process thousands of orders every day in Order Management. But when exceptions arise, such as address changes or shipping negotiations, they rely on a separate module, Order Tools, to handle these cases

Problem

Out of context, out of use

Order Tools lived outside merchants' primary workflow, forcing them to constantly switch context whenever they needed to take action. Instead of supporting high-frequency operational tasks, the fragmented experience interrupted merchants' workflow and made critical tools difficult to discover and use, ultimately resulting in low adoption of Order Tools

Problem
Research

A system–merchant mismatch

Feature-driven

System Flow

The system is structured around features and modules. Order Management and Order Tools are treated as two separate destinations, each with its own entry point

System Flow

Action-driven

Merchant Logic

Merchants, however, don't think in features. They focus on what needs attention right now and what action to take next

Merchant Logic
Solution

How did I integrate order tools into the workflow?

Before Before
After After
Value-led cues that turns information to actions
Designed for scale and edge cases
Higher engineering and design system investment

How did I make room for integration?

Before Before
After After
Iteration

Why didn't we move forward with them?

V1: A button that opens Order Tools with a side panel

Improved access and order management context, but did not change how users decide when and why to take action

V2: An overview showing all pending actions

Data points aggregation caused information overload, making it harder to guide action as the system scaled

Takeaways

What I've learned

  • Products constantly evolve through the addition, removal, and adjustment of features, and being able to anticipate and accommodate this change is central to building scalable products
  • In a mature ecosystem, users rely on muscle memory. Design interventions should focus on seamless integration rather than radical change
Badge