Want to know more? Let’s have a chat!
taliaren0826@gmail.com
© 2026 Talia R
What's the story behind the solution?
Integrating Tools Into The Workflow
Integrate Order Tools into the order management workflow to streamline task handling, reduce context switching, and enhance scalability for future tools
SOLUTION
Redesigning Filters To Support Integration
Restructure the filtering area to accommodate integrated Order Tools, and maintain a clean and intuitive hierarchy
Streamlining merchant order processing workflows through integrated tools
Timeline:
6 Weeks
Jun-Aug 2025
Team:
2 Product managers
3 Developers
Role:
UX Audit
Wireframing
Prototyping
A/B Testing
Tools:
Figma
Lark
OUTCOME
Redesigned Order Management: Improved information hierarchy and screen efficiency to enhance usability
Integrated Order Tools into Order Management: Unified features into a single entry point, improving discoverability and tool scalability
CONTEXT
This summer of 2025, I joined ByteDance as a Product Design Intern in the Transaction & Fulfillment team, focusing on the merchant-facing side of Douyin E-commerce (China’s version of TikTok Shop)
IMPACT
5%
CPO (Calls per Order)
27%
Tool adoption
12%
Screen efficiency
Tools For Shipping Exceptions
E-commerce merchants often need to handle unexpected cases, like customers requesting address changes, or delivery negotiations. So the Order Tools was designed to help merchants handle those shipping exceptions
BACKGROUND
Address Change
Priority Shipping
Delayed Shipping
Order Tools
Out of Context, Out of Use
The user flow between Order Management and Order Tools was disconnected, causing merchants to leave the main context to handle exceptions, resulting in low engagement with the tools
PROBLEM
Order Management
Order Tool
The Unexpected Finding
FINDING GAP
The Order Tools page has really low UV (Unique Visitors), maybe merchants just don’t notice it. Can we add a prompt banner to make the entry more visible?
Product Manager
Wait a minute. Is low visibility really the problem, or is something else keeping merchants from using it?
Product Designer (Talia)
Workflow Mapping
REFRAME PROBLEM
Workflow Mapping
REFRAME PROBLEM
Order Management
Complete Task
(e.g. Approve, Reject)
Want to manage all the orders
Notice pending actions
View exceptions
Mental Model
Action-oriented
Merchants, however, don’t think in features. They think in actions, what needs attention, and what they should they next
Order Management
Order Tools
Complete Task
(e.g. Approve, Reject)
Want to handle exceptions
Find exceptions
System Flow
Feature-oriented
The system grouped features into separate zones, treating Order Management and Order Tools as two independent modules
How might we make handling exception tasks a seamless part of merchants’ order management workflow?
Product Designer (Talia)
So the challenge is...
How To Make Room For What’s New?
DESIGN DECISION 1
BEFORE
Integrating the Order Tools module will further squeeze the available space, pushing the order list below the first screen and making product information no longer visible at a glance
Not enough space!
Goal:
Improve Screen Efficiency
Order Tools
AFTER
The redesigned layout frees enough vertical space so that, even after integrating the Order Tools, two rows of product information remain visible on the first screen, resulting in a 12% improvement in screen efficiency
How we solved it
What we failed to see
Optimized metrics selection
Merged the time-range selector
4 filters per row
2 rows collapsed view
Consolidated product-level and consumer-level filters
The time-range switch is not directly exposed, which lead to more CPO inquiries
An onboarding tour to show merchants the update
How To Bring Order Tools Into The Workflow?
DESIGN DECISION 2
BEFORE
Order Tools lived on a separate page, forcing users to leave the Order Management workflow. This added cognitive overhead and reduced both discoverability and efficiency
Goal:
Integrate tools Into workflow
Version 1 - A button that opens Order Tools with a side-over panel
Version 1 improved access and order management context, but did not change the underlying workflow model
Why we didn’t move forward with them?
Version 2 - An overview showing all pending order actions
The overview lost relevance in empty states and didn’t scale well as more tools were added
AFTER
Final Version
Value-led cues that turns information to actions
Balanced clarity, scalability, and edge cases
Higher engineering and design system investment
Value-led cues
TAKEAWAYS
What I’ve Learned
Rather than taking metrics at face value, I learned to question the assumptions they were based on
Working closely with product managers and engineers helped me understand how user needs, technical constraints, and business considerations come together in real decisions
Long-term scalability and maintainability is increasingly important as products and workflows continue to expand
