Case study · New website · Logistics · Web

Xanthos.

A new website for a parcel delivery and tracking company — built around the question most visitors bring: where is my parcel?

local_shippingClient
Parcel delivery & tracking
personRole
UX/UI designer
webType
New website, from scratch
languagePlatform
Website, desktop
Xanthos homepage: Welcome to Xanthos, Track & Trace
Tracking result: parcel number, place of shipment, expected delivery
Frequently asked questions
01The briefRECEIVED

A website people use in a hurry.

Xanthos delivers parcels for people and businesses. People usually come to a delivery company's website with a tracking number and a bit of worry; some come to compare services or find a contact. The new website had to answer the first need in seconds, and still explain the company well.

search

Track a parcel

Find the tracking field at once and understand the answer.

storefront

Choose a service

Home delivery, business delivery and delivery support, side by side.

forum

Get help

Answers to common questions, contacts and support hours.

02Goal & challengesSORTED
Answer "where is my parcel?" in seconds — then make an unfamiliar brand easy to trust.
1One main taskTracking visible and usable from the first screen.
2Statuses that make senseSummary cards first, the day-by-day steps below.
3Several servicesThree photo cards with the same structure.
4Trust on a first visitPhotos of people, short reviews and key facts in big numbers.
5Help without searchingFAQ next to tracking; contacts on one page and in every footer.
03SitemapIN TRANSIT

Tracking first, everything else one click away.

Three links in the header, with Parcel Tracking first. Every page ends with the same footer: the tagline, the main links, e-mail, phone and the privacy policy.

Header — on every page
Xanthos
Parcel TrackingServicesAbout Us

deployed_codeHome

  • Track & Trace
  • Four promises

location_onParcel tracking

  • Search
  • FAQ
  • Result: summary
  • Steps by day
  • Print

local_shippingServices

  • Why us
  • Three services
  • Three features
  • Reviews
  • Four promises

apartmentAbout us

  • Story
  • Key numbers
  • Mission & vision
  • Services
  • FAQ

mailContact us

  • E-mail, phone, hours
  • Contact form

descriptionPrivacy policy

  • Long-read text
Footer — on every page
Faster and more convenientlyTrack parcels · About us · Services · Contacts · e-mail · phone · Privacy Policy
04Key design decisionsOUT FOR DELIVERY

What I designed, and why.

Four decisions behind the website — each shown with a real piece of the design.

01

Tracking in the hero

The homepage opens with "Track & Trace" and a single field: "Where is my parcel?". The same search sits on top of the tracking page, and Parcel Tracking is the first link in the header.

WhyMost visitors have one job. Putting it first saves a click — and a moment of worry.

Welcome to Xanthos — Track & Trace — Where is my parcel?
Tracking pageParcel Tracking — Track & Trace search
02

The answer first, the details second

The tracking result starts with three summary cards: the parcel number, the place and time of shipment, and the expected delivery. Below, every step is grouped by day with place, time and quantity — and the page can be printed.

WhyA raw list of scans is hard to read. The summary answers "when will it arrive?" before anyone has to scroll.

Summary
Parcel number, place of shipment, expected delivery
Steps by day
Steps of one day with place, time and quantity
03

Answers next to the question

The tracking page has a short FAQ right under the search — how to track, what if the parcel is late, how to change the address, is my data safe — and a button to the privacy policy.

Why"What if it's late?" is the next question after tracking. Answering it on the same page can save a call to support.

Frequently asked questions as an accordion
04

Trust in numbers and in words

About us shows the key facts as big, scannable numbers between photos, then the mission and the vision in one line each. Services adds short customer reviews with stars, a title and a first name.

WhySocial proof matters most for a brand people meet for the first time — through a tracking number.

Key numbers on the About us page Our Mission, Our Vision
Customers talk about Xanthos
05The pagesDELIVERED

Six pages, one system.

Hover a page to scroll through it, click to open it full size.

Homepage
HomeTrack & Trace and four promises
Parcel tracking with FAQ
Parcel trackingSearch and the FAQ
Tracking result
Tracking resultSummary, steps by day, print
Services
ServicesServices, features, reviews
About us
About usStory, numbers, mission, FAQ
Contact us
Contact usThree cards and a form
✓Visual designSIGNED FOR

Deep navy, bright blue.

Navy gives the brand weight and reliability. Bright blue marks every action and everything about tracking, so the eye always finds it. Light greys keep long pages calm; amber is kept for the stars in reviews.

Navy#041643Header, footer, titles
Blue#0080FFActions and tracking
Slate#5D6A8APromise bar over the photo
Mist#F2F2F2Cards and fields
Paper#FAFAFASection backgrounds
Amber#FFB325Review stars
Aa
Poppins — "Where is my parcel?"

Typography

Poppins — round and friendly, but firm in bold titles. One family for headings, text, labels and numbers.

RegularMediumSemiBoldBold
Xanthos logo on light and on navy
Next case study

Vireo Logistics.

→