Web Platform & Calcolatore GIS
2025
Featured Case Study

Impresa Edile

Piattaforma web per un'impresa edile specializzata in costruzioni ex-novo e restauro conservativo di trulli e masserie storiche in Puglia. Integra calcolo preventivo interattivo, vetrina dei servizi chiavi in mano, mappa del territorio con Leaflet e animazioni fluide con Framer Motion.

Next.js 16React 19TypeScriptTailwind CSS v4Framer MotionLeaflet
Repo privato
Impresa Edile
Problem & Strategy

La Genesi del Progetto (Perché è nato)

Il Problema Iniziale

L'impresa operava prevalentemente tramite passaparola cartaceo e preventivazioni telefoniche poco chiare, perdendo potenziali committenti interessati al restauro di immobili storici (trulli, masserie, lamie). Mancava un modo trasparente per far calcolare un range indicativo di spesa e per visualizzare la mappa geolocalizzata dei cantieri completati.

Il Contesto Tecnico

In Puglia il settore delle ristrutturazioni di pregio richiede fiducia visiva e precisione normativa. La piattaforma doveva trasmettere autorevolezza artigianale con una user experience moderna ed accessibile su qualsiasi dispositivo mobile.

L'Obiettivo Ingegneristico

Realizzare un portale web performante (Lighthouse score 98+) con calcolatore di preventivi parametrico a 4 fasi, galleria fotografica prima/dopo e mappa vettoriale dinamica con Leaflet senza dipendenze pesanti da Google Maps API a pagamento.

Engineering Challenges

Sfide Tecniche & Soluzioni Ingegneristiche

Challenge #1

Caricamento della Mappa GIS senza penalizzare i Core Web Vitals

La Complessità / Il Problema:

Librerie cartografiche come Leaflet e i relativi tile raster possono bloccare il thread principale e peggiorare il Largest Contentful Paint (LCP).

La Soluzione Ingegneristica:

Implementato dynamic import con ssr: false, skeleton loader con placeholder vettoriale SVG e caricamento on-demand dei tile OpenStreetMap solo quando il contenitore entra nel viewport (IntersectionObserver).

Challenge #2

Calcolatore Preventivi Parametrico con Algoritmo di Stima Dinamico

La Complessità / Il Problema:

Fornire una stima realistica senza sovraccaricare l'utente di parametri tecnici complessi (intonaci deumidificanti, scavi, impianti).

La Soluzione Ingegneristica:

Suddivisione del processo in 4 passaggi logici guidati: selezione edificio -> mq approssimativi -> livello finiture -> accessori. Calcolo immediato client-side con breakdown trasparente ed esportazione in richiesta contatto precompilata.

Inizia un Progetto

Hai un'idea o una sfida tecnica da sviluppare?

Progetto e sviluppo applicazioni web moderne, piattaforme scalabili e architetture cloud su misura per le tue esigenze.