Progetto

Configuratore Serramenti

Il Configuratore Serramenti è uno strumento con cui il cliente di un serramentista compone il proprio infisso — finestra, porta, portone o vetrata scorrevole — e ne ottiene in tempo reale un disegno tecnico quotato e una distinta ordinata, pronta per la richiesta di preventivo. Nasce come prodotto Livedata riproponibile, non come lavoro su commessa: un'unica base di codice, installabile e brandizzata per ogni serramentista.

Il progetto comprende:

Disegno parametrico in tempo reale in SVG, con estetica da tavola tecnica: dalla scelta di famiglia, materiale, apertura, dimensioni, ripartizione delle ante, inglesine e pacchetto vetro nasce istantaneamente un prospetto quotato.
Motore di disegno a sorgente unica, condiviso tra browser e server: la stessa logica che genera l'anteprima a schermo genera il PDF, senza alcuna duplicazione di codice.
Distinta multi-posizione, per raccogliere più serramenti in un'unica richiesta con quantità, note e miniature, condivisibile tramite link.
Generazione PDF server-side della distinta tecnica in A4, con doppio tema (blueprint a schermo, bianco tecnico in stampa) e volutamente senza prezzi: la valorizzazione economica resta al serramentista.
Architettura white-label: codice di proprietà del cliente, nessun lock-in, un'installazione dedicata e personalizzata per ogni azienda.
Predisposizione della richiesta-preventivo verso l'azienda tramite email transazionale, e integrazione del catalogo materiali da ProcessWire.
Deploy hardened in produzione: validazione a whitelist degli input, limitazione della concorrenza di rendering e rate-limiting, per un utilizzo pubblico sereno.

Scheda tecnica

TecnologieHTML/CSS/JavaScript vanilla senza framework runtime, con un motore di disegno SVG parametrico condiviso tra browser e server come sorgente unica di verità. Backend Node.js/Express, generazione PDF server-side (wkhtmltopdf) della distinta tecnica in formato A4, doppio tema visivo (blueprint a schermo, tavola tecnica bianca in stampa). Distinta multi-posizione condivisibile via URL. Catalogo materiali predisposto per l'integrazione con CMS ProcessWire e flusso di richiesta-preventivo con email transazionale. Deploy su VPS DigitalOcean dietro Nginx con PM2, architettura same-origin e hardening di sicurezza in produzione.

ApproccioProgetto nato come strumento proprietario di Livedata per il comparto dei serramenti — un settore già radicato nel nostro portfolio. L'idea è ribaltare la logica del preventivo: dare al serramentista uno strumento che i suoi stessi clienti usano per comporre l'infisso e ottenere un disegno tecnico e una distinta ordinata, non un prezzo. Il linguaggio visivo è quello della tavola tecnica, coerente con il mestiere di chi progetta e produce serramenti. Un solo motore di disegno, riusato identico dall'anteprima a schermo fino al PDF: progettato, non assemblato. E un'impostazione white-label per cui ogni serramentista possiede la propria installazione, senza vincoli di lock-in.

ObiettiviOffrire ai serramentisti uno strumento di preventivazione tecnica self-service. Tradurre parametri concreti — famiglia, materiale, tipologia di apertura, dimensioni, ripartizione delle ante, inglesine, pacchetto vetro — in un prospetto quotato immediato e in una distinta leggibile. Produrre un documento professionale in A4, pronto per la trattativa, lasciando la valorizzazione economica al serramentista. Mantenere il tutto riproponibile e brandizzabile per ogni azienda, con codice di proprietà del cliente. Predisporre il flusso di richiesta-preventivo verso l'azienda.

Hosting / DeployVPS · Node.js/Express dietro Nginx · PM2 · rendering PDF server-side. Architettura same-origin con hardening di sicurezza: validazione a whitelist degli input, limitazione della concorrenza di rendering, rate-limiting.

ANNO 2026LD·PRJ·023

Visita il progetto online →