Ho costruito un configuratore di preventivi per porte blindate — ecco come funziona
Se hai mai dovuto fare un preventivo per una porta blindata, sai già quanto può essere complicato: ci sono centinaia di combinazioni possibili tra modelli, rivestimenti, colori, accessori e optional. Moltiplicalo per tutti i clienti di un'azienda, e capisci subito perché avevano bisogno di qualcosa di più smart di un foglio Excel.
Per LM Porte Blindate SAS ho realizzato un'applicazione web completa che permette ai loro agenti (i serramentisti) di configurare e salvare preventivi personalizzati in pochi minuti, direttamente dal browser, senza installare nulla.
Cosa fa concretamente
L'utente apre il sito, sceglie il tipo di porta (1 anta, 2 ante, con o senza lucernaio) e viene guidato passo dopo passo attraverso tutte le scelte:
- Allestimento — il livello di sicurezza della porta (Simply, Easy, Security, Full)
- Rivestimento esterno — Okoumé, Acciaio, PVC, Alluminio RAL, Alluminio Legno, Liscio
- Colore interno — decine di finiture disponibili
- Modello di porta — Standard, con Inserti o con Vetro, con relative varianti
- Svetratura Antina — opzione vetrata sull'antina, disponibile solo per porte a 2 ante e solo su certi rivestimenti
- Finitura accessori — maniglie, rosette e cilindri in vari colori
- Optional — soglia anti acqua, incontro elettrico, spioncino digitale, serratura smart, telaio in tinta, kit termico acustico, maniglioni
Ad ogni scelta, il prezzo si aggiorna in tempo reale nella sidebar laterale, con totale IVA esclusa, IVA e totale IVA inclusa. Alla fine il serramentista può salvare il preventivo e scaricarlo in PDF con tutte le immagini dei componenti scelti.
Il lato tecnico
Il progetto gira su PHP + MySQL con tutto il frontend scritto in JavaScript — nessun framework, nessuna dipendenza inutile.
Autenticazione e ruoli — ci sono due tipi di utente: il serramentista (che configura e salva preventivi) e l'admin (che gestisce tutto dal pannello di amministrazione). Ogni serramentista vede solo i propri preventivi.
Prezzi dinamici — i prezzi non sono hardcoded nel codice ma salvati su database. L'admin può modificarli in qualsiasi momento dal pannello senza toccare una riga di codice. Al caricamento della pagina, il frontend riceve i prezzi aggiornati via API e li sovrascrive sui valori di default.
Moltiplicatore serramentista — ogni account serramentista ha un moltiplicatore personalizzato (uno per porte singole, uno per doppie) che l'admin imposta. Il prezzo che vede il serramentista è già il suo prezzo d'acquisto, calcolato automaticamente.
Logica condizionale degli step — alcuni passaggi del wizard appaiono o si saltano in base alle scelte precedenti. Per esempio, lo step "Svetratura Antina" viene saltato completamente se è stata scelta una porta a 1 anta oppure un rivestimento in Acciaio, PVC o Senza Pannello.
Generazione PDF lato client — il PDF del preventivo viene generato direttamente nel browser con jsPDF, senza passare dal server. Include tutte le voci di prezzo, le immagini dei componenti scelti in una griglia visiva e i dati del cliente.
Cache busting automatico — i file CSS e JavaScript vengono serviti con un parametro ?v= basato sul timestamp di modifica del file (filemtime() PHP). Ogni volta che carico un aggiornamento, il browser dei serramentisti scarica automaticamente la versione nuova, senza che debbano fare Ctrl+F5.
Vuoi qualcosa di simile?
Se hai un'attività che vende prodotti configurabili — serramenti, mobili su misura, impianti, abbigliamento personalizzato, qualsiasi cosa con varianti e prezzi — un configuratore come questo può fare la differenza. Niente più preventivi fatti a mano, niente più errori di calcolo, niente più attese.
Contattami e dimmi cosa hai in mente: partendo dai requisiti reali del tuo business costruiamo insieme lo strumento giusto.
Hai un progetto simile?
Parliamone.
Trasformo idee in prodotti digitali funzionanti. Contattami per un preventivo gratuito.