Fictional direction · NDA · Dashboards
Freightline
Every pallet, on the map
Scroll to explore ↓
01 · The brief
Every pallet, on the map
Show a credible interface without exposing a real client. Same craft level, clear journey, playable interactions.
02 · Inside the product
One scroll, one screen
Each section locks to the viewport — scroll naturally.
Every shipment, on the map
Track a shipmentLive track
128 k€
Ops filters
98,2 %
Dock
14
Ops filters
Track a shipmentTrack a Freightline lot
Track a shipmentSélection
Every pallet, on the map
Map + queue · fictional data.
Activité
We see the Nantes delay before the client calls.
Yanis · dispatch
Heavy loads filter to dock B in one click.
Nora · warehouse
03 · Playable prototype
Touch it
Click, filter, navigate — everything reacts. Nothing hits a real backend: it’s an intent demo.
- →Hero + below-the-fold sections (not just a hook)
- →Visual hierarchy and primary CTA
- →Information density vs readability
Live map · demo pins
FL-12
Driver check-in simulated · warehouse dock B
Local demo — no data is sent.
04 · Same family
Other directions of the same type — to compare density and mood.
05 · What to look at
- 01Hero + below-the-fold sections (not just a hook)
- 02Visual hierarchy and primary CTA
- 03Information density vs readability
- 04Interactive states (hover, selection, feedback)