Logistique légère · Dashboards
Stockroom
Stocks, seuils, mouvements
Scroll pour découvrir ↓
01 · Logistique légère
Stocks, seuils, mouvements
Stocks, seuils, mouvements. Direction fictive — même niveau de craft que les missions clients sous NDA.
- 01
Niveaux
Stock temps réel par entrepôt / boutique.
- 02
Seuils
Alertes avant la rupture, pas après.
- 03
Mouvements
Entrées, sorties, transferts tracés.
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
- Recharts-style charts
- Framer Motion
- 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.
Stocks, seuils, mouvements
OuvrirNiveaux
128 k€
Seuils
98,2 %
Mouvements
14
Seuils
OuvrirOuvrir Stockroom
OuvrirSélection
Stocks, seuils, mouvements
Importe ton catalogue CSV et pose tes seuils.
Activité
On a coupé les ruptures de 40 % sur les best-sellers.
Responsable stock
Inventaire mensuel en une demi-journée.
Gérant boutique
Retour au récit
Tu as quitté les écrans démo — ensuite : tester, puis les notes de craft.
03 · Retailers
Moins de ruptures
“On a coupé les ruptures de 40 % sur les best-sellers.”
“Inventaire mensuel en une demi-journée.”
04 · Essai
Ouvrir Stockroom
Importe ton catalogue CSV et pose tes seuils.
- →Hero + sections sous la fold (pas juste une accroche)
- →Hiérarchie visuelle et CTA principal
- →Densité d’info vs lisibilité
Planche chêne
SKU-1 · 4
Charnière laiton
SKU-2 · 28
Huile finition
SKU-3 · 2
Démo locale — aucune donnée n’est envoyée.
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)