UI Work

Case study · ups.com

UPS Global Advisor

A guided international shipping workflow that helps customers move from an everyday product description to classification, compliance review, and an estimate of duties and taxes, without asking them to already understand customs terminology.

Role
UI/UX Designer
Surface
ups.com · Web
Domain
International shipping · Customs
Note
My first ups.com project
UPS Global Advisor Product Information screen, showing product and country fields plus an AI-recommended HS code with a confidence explanation open
01The problem

Customs asks questions most shippers can't answer on their own.

International shipping introduces information a customer may not already have: an HS classification, destination-specific requirements, compliance status, and an estimate of duties and taxes. Most shippers know what they're sending. Almost none of them know how customs will classify it, or what it will cost to get there. Global Advisor exists to close that gap before a package leaves the country, without requiring the customer to become a customs expert first.

How might we turn a complicated customs and tariff process into a guided workflow that helps customers make informed shipping decisions?

02Who it's for

Three shippers, three starting points.

I didn't build demographic personas for this. The product itself implies three behavioral types, based on how much customs knowledge a shipper is walking in with, and how much control they want over the result.

Occasional international shipper

"I know what I'm shipping. I don't know how customs classifies it."

  • Guidance on what information is required
  • A plain-language explanation of what an HS code is
  • To know if the product can even be shipped, and what it might cost
Small business shipper

"I've already classified this product once. I shouldn't have to start over."

  • Reusable product information across shipments
  • Country-specific classifications without re-entering data
  • Compliance visibility as they add new markets
Experienced international shipper

"I know the code. Let me use it."

  • Speed, and a way to skip guided steps
  • The ability to provide or edit an HS code manually
  • Access to compliance details without extra hand-holding
03The end-to-end flow

From a product description to a shipping decision.

Every story in this case study is a piece of this path. A customer starts with plain language, "35ml Water Bottle made of plastic for drinking", and the workflow carries that description through refinement, classification, compliance, and cost, ending in a decision they can act on.

01
Product and country information form
Product + country info
02
Refine Product Description with suggested options
Description refinement
03
AI-recommended HS code with confidence explanation
HS classification + confidence
04
Compliance warning detail
Compliance review
05
Action Summary with saved product confirmation
Action Summary
06
Estimated duties and taxes cost breakdown
Estimate duties & taxes
07
Ship / Save / Add another
Shipping decision
04Design principles

What guided the interface decisions.

01
Guide, don't overwhelm
Break customs decisions into manageable steps, Product Description, Validation & Compliance, Action Summary, instead of one long form.
02
Explain unfamiliar terms in context
Help customers understand HS codes, confidence, and compliance without leaving the task to go look it up.
03
Make uncertainty visible
Communicate that AI classifications are recommendations that require review, not settled facts.
04
Prevent errors early
Surface invalid countries, incomplete classifications, and missing information before customers move further into the workflow.
05
Support beginners without slowing down experts
Offer assisted classification by default, but keep manual entry and editing available at every step.
05Start with what users know
Product Information form asking what the product is, where it was manufactured, where it ships from, and where it's going
Product Information · initial step

I kept the first step intentionally small.

Instead of asking for specialized customs information right away, the workflow opens with four questions almost any shipper can answer without thinking twice.

1
What product are you shipping? Plain language, no classification required yet.
2
Where was it manufactured? A fact the shipper already knows.
3
Where is it shipped from? Origin point of the shipment itself.
4
Where is it going? The destination that determines everything downstream, classification, compliance, cost.
Edge case · invalid country selection

A shipment can't go from a country to itself. I added a check on the ship-from and destination fields so this kind of mismatch is caught while the customer is still on the first screen, not several steps later after they've entered product details, an HS code, and unit information.

Invalid Country Selection error, import country cannot be the same as the ship from country
Invalid Country Selection
06Refine the description

The system suggests. The customer decides.

A description like "Soap" is too broad to classify accurately. Refine Product Description narrows it with a short list of likely matches, but every option is reversible. If none of the suggestions fit, the customer isn't stuck.

