Kirana Logistics Website

Logistics website with shipment tracking, a shipping-rate calculator, and an ID/EN language toggle for the menu and opening section.

Open Live Preview

Industry

Logistics, Freight Forwarding & Supply Chain

Timeline

2 weeks

Package Used

A website with clear structure and navigation, for a small business going online for the first time

This is a demo website I built on my own as a sample, not paid client work. The business name is illustrative. The live preview above is the real build.

About This Website

Logistics website with shipment tracking, a shipping-rate calculator, and an ID/EN language toggle for the menu and opening section.

Notes Behind This Demo

Kirana Logistics does not exist. I designed it as a shipping company for business customers, and the person I pictured works in purchasing or in a warehouse and ships goods between cities on a regular basis. They open the page to check where a shipment is or to estimate a rate before asking for a quote.

Three design decisions

I put the tracking field right in the opening section, with three clickable sample tracking numbers. In my view checking a shipment is the most common reason people open a courier's site, and demo visitors can try the sample numbers straight away.
Tracking results appear as a timeline. Completed checkpoints are green with their location and time, while upcoming ones are gray and marked as estimates, so people see at once where the goods are and what comes next.
The rate calculator asks for origin, destination, weight, and service type, then shows the cost and the estimated delivery days side by side. The formula runs in the browser using zone-based rates, which is enough for a first estimate before a customer asks for an official price.

Those three tracking numbers are fictional and live in the page code. Tracking that reads real shipment data needs a database, and usually an admin panel for the operations team, so it falls under Enterprise, from Rp 15.000.000. Service pages and a city coverage list like the ones here are covered by Starter.