Industria: una piattaforma per lo stabilimento, otto moduli, un solo team
Una webapp interna per uno stabilimento manifatturiero di Brescia con sei linee di produzione. Otto moduli in un'unica interfaccia: ordini, distinta base, magazzino, qualità, manutenzione, report. Tema chiaro e tema scuro curati su ogni breakpoint. Ogni richiesta è andata in produzione.

Industria gestisce uno stabilimento manifatturiero a Brescia, con sei linee di produzione e un magazzino integrato. Il problema non era la produzione, era la visibilità: ordini, mancanze sui materiali, fermi macchina e stato di linea vivevano in sistemi separati. Per leggere lo stato dello stabilimento serviva mettere insieme a mano dati che cambiavano ogni minuto. La direzione voleva un'unica interfaccia, leggibile dal capoturno e dall'operatore di linea.
Otto moduli, niente fase due
- 8ModuliLive, Ordini, Linee, Distinta, Magazzino, Qualità, Manutenzione, Report
- 6Linee30+ stazioni tracciate live, ciclo e andon per ogni cella
- Per interoRealizzazioneBrand, prodotto, sviluppo, entrambi i temi su ogni breakpoint

Ogni richiesta consegnata
Abbiamo costruito una webapp interna in otto moduli, dalla vista live della linea ai report di turno. Non c'era una lista chiusa di moduli all'inizio: si è partiti da una vista Live floor con l'OEE per linea. Alla seconda settimana c'era già anche un flusso degli ordini con kanban e Gantt. Alla quarta una distinta base multilivello con propagazione delle mancanze. Al secondo mese una sezione Magazzino con mappa delle ubicazioni, un modulo Qualità, un registro Manutenzione e un modulo Report a chiudere il quadro.
Ogni richiesta è andata in produzione. Niente è stato rimandato a una fase due. Nessun modulo tagliato per budget. Nessuna funzionalità lasciata fuori. La nostra linea è stata la stessa dal primo giorno all'ultimo: se sta in linea, sta nell'app.


Fino al singolo ciclo, stazione per stazione
La pagina di dettaglio linea si legge come la checklist dell'operatore. OEE del turno in corso, throughput rispetto all'obiettivo in tempo reale, ciclo corrente in secondi, tempo di funzionamento da inizio turno. Sotto, la fascia con le stazioni: ogni cella con il proprio ciclo, il proprio obiettivo e l'operatore assegnato.
Abbiamo voluto andare oltre la dashboard, di proposito. Una linea al 41 per cento è un dato. Una linea al 41 per cento con la stazione S4 ferma, senza operatore, e la S2 a 26 secondi contro un obiettivo di 25 è un altro discorso. Il pulsante Raise Andon, in alto sulla linea, apre un ticket di manutenzione con cella, anomalia di ciclo e ordine attivo già compilati: l'operatore non riscrive quello che il sistema sa già.

La mancanza si vede prima dell'ordine
Il modulo distinta è multilivello. Ogni prodotto ha il suo albero di sotto-assemblati, parti e materie prime, con la revisione e i lead time dei fornitori tracciati a ogni nodo. Le segnalazioni di mancanza non restano ferme sul pezzo dove si apre il buco. Risalgono l'albero fino all'assemblato che li usa, e finiscono nel flusso degli ordini che dipende da quell'assemblato.
Una bobina che si sta esaurendo a monte arriva al pianificatore di produzione prima che l'ordine in linea arrivi a zero. La settimana in cui lo stabilimento aveva rilevato cinque mancanze in fase di assemblaggio con il vecchio sistema è la stessa in cui abbiamo scritto la propagazione. In quella stessa settimana, due di quelle mancanze sarebbero già state visibili dalla distinta in tempo reale, con tre giorni di anticipo.


Entrambi i temi, ogni breakpoint
Chiaro e scuro non sono una scelta legata al dispositivo. Ogni schermata della piattaforma, dal desktop al mobile, è rifinita in entrambi i temi. Le pagine desktop già viste sopra girano anche in scuro: stesse pagine, stessi dati, tema diverso. Le quattro schermate che seguono lo dimostrano.
Abbiamo trattato ogni componente due volte. Due obiettivi di contrasto distinti, due scale di peso del testo, gli stessi componenti React e gli stessi design token a far girare quattro interfacce complete. Andon, stato linea e avvio ordine si raggiungono su mobile in due tocchi dalla schermata principale. Il desktop è l'interfaccia di chi pianifica, il mobile quella di chi sta in linea. Nessuna delle due è una versione ridotta dell'altra, e nessuna delle due è bloccata su un solo tema.




Abbiamo misurato lo stabilimento un mese dopo il lancio. I numeri qui sotto sono il primo confronto con il punto di partenza, fatto di Excel e Telegram, su cui lo stabilimento girava prima della piattaforma. Linee, prodotti e tipologia di clienti sono rimasti gli stessi nel periodo di confronto: l'unica variabile cambiata è la piattaforma.
Un mese in linea
- +16 ppOEEDal 62 per cento medio al 78 per cento sulle sei linee
- +22%Throughput per turnoStesse linee, stessi prodotti, stessa durata di turno
- -35%Fermi macchinaL'andon finisce dritto in coda di manutenzione, niente da riscrivere
- Giorni → minutiRilevamento mancanzeLa propagazione BOM arriva agli acquisti prima che l'ordine arrivi a zero
- 30 → 4 minPassaggio di consegneSi legge sulla pagina live, niente screenshot in un gruppo Telegram
- 14 → 0Fogli ExcelLa cartella SharePoint è in sola lettura, ormai datata
Stack
- Next.js16
- React19
- TypeScript5
- TanStack Query
- Recharts
- Postgres16
- Supabase
- Cloudflare R2
- Vercel Edge
“Otto moduli, niente fase due. Abbiamo allargato il lavoro quattro volte durante il progetto e loro hanno consegnato ogni volta con la stessa cadenza. Dopo un mese, la piattaforma ha già rilevato due mancanze prima che se ne accorgesse l'ufficio acquisti, e il passaggio di consegne lo facciamo in quattro minuti sulla pagina live. Il vecchio SharePoint dei fogli Excel è in sola lettura, ormai datato.”
Gestisci la produzione a fogli Excel?
Costruiamo applicazioni per ottimizzare i processi operativi. Ogni modulo consegnato, niente fase due. Scrivici.
Avvia un progetto