System suggestion
AcceptSelect a suggested match
Reject"This question isn't relevant"
Override"I'd like to enter my own answer"
Refine Product Description showing suggested options, None of these selected, and a dropdown with custom-answer options
Refine Product Description · none-of-these path

AI should behave as an assistant rather than an authority.

07Designing trust into AI classification
Recommended Import HS Code with a confidence explanation tooltip open, and compliance warnings below
Recommended Import HS Code · confidence explanation

Confidence isn't the same as certainty.

The challenge here wasn't only generating an answer. It was communicating how much the customer should trust that answer. A customs classification has real operational consequences, so I didn't want confidence to read as a guarantee.

1
Recommendation. The AI proposes a description and an HS code together, not just a code on its own.
2
Confidence. A visible signal next to the code, not buried in a report.
3
Explanation. A "what does confidence mean" tooltip, available in context, so the customer doesn't have to leave the task.
4
Confirmation. Nothing is applied automatically. The customer reviews and confirms.
High
Best estimated HTS code with a strong match and few alternatives.
Medium
Likely HTS code with partial matches and possible alternatives.
Low
Possible HTS code with limited clarity and multiple alternatives.

Reconstructed here for the case study from the confidence tooltip's copy: "Always review before use. AI suggestions are estimates, not legal determinations."

08Compliance

I separated the status from the detail.

A compliance status like "Needs Review" answers one question, "do I need to pay attention to something?" It doesn't try to also answer "what exactly do I need to know?" That's a second question, and it belongs behind a click, not inline in a table row.

Needs Review
View Warnings
Specific requirement
Compliance Warning detail, Germany Customs prohibits this item unless imported into a free trade zone for re-export
Compliance Warning · destination-specific detail

The same pattern works in reverse. In the product catalog, several countries for the same product show No Warnings Found instead of a blank cell, so the absence of a problem is stated, not implied.

09Reusable product knowledge
Product detail page showing one product with five import countries, each with its own HS code and compliance status
Product detail · Import Country / HS Code table

Classification doesn't disappear after one calculation.

Once a product is saved to the catalog, it becomes a record a shipper can build on, not a form they fill out again next time. The same product, saved once, carries a separate HS code and compliance status for every import country added to it, Australia, France, Germany, Canada, Morocco, each tracked on its own row.

One-off task
Describe product
Classify
Calculate
Repeat next time
vs
Product knowledge
Create product once
Store classification
Add markets
Review compliance
Reuse
10Estimating duties & taxes

Ask for exactly what the estimate needs.

The Estimate Duties & Taxes step already has the product's HS code and origin from earlier steps, shown up top for reference, so the drawer only asks for what a duty calculation actually depends on: where the shipment ships from, the unit of measure, the transportation cost, the unit value, and the quantity.

1
Where is this commodity being shipped from?
2
What is the unit of measure?
3
What is the associated transportation cost?
4
Value of a single unit, as packaged, and how many units.
Estimate Duties and Taxes drawer with product details at top and fields for ship-from country, unit of measure, transportation cost, unit value, and quantity
Estimate Duties & Taxes · input drawer
11Make the number explainable
Cost Breakdown showing duty rate, duties, primary duty percentage, Chapter 99 duties with a tooltip, taxes, other government fees, and an estimated total
Cost Breakdown · Estimated Duty & Taxes to Germany

I wanted the total to be inspectable, not just presented.

A single dollar figure is easy to distrust if there's nothing behind it. The Cost Breakdown shows the duty rate, then breaks the total into its parts, so a shipper can see where the number comes from instead of taking it on faith. Even a single Chapter 99 line item carries its own tooltip, with the specific tariff code, the rate, and the effective-date language behind it.

Estimated Duty & Taxes to Germany
1,102.86 CAD
Duty Rate32.40%
Duties194.82 CAD
Primary Duty Percentage82.00 CAD
Chapter 99 Duties88.40 CAD
Taxes0.00 CAD
Other Government Fees912.00 CAD

These figures are copied directly from the screen in the source file, they're point-in-time example numbers for one sample shipment, not a claim about typical costs. The interface also discloses its own limits: "Brokerage and other Partner Agency Fees, FTA, and IOSS Excluded."

12Designing beyond the happy path

A system, not a handful of polished screens.

Most of the actual design work in a workflow like this is in the states nobody wants to look at twice: what happens when a code isn't specific enough, when a required field is missing, when two products would collide in the catalog. Here are a few of those states as they exist in the source file.

Invalid country selection error
Invalid country pair
Ship-from and destination can't match.
Missing import country validation error
Missing selection
Can't proceed without an import country.
Insufficient HS code error for duty estimate
Insufficient HS code
A duty estimate needs a fully harmonized, 10-digit code.
Missing product identifier error
Missing product ID
At least one identifier is required to proceed.
Duplicate product warning
Duplicate product
A Product ID can't repeat across commodities.
Auto-generated HS code with manual override
Manual override
An auto-generated HS code stays editable by hand.
13User stories

In their words.

As an international shipper, I want to describe my product in familiar language so that I can begin without already knowing its customs classification.
As a shipper who doesn't know my HS code, I want help finding an appropriate classification so that I don't have to research tariff schedules myself.
As a shipper, I want to understand the confidence behind an AI recommendation so that I know when I may need additional review.
As an experienced shipper, I want to provide or edit an HS code myself so that I can use information I already know.
As a shipper, I want to see destination-specific compliance issues before shipping so that I can address possible customs problems early.
As a shipper, I want to estimate duties and taxes before completing a shipment so that I can better understand expected costs.
As a repeat shipper, I want to save product and country classifications so that I don't repeat the same work each time.
As a shipper, I want clear guidance when information is invalid, incomplete, or insufficient so that I know how to recover.
14How the project came together

Not a template process.

01
Understand the customs journey
Mapped the information customers need to move from an everyday product description toward a shipment-ready classification.
02
Structure the decision flow
Organized the experience around Product Description, Validation & Compliance, and Action Summary.
03
Design assisted classification
Worked through recommendation, refinement, confidence, manual input, and validation patterns.
04
Connect guidance to action
Connected classification to compliance, saved products, country-specific HS codes, and duties-and-tax estimation.
05
Design the exceptions
Accounted for invalid selections, incomplete classifications, warnings, and other recovery states.
06
Refine within ups.com
Applied the interaction model within the existing ups.com experience and established design patterns.
15System map

How information moves through Global Advisor.

One artifact I keep coming back to during a project like this: where does each piece of information come from, and what does it feed into next. This is that map for Global Advisor.

PRODUCT INPUT Description Country of manufacture Ship-from / destination CLASSIFICATION Description refinement HS recommendation Manual HS entry Confidence COMPLIANCE Country requirements Warnings Review status PRODUCT CATALOG Saved product Country-specific classifications COST ESTIMATION Unit value + quantity Transportation cost Duty rate Taxes + gov. fees Adding a new import country loops back into classification and compliance Shipping decision
16What Global Advisor replaces

A conceptual before and after.

This isn't a literal redesign comparison, I don't have the prior ups.com customs experience to show side by side. It's a simple way to state what the workflow is actually solving: turning several separate unknowns into one connected path.

Before · conceptual
Has: a product description
Needs to independently understand: HS classification
Needs to independently understand: Compliance
Needs to independently understand: Tariffs
Needs to independently understand: Destination rules
Needs to independently understand: Cost
After · Global Advisor
Product → Classification
Classification → Compliance
Compliance → Cost
Cost → Shipping decision

The goal is complexity reduction, connecting what used to be separate unknowns, not a manufactured before-and-after of a real prior interface.

17Where this stands

A workflow, not a calculator.

I kept coming back to one idea while working on this: the value isn't the duty estimate by itself, it's everything that has to happen responsibly before that number can be trusted. A description that's specific enough to classify. A classification the customer understands and can review. A compliance check that surfaces real destination requirements. Only then does a cost estimate mean anything.

What I'm not claiming here. This case study is built from the attached Figma export, not from live analytics, so I'm not citing completion rates, error reductions, or support-ticket impact, I don't have that data. I also haven't described usability testing sessions or stakeholder workshops I can't verify I ran. Where the source file didn't show a state, like a conditional province or state field, I left it out rather than assume it exists.