Skip to main content
UI Coach Logo
Advanced

Compare Freight Delivery Quotes

Design a quote comparison workspace for a small business shipping a pallet across several carrier services.

Desktop web4 hours plus

The brief

Understand the problem

Background

The lowest freight quote is not always the best choice. Transit time, accessorial fees, insurance, pickup requirements, and carrier reliability can change the actual cost and risk.

User context

Marta runs a furniture workshop and needs to send a pallet to a retailer 900 kilometres away. The destination has no loading dock, and delivery must arrive within a three-day window.

Product problem

Quotes use different assumptions and service terms, making direct comparison difficult. Missing shipment details can also produce costly adjustments after booking.

Objective

Create a freight quote and booking workflow that makes total cost, service differences, and shipment assumptions easy to compare.

What to design

Define the experience

Required experience

  • Shipment specification with packaging and access details
  • Normalized carrier quote comparison
  • Booking review with declared value and documents
  • Post-booking shipment status

Screens and states

  • Shipment form
  • Quote comparison
  • Quote detail
  • Booking review
  • Tracking detail

Core user flow

Follow the critical path

  1. 01

    Marta enters origin, destination, pallet dimensions, and access conditions

  2. 02

    She receives quotes and compares total expected cost and delivery windows

  3. 03

    She inspects exclusions and carrier performance for one option

  4. 04

    She adds declared value and confirms pickup details

  5. 05

    She monitors a delay that threatens the required arrival window

Product rules

Requirements and constraints

Requirements

  • Normalize price components without hiding carrier-specific terms
  • Flag assumptions likely to cause adjustment fees
  • Show transit estimates separately from guaranteed service
  • Include insurance or liability coverage context
  • Support quote expiry and refresh
  • Provide shipment documents after booking

Constraints

  • Carrier quotes expire quickly
  • Rates depend on accurate dimensions and freight classification
  • Some fees are only known after pickup or delivery
  • The user may compare more than twenty quotes

Reality check

States worth considering

The selected quote expires during booking
A carrier cannot serve a location without a loading dock
Measured weight differs from the declared weight
Pickup is missed
Tracking data stops updating during transit

Finish line

What to deliver

  • Design five desktop screens with a dense comparison table, booking review, and delayed shipment state.

Optional direction

Visual resources

Use these as a starting constraint if you want one. They are not part of the required solution.

Font pairing
Josefin SansPlayfair

Josefin Sans & Playfair

Clear interface writing gives people the confidence to understand what changed and decide what to do next.

Icons
Illustrations

Keep practicing

Advanced
Logistics

Last-Mile Delivery Exception Dashboard

Design a dispatcher dashboard that prioritizes failed deliveries, route disruption, customer promises, and accountable recovery.

Desktop web4 hours plus
Dashboard DesignInformation Architecture
Advanced
Logistics

Restaurant Surplus Donation Handoff

Design an operations flow that helps restaurants offer safe surplus food to verified community organizations before it expires.

Tablet4 hours plus
Service DesignInformation Architecture
Advanced
Logistics

Cold-Chain Shipment Monitoring

Design a monitoring workspace that distinguishes temperature excursions, sensor uncertainty, product exposure, and required response.

Desktop web4 hours plus
Data VisualizationDashboard Design
Advanced
Food and dining

Restaurant Inventory Exception Dashboard

Design an operations dashboard that helps a restaurant manager respond to low stock, supplier changes, and menu impact before service.

Desktop web4 hours plus
Dashboard DesignInformation Architecture
Advanced
Analytics

Cloud Cost Anomaly Investigation

Design an investigation workspace that connects an unexpected cloud spend increase with services, owners, and reversible actions.

Desktop web4 hours plus
Data VisualizationDashboard Design
Advanced
Collaboration

Collaborative Lecture Notes

Design a shared note space where a class can combine observations, discuss uncertain points, and preserve a trustworthy study record.

Desktop web4 hours plus
Product ThinkingInformation Architecture