FB Logistics

Prijevoz i skladište s Brussels Airporta: put pošiljke kroz skladište nacrtan dok se scrolla i planer koji upit slaže s pravom uslugom i podružnicom.

FB Logistics mi nije klijent i ovaj web nije naručio. Koncept sam napravio na vlastitu inicijativu, iz teksta i fotografija s njihovog javnog weba, pa su sve činjenice na njemu njihove.

FB Logistics s Brucarga, teretnog dijela Brussels Airporta, prevozi, skladišti i obrađuje robu, a ima još dva skladišta, u Deerlijku i u Courcellesu. Osnovao ga je Patrick Boketi 5. lipnja 2005. Za farmaceutske i temperaturno osjetljive pošiljke imaju IATA CEIV Pharma. Kupac dolazi s pitanjem: možete li ovo preuzeti danas, u kakvom vozilu i tko će mi se javiti?

Što sam zatekao

Sadašnji web ima nizozemsku, francusku i englesku verziju. Nizozemsku sam prošao 14. studenoga 2026. na računalu i na mobitelu:

Prvi ekran je slajder s fotografijom kamiona pred natpisom Brussels Airport i rečenicom „Welcome To FB Logistics” na engleskom. Na mobitelu prvi ekran čine logotip, izbornik i slajder, bez broja telefona.
Brojke koje kupca uvjeravaju, više od 30.000 m² skladišta, više od 150 vozila, više od sto zaposlenih i prosječno 99,5 % isporuka, stoje na stranici „Aanbiedingen en diensten”. Naslovnica pod „Opslag van goederen” navodi 3.400 m²: 2.500 na Brucargu i 900 u Deerlijku.
Na dnu naslovnice i stranica o uslugama, prijevozu, tvrtki i kontaktu stoji „Nog vragen?” i gumb „NOUS CONTACTEZ”, na francuskom.
Obrazac za brzu ponudu traži ime, e-mail, predmet, telefon i poruku. Vrstu robe, rok i mjesto preuzimanja kupac mora sam napisati.
„Actualiteit” i „Bulletin” vode na istu farmaceutsku brošuru na engleskom, a „Jobs” na jedan oglas za vozače u PDF-u.

Prvi ekran sadašnjeg nizozemskog weba FB Logistics: zaglavlje s logotipom, logotipima IATA i CEIV Pharma, telefonom i adresom, tamni izbornik i slajder s kamionima pred natpisom Brussels Airport

Odluke

Aerodrom u prvoj rečenici

Njihova najjača činjenica je adresa, pa je naslov „Transport en logistiek vanaf Brussels Airport, voor heel de Benelux”. Uz njega su broj s oznakom 24/7, gumb za ponudu te IATA i CEIV Pharma, ispisani riječima, a ne samo kao logotipi. Njihova fotografija se otvori slijeva i na njoj se iscrtaju tri oznake: Brucargo, Certified Pharma Transport s prikolice i vozni park od više od 150 vozila. Zatim sve miruje. Koncept je na nizozemskom, kao verzija koju sam proučio.

Jedna pošiljka kroz skladište

Rečenice o skladištu razasute su im po tri stranice. Složio sam ih u pet koraka kojima prolazi roba: prijem, skladištenje, dodana vrijednost, inter-dock i odlazak. Lijevo je shematski tlocrt skladišta. Dok se scrolla, crvena linija vodi paletu od kamiona na ulazu do doka za odlazak, a zona u kojoj je paleta se istakne zajedno s korakom desno. Ispod piše da je to ilustracija.

Sekcija Werkwijze u četvrtom koraku: shematski tlocrt s crvenom linijom kroz prijem i skladište i paletom u istaknutoj zoni inter-dock, desno tekst koraka

Farma kao crtež, ne kao ista fotografija

Za farmaceutski prijevoz imaju zaseban certifikat, pa ima vlastitu tamnu sekciju sa svim što o njemu pišu. Umjesto ponovljene fotografije s naslovnice nacrtao sam bi-temp prikolicu: dvije temperaturne zone s paletama, osjetnik u svakoj i liniju prema praćenju temperature. Crtež se jednom iscrta kad dođe u ekran. Ispod piše da je ilustracija, a ne tehnički crtež njihovog vozila.

Tamna sekcija Farma: popis farmaceutskih usluga i linijski crtež tegljača s bi-temp prikolicom, dvije zone, osjetnici i znak CEIV Pharma

Planer ponude u četiri pitanja

Obrazac s porukom zamijenio sam planerom: što treba napraviti, kakva je roba, koliko je hitno i koje vozilo, gdje se preuzima. Desno se slaže prijevozni list s uslugom, onim što FB Logistics za to koristi i podružnicom. Mjesto preuzimanja bira podružnicu i ističe je na maloj karti: Zapadna Flandrija ide u Deerlijk, Hainaut u Courcelles. Status pokazuje kad je list spreman za slanje. Jedan klik prenosi upit u obrazac, a obrazac otvara mail na info@fblogistics.be.

Planer ponude s popunjenim primjerom: prijevoz i skladištenje farmaceutske robe u 24 sata, tegljač s prikolicom, preuzimanje u Zapadnoj Flandriji, usluga temperaturno kontroliranog prijevoza i podružnica u Deerlijku

Mobitel

Na mobitelu tlocrt stoji na vrhu ekrana, a ispod se mijenja korak. Prijevozni list dolazi ispod pitanja, a broj telefona je na prvom ekranu.

Tri ekrana novog weba na mobitelu: prvi ekran s naslovom i telefonom, korak inter-dock s tlocrtom i prijevozni list s uslugom

Usporedba prvog ekrana: lijevo sadašnji web FB Logistics, desno koncept

Kako je napravljen

Statični HTML, CSS i JavaScript bez frameworka. Put pošiljke i crtež prikolice vode GSAP i ScrollTrigger: linija i paleta prate scroll preko stroke-dashoffseta i točke na putanji. Bez GSAP-a koraci se mijenjaju preko IntersectionObservera. Ostalo su CSS prijelazi. Planer nema server: upit se slaže u pregledniku i odlazi kroz mailto tek kad ga kupac pošalje. Prototip je noindex (meta oznaka, robots.txt i zaglavlje odgovora), a JSON-LD sadrži samo podatke s njihovog weba: tri podružnice i česta pitanja. Bez JavaScripta i uz smanjeno kretanje crteži su odmah cijeli. Fotografije ispod prvog ekrana učitavaju se tek kad zatrebaju.

Što bih sljedeće

S tvrtkom bih prvo provjerio brojke, osobito površinu skladišta, jer naslovnica i stranica s uslugama navode različit broj, te podružnice i oglas za posao. Pravi projekt dobio bi francusku i englesku verziju i planer koji upit šalje izravno podružnici koju je odabrao, bez kupčevog programa za poštu.