Piattaforma club: prototipo navigabile

Un club di calcio strutturato lavora su decine di aree parallele: rosa, performance atletica, scouting, video analisi, area medica, settore giovanile, convitto, amministrazione. Ognuna tende a dotarsi del proprio strumento, e il quadro d'insieme non esiste da nessuna parte.

Prima di investire nello sviluppo di una piattaforma che unificasse tutto restava la domanda più costosa a cui rispondere tardi: questa struttura regge davvero quando ci lavori dentro?

Il vincolo era che si potesse cliccare dentro sul serio. Un mockup statico o una sequenza di schermate non permette di valutare i flussi: le criticità di una piattaforma multi-modulo emergono nel passaggio da un'area all'altra, non nella singola schermata.

Serviva inoltre il punto di vista corretto per ogni figura: un match analyst, un osservatore e la segreteria vedono lo stesso club in modo completamente diverso, e il prototipo doveva rendere visibile anche il controllo degli accessi.

Abbiamo costruito un prototipo ad alta fedeltà con tutti e sedici i moduli navigabili e uno switch di ruolo che cambia ciò che l'utente vede e può fare. I dati sono finti ma realistici e provengono da una fonte unica, così le stesse entità restano coerenti quando le incontri in moduli diversi: un giocatore visto nella rosa è lo stesso che ritrovi in infermeria o nelle statistiche.

Le aree più delicate sono state spinte a fondo: video tagging con archivio e editor di tagli, monitoraggio del rischio infortuni, confronto interattivo tra giocatori, gestione del settore giovanile e del convitto, chiusura e attivazione della stagione.

Il prototipo è stato costruito con vibe coding, tenendo accanto un documento di progetto aggiornato a ogni tappa di lavoro: decisioni prese, stato di ciascun modulo, struttura dei file. È il documento che permette di riprendere il lavoro dopo giorni senza ricostruire il contesto a memoria, e di far lavorare l'AI sullo stato reale invece che su quello immaginato.

Chiuso il giro sull'interfaccia, il prototipo è stato dotato di un backend con database e autenticazione, agganciabile tramite un flag: i dati finti restano il comportamento predefinito, ma l'applicazione può passare a dati veri senza riscrivere il front-end.

Front-end in HTML, CSS e JavaScript nativi, senza framework: per un prototipo cliccabile avrebbe aggiunto peso senza aggiungere valore. Grafici radar, a linee, a colonne e ad anello generati in SVG senza librerie esterne. Navigazione a rotte interne, stato applicativo centralizzato, backend con autenticazione a token per la fase successiva.

Il risultato è una piattaforma completa da attraversare come se fosse in produzione: sedici moduli, sei ruoli, flussi reali dalla dashboard al dettaglio del singolo giocatore. Le scelte di struttura e di interfaccia sono state validate su qualcosa di concreto invece che su documenti di specifica.

È l'investimento che riduce il rischio di quello successivo: le correzioni fatte a livello di prototipo costano una frazione delle stesse correzioni fatte a sviluppo avviato.

Se hai in mente un sistema complesso e stai per commissionarne lo sviluppo, un prototipo navigabile è il modo più economico di scoprire cosa non funziona. Il vibe coding rende questo passaggio sostenibile: quello che un tempo richiedeva settimane di lavoro usa-e-getta oggi si costruisce in tempi che giustificano l'investimento.