Ecommerce / Order tracking
How to Design Order Tracking for an Ecommerce Website
Order tracking should explain what has happened, what happens next, and what the customer can do when the plan changes. A carrier link alone rarely covers the whole post-purchase journey.
Map the order states customers actually experience
List the states produced by payment, order management, warehouse, supplier, collection point, and carrier systems. Translate internal codes into customer language such as order received, payment needs attention, preparing, partially shipped, ready for collection, in transit, delivered, cancelled, or refunded.
For each state, explain what it means, the expected next update, whether the customer needs to act, and where the data comes from. Do not show an exact delivery promise unless operations and carrier data can support it. Distinguish dispatch estimates from carrier estimates.
Give guests and account holders safe access
Include tracking from the order confirmation page and transactional messages. Signed-in customers can see order history in their account, while guests need a secure lookup route or time-limited link. Avoid exposing names, addresses, products, or order value through predictable URLs.
Design mobile-first details for items, quantities, split shipments, collection instructions, delivery address, payment status, totals, and relevant actions. Keep promotional content secondary to essential order information. The order confirmation guide covers the handoff immediately after purchase.
Design for delays and other exceptions
Cover failed payments, stock problems, address issues, missed delivery, partial fulfilment, delayed carrier scans, lost parcels, collection expiry, cancellations, returns, and refunds. Explain what is known, who owns the next action, and when the customer should expect another update.
Offer contextual support rather than a generic contact link. Pass the order reference and issue type to the support route without exposing sensitive data. Do not invite an action the operating team cannot fulfil, such as changing an address after the warehouse cutoff.
Connect tracking promises to operations
Define the source of truth, update frequency, webhook or polling behaviour, status mapping, notification rules, failure monitoring, and manual correction process. Test multiple carriers, split shipments, click and collect, international orders, cancellations, returns, and refunds with realistic data.
Assign owners for status copy, carrier integrations, customer notifications, privacy, and support escalation. Measure tracking-page use, failed lookups, stale statuses, support contacts by order state, and notification delivery. Improving the underlying status data is often more valuable than adding animation to the tracking page.
Keep customers informed after checkout
Planning an ecommerce journey beyond the purchase button?
Northform can connect storefront design, order states, account experiences, notifications, and operational integrations.
Discuss your ecommerce website Explore ecommerce website design →