Logistics

Logistics is a five-page website for a domestic freight and parcel carrier, built around the single fact that causes almost every shipping dispute: you are billed on chargeable weight, not on what the scales say. Two working mechanisms carry it: a rate calculator that computes volumetric weight against actual weight and tells you which one won, and a coverage search over a thirty-city table.
Pages included

Home — hero leading with the weight promise, three services each with a published per-kilo rate, an orange band that works a real example (a 4 kg box of cushions billed at 16 kg), four counted figures, a five-stage shipment lifecycle explaining what each tracking status actually means, a "who should use somebody else" list, and three customer quotes including a complaint about a four-day delay.
Services — three alternating service blocks, each with a rate sidebar and a "what customers find out too late" box; six priced add-ons; a dark table of packing limits and liability; and a four-step claims process with the day count on each stage.
Rates — the calculator: origin, destination, actual weight, three box dimensions and a service produce chargeable weight, per-kilo rate, transit in working days and a total, with a warning that appears only when the volumetric figure wins. Rounding up part kilos is explicit. Then the five-zone rate table (whose band charges are the calculator's multipliers, so the two cannot disagree), a worked comparison of two same-weight boxes, and six rate questions.
Coverage — thirty destinations with zone, departure frequency, express transit and whether delivery is to a door or depot-only, filtered by a live search with a proper empty state; the five zones; three sorting hubs; and an honest two-column list of where the network is strong and where it is not.
Get a Quote — an enquiry form that asks for box dimensions and who currently ships for you, three volume tiers with real thresholds, a four-step account-opening sequence, office details, and five questions.

Design and style. Strong blue and orange on a cool grey, Plus Jakarta Sans over Inter, rounded cards, a sticky solid header above a dark operations strip. The shared script carries the menu, the calculator, the coverage search, accordions, count-ups and a date guard — all vanilla and null-guarded, since it runs on every page.
Before you publish. The rates exist in two places that must agree: the data-base and data-band attributes on the calculator's service options, and the zone table beneath it, whose columns are those figures multiplied by the number of zone boundaries crossed. Change one and re-derive the other. The volumetric divisor of 6000 is written into the script, the footer, the home page example and the FAQ — if your business uses 5000, all four change. Departure frequencies and the door/depot column are operational promises that date; review them the way you would review a timetable. Forms use named inputs with no action attribute, so PageHub attaches the handler on publish and enquiries arrive in Form Submissions with the route, service and calculated rate attached.
Best suited to freight forwarders and courier companies, moving and removals firms, warehousing and fulfilment providers, customs brokers, and any distribution business whose customers keep being surprised by an invoice.