Live websiteWebsite
SBB Logistics
A marketing site for a road-haulage dispatch platform. Freight is linear, origin to destination, so scrolling the page is the journey.
- Status
- Live website
- Sector
- European road haulage and dispatch
- Built with
- Next.js 16, Tailwind CSS v4, Motion, Lenis
- Scope
- Website design, Motion, Rate calculator, Front-end build
The project
SBB is a dispatch platform for European road haulage that puts every trailer, its load and its price on one board. The website explains the product the way a dispatcher thinks about the day: where the trucks are, what they carry, and what the next lane costs.
A waybill rail runs down the page and fills as you scroll, with checkpoints stamping as each section passes. The pricing section is the quiet one on purpose, because it is a working tool.
What we designed and built
- 01
Scrolling is the trip
A fixed rail fills with progress and an odometer counts the kilometres. Checkpoints are measured from the real section positions, so the marker always tells the truth. On phones it becomes a thin progress bar.
- 02
A working rate calculator
Pick a lane, load type, equipment and weight, and every line of the quote updates as you type, including the fuel surcharge a customer always asks about.
- 03
The board, previewed
A fleet overview shows units in transit, utilisation and live loads in the same visual language as the site, so the product and its marketing feel like one thing.
- 04
Lanes that move
Scheduled corridors from Rotterdam to Munich, Antwerp to Barcelona and more travel sideways as you scroll, each with distance, transit time and an indicative price.
Screens
