Exmo

project-overview
001Cliente

Exmo è un'azienda attiva nel settore degli ascensori, specializzata nella produzione e commercializzazione di torrette per ascensori: strutture autoportanti che permettono di installare un ascensore anche dove non esiste un vano corsa preesistente. L'azienda propone due tipologie di prodotto, strutturalmente molto diverse tra loro: la torretta esterna, pensata per essere installata all'esterno dell'edificio e rivestita con pannelli e vetri come una vera facciata, e la torretta interna, integrata in un vano già esistente. Ogni torretta viene configurata su misura in base al cantiere: numero di fermate, altezze di interpiano, posizione delle porte, profondità della fossa, tipo di rivestimento e colore.

002Problema
project-overview

Sul mercato esistevano già soluzioni di configurazione simili, ma il cliente non era riuscito a trovarne una realmente su misura per il proprio modo di lavorare e per le specificità dei propri prodotti. La complessità principale era geometrica: travi, montanti, porte, muretto di fossa e rivestimenti dovevano posizionarsi automaticamente in modo coerente qualunque fosse la combinazione di parametri scelta, per entrambe le tipologie di torretta (esterna e interna), ciascuna con regole strutturali proprie. Era inoltre necessario distinguere due profili di utilizzo con permessi diversi: un profilo "amministratore", con piena libertà di configurazione per generare preventivi tecnici anche non standard, e un profilo "utente/cliente finale", più vincolato, che riflettesse solo le combinazioni standard. Era inoltre necessario poter esportare l'elenco dei singoli pezzi generati da ogni configurazione, completo delle rispettive misure, per poter fare un controllo incrociato in produzione ed essere certi che i componenti effettivamente realizzati e spediti in cantiere corrispondessero esattamente a quanto configurato. Infine serviva un modo semplice per esportare la configurazione come immagine di alta qualità da condividere o inserire in un preventivo, utile anche per mostrare dal vivo al cliente un'anteprima della torretta durante un incontro commerciale.

003Soluzione
project-overview

In una prima fase sono andato più volte in azienda per farmi raccontare nel dettaglio come vengono progettate e montate le torrette: ho studiato a fondo le misure reali dei componenti, il modo esatto in cui travi, montanti, porte e rivestimenti si incastrano tra loro, e i casi limite che emergono nelle configurazioni meno standard. Solo con questa conoscenza diretta, maturata insieme a chi la torretta la progetta e la monta ogni giorno in cantiere, è stato possibile tradurre in regole geometriche affidabili una logica che altrimenti sarebbe rimasta solo nell'esperienza dell'azienda. Ho sviluppato un configuratore 3D interattivo che genera in tempo reale il modello della torretta a partire da decine di parametri: numero di fermate, altezze di interpiano, profondità di fossa, posizione delle porte, tipo e colore dei rivestimenti, aperture personalizzate. Il motore geometrico calcola automaticamente il posizionamento di travi, montanti, pannelli e vetri, garantendo che ogni combinazione sia sempre coerente con i vincoli strutturali reali del prodotto. Ho implementato due modalità distinte, Admin e Utente, che applicano regole diverse sulla stessa base geometrica: in modalità Utente sono disponibili solo le combinazioni standard, mentre in modalità Admin è possibile configurare varianti più libere per esigenze tecniche specifiche. Ho inoltre implementato l'esportazione della distinta dei singoli pezzi generati da ogni configurazione, completa delle misure precise di ciascun componente, così da permettere un controllo diretto in produzione e garantire che i pezzi effettivamente realizzati e portati in cantiere corrispondano esattamente alla configurazione approvata. È inclusa anche una funzione di esportazione screenshot ad alta risoluzione della vista 3D corrente, realizzata con un renderer WebGL dedicato che lavora in background: una soluzione necessaria per garantire piena qualità e precisione. L'intero motore geometrico è coperto da una suite di oltre 800 test automatici, che verificano la correttezza di ogni configurazione generata (assenza di sovrapposizioni tra pannelli, coerenza con porte e livello del terreno, comportamento corretto dei click di configurazione) sia per la torretta esterna sia per quella interna, in entrambe le modalità.

004Tecnologie utilizzate

Una soluzione su misura creata da zero, senza appoggiarsi a prodotti o template esistenti. Next.js come framework per struttura e performance dell'applicazione. Three.js e React Three Fiber per il motore 3D e la logica geometrica parametrica di travi, montanti, pannelli e vetri. Vitest per la suite di oltre 800 test automatici che validano la correttezza strutturale di ogni configurazione, sia per la torretta esterna che per quella interna. Un renderer WebGL offscreen dedicato, insieme a html-to-image, per l'esportazione degli screenshot ad alta risoluzione, con una gestione specifica per garantire piena compatibilità tra browser.

Exmo anteprima 5

E allora?

Contattami ora

Se questo progetto (Exmo) ti è utile come riferimento, scrivimi pure: parliamo di obiettivi, tempi e cosa possiamo costruire nel tuo contesto.

Francesco Filippini