FB Logistics

Transport and storage from Brussels Airport: a shipment's route through the warehouse drawn as you scroll, and a planner that picks the right service and branch.

FB Logistics is not my client and did not commission this website. I made the concept on my own initiative from the text and photos on their public website, so every fact on it is theirs.

FB Logistics moves, stores and handles goods from Brucargo, the cargo zone of Brussels Airport, with two more warehouses in Deerlijk and Courcelles. Founded by Patrick Boketi in 2005, it holds IATA CEIV Pharma for pharmaceutical freight. A client arrives with one question: can you take this today, in what vehicle, and who will call me back?

What I found

The site comes in Dutch, French and English. I went through the Dutch version on 14 November 2026, on a laptop and a phone:

The first screen is a slider: their lorries at the Brussels Airport sign and "Welcome To FB Logistics", in English. On a phone it is the logo, the menu and the slider, with no phone number.
The reassuring figures, more than 30,000 m² of storage, more than 150 vehicles, more than a hundred staff and 99.5% average delivery performance, sit on the "Aanbiedingen en diensten" page. The home page gives 3,400 m² of storage: 2,500 at Brucargo and 900 in Deerlijk.
At the foot of five Dutch pages, "Nog vragen?" sits above a button reading "NOUS CONTACTEZ", in French.
The quick quote form asks for name, email, subject, phone and message. Goods, timing and pick-up point are up to the client.
"Actualiteit" and "Bulletin" both open the same English pharma brochure, and "Jobs" opens a single driver vacancy as a PDF.

First screen of the current Dutch FB Logistics website: a header with the logo, the IATA and CEIV Pharma logos, phone and address, a dark menu bar and a slider of lorries in front of the Brussels Airport sign

Decisions

The airport in the first sentence

Their strongest fact is their address, so the headline reads "Transport en logistiek vanaf Brussels Airport, voor heel de Benelux", next to the 24/7 phone number, a quote button and IATA and CEIV Pharma spelled out in words. Their photograph opens from the left and three labels draw onto it: Brucargo, "Certified Pharma Transport" and more than 150 vehicles. Then it stays still. The concept is in Dutch, like the version I studied.

One shipment through the warehouse

Their warehouse text is spread over three pages. I put it in the order goods move: receiving, storage, added value, inter-dock, departure. As you scroll, a red line takes a pallet across a schematic floor plan from the inbound lorry to the outbound dock, lighting up each zone with its step. A caption says the plan is an illustration.

The Werkwijze section at step four: a schematic floor plan with a red line through receiving and storage, the pallet in the highlighted inter-dock zone and the step text on the right

Pharma as a drawing, not the same photograph twice

Pharmaceutical transport has its own certificate, so it gets its own dark section. Rather than repeat the hero photograph, I drew a bi-temp trailer: two temperature zones, a sensor in each and a line to temperature monitoring. It draws itself once, and the caption says it is an illustration, not one of their vehicles.

The dark pharma section: the list of pharmaceutical services and a line drawing of a tractor unit with a bi-temp trailer, two zones, sensors and the CEIV Pharma mark

A quote planner in four questions

The message form became a planner: what needs doing, what goods, how urgent and which vehicle, where to collect. On the right a transport docket fills in with the service, what FB Logistics uses for it and the branch, which the pick-up point chooses and a small map marks: West Flanders goes to Deerlijk, Hainaut to Courcelles. A status line shows when it is ready to send. One click carries it into the form, which opens an email to info@fblogistics.be.

The quote planner with a worked example: transport and storage of pharmaceutical goods within 24 hours, a tractor and trailer, collection in West Flanders, temperature-controlled transport as the service and the Deerlijk branch

On a phone

The floor plan stays at the top of the screen while the steps change underneath. The docket follows the questions, and the phone number is on the first screen.

Three phone screens of the new site: the first screen with headline and phone number, the inter-dock step with the floor plan, and the transport docket with its service

First screen side by side: the current FB Logistics website on the left, the concept on the right

How it's built

Static HTML, CSS and JavaScript, no framework. GSAP and ScrollTrigger drive the route and the trailer drawing through stroke-dashoffset; without GSAP, the steps switch through IntersectionObserver. The planner has no server: the request leaves through mailto only when the client sends it. The prototype is noindex (meta tag, robots.txt and response header), and the JSON-LD holds only what is on their site: three branches and the FAQ. Without JavaScript, or with reduced motion, the drawings appear complete. Photographs below the first screen load only when needed.

What I would do next

I would first check the figures with the company, the storage area above all, since two pages give different numbers, along with the branches and the vacancy. A real project would add French and English versions and a planner that sends the request straight to the chosen branch, without the client's email program.