Logistique · palettes · Dashboards
Freightline
Chaque palette, sur la carte
Scroll pour découvrir ↓
01 · Logistique · palettes
Chaque lot, sur la carte
App logistique — carte, lots, alertes, quai.
- 01
Suivi live
Sélectionne un lot — le pin bouge, l’ETA s’affiche.
- 02
Filtres ops
Retards, gros volumes — la file se resserre.
- 03
Quai
Check-in simulé, dock assigné, zéro Excel de tournée.
01b · Technique
Fiche technique
Stack, mise en ligne et mon rôle sur ce build — pour recruteurs et tech leads.
- Technologies
- Next.js
- TypeScript
- React
- Tailwind CSS
- Librairies & outils
- Map UI
- mock realtime
- Déploiement
Démo /play — app ops simulée, données mock
- Rôle
UX data · UI dense · composants métier
- Conditions
Prototype jouable — filtres, états, navigation
02 · Dans le produit
Un scroll, un écran
Chaque section se cale à l’écran — continue après le dernier pour revenir au récit.
Chaque lot, sur la carte
Suivre un lotSuivi live
128 k€
Filtres ops
98,2 %
Quai
14
Filtres ops
Suivre un lotSuis un lot Freightline
Suivre un lotSélection
Chaque palette, sur la carte
Carte + file · données fictives.
Activité
On voit le retard Nantes avant que le client appelle.
Yanis · dispatch
Les gros lots sont filtrés en un clic pour le quai B.
Nora · entrepôt
Retour au récit
Tu as quitté les écrans démo — ensuite : tester, puis les notes de craft.
03 · Ops & entrepôts
La tour de contrôle tient dans un écran
“On voit le retard Nantes avant que le client appelle.”
“Les gros lots sont filtrés en un clic pour le quai B.”
04 · Ops démo
Suis un lot Freightline
Carte + file · données fictives.
- →Hero + sections sous la fold (pas juste une accroche)
- →Hiérarchie visuelle et CTA principal
- →Densité d’info vs lisibilité
05 · Même famille
D’autres directions du même type — pour comparer densités et ambiances.
06 · Ce qu’on regarde
- 01Hero + sections sous la fold (pas juste une accroche)
- 02Hiérarchie visuelle et CTA principal
- 03Densité d’info vs lisibilité
- 04États interactifs (hover, sélection, feedback)