Back to Projects
Web Platform & GIS Estimator
2025
Featured Case Study

Construction Company

Web platform for a construction company specialising in ex-novo construction and conservative restoration of historic trulli and farmhouses in Puglia. It integrates interactive quote calculation, turnkey services showcase, map of the territory with Leaflets and fluid animations with Framer Motion.

Next.js 16React 19TypeScriptTailwind CSS v4Framer MotionLeaflet
Private Repo
Construction Company
Problem & Strategy

Project Origins (Why it was built)

Il Problema Iniziale

The firm relied on word-of-mouth and manual phone consultations, leading to friction in acquiring clients for historical property restoration (trulli, historic estates). There was no transparent mechanism for prospective clients to calculate indicative cost ranges or view geolocated completed works.

Il Contesto Tecnico

In southern Italy, heritage architectural renovations demand trust, photographic credibility, and clear regulatory compliance. The platform needed to communicate master craftsmanship through a clean, mobile-first experience.

L'Obiettivo Ingegneristico

Engineer a high-performance web platform (Lighthouse 98+) with a 4-phase parametric cost estimator, before/after restoration gallery, and a custom Leaflet map avoiding costly Google Maps API overhead.

Engineering Challenges

Technical Challenges & Engineering Solutions

Challenge #1

GIS Map Loading without degrading Core Web Vitals

La Complessità / Il Problema:

Mapping libraries like Leaflet and raster tiles can block the main thread and degrade Largest Contentful Paint (LCP).

La Soluzione Ingegneristica:

Employed dynamic import with ssr: false, an SVG vector skeleton loader, and on-demand OpenStreetMap tile fetching via IntersectionObserver when entering the viewport.

Challenge #2

Parametric Cost Calculator with Dynamic Estimation Logic

La Complessità / Il Problema:

Delivering an accurate estimation range without confusing non-technical users with obscure renovation terminology.

La Soluzione Ingegneristica:

Structured the process into 4 progressive steps: building type -> square meters -> finish grade -> optional features. Instant client-side computation with a clear breakdown feeding directly into the lead inquiry form.

Start a Project

Have an idea or a technical challenge to solve?

I architect and engineer modern web applications, scalable platforms, and bespoke cloud workflows tailored to your requirements.