Da WordPress ed Elementor a Craft per Quadrivision.
Quadrivision è l’attività di Stefano Sartori: riprese aeree, ispezioni termiche, aerofotogrammetria e analisi multispettrali con drone. Il primo sito era su WordPress con Elementor: poche pagine, un tema generico e una pila di plugin.
Nel 2024 l’ho rifatto su Craft CMS, dando una pagina a ogni servizio, a ogni tipo di cliente e a ogni lavoro. Nel 2026 l’ho ridisegnato con un design system costruito sull’azzurro del logo, con le immagini al centro della pagina e un deploy automatico sul nuovo hosting.
LA STORIA
Un problema reale,
una soluzione concreta.
Tre capitoli: da dove partiva il sito, come l’ho ricostruito in due tempi e cosa è cambiato.
Un sito Elementor che non raccontava il lavoro.
Il sito di partenza era costruito su WordPress con un tema gratuito, Elementor Pro e cinque estensioni per menu, schede e layout. I servizi stavano tutti in una riga, «visive, termiche, multispettrali», senza una pagina che li spiegasse; gli indirizzi erano ancora quelli in inglese del modello di partenza, come /about/ e /our-services/.
Soprattutto mancavano i lavori: per un’attività che vende immagini, le riprese fatte non si vedevano da nessuna parte.
Una pila di plugin
Elementor Pro, cinque estensioni Jet e un plugin per i form: 50 script e 20 fogli di stile solo in homepage.
Servizi senza pagina
Nessuna pagina per singolo servizio o tipo di cliente, quindi niente da far trovare su Google per le ricerche specifiche.
Nessun portfolio
Le riprese realizzate, il vero argomento di vendita, non avevano uno spazio nel sito.
Prima la struttura su Craft CMS, poi la veste grafica.
Nel 2024 ho ricostruito il sito su Craft CMS, con contenuti modellati sull’attività: sette pagine di servizio, otto pagine dedicate ai tipi di cliente, una sezione per i lavori realizzati, FAQ e approfondimenti, dati strutturati per i motori di ricerca. Il sito è online dal 2025 e Stefano lo aggiorna da solo dal pannello.
Nel 2026 è arrivato il redesign. Il logo è rimasto identico: dal suo azzurro ho ricavato una scala di colori con contrasti verificati, insieme a un nuovo carattere e a spaziature fisse.
Contenuti strutturati
Servizi, clienti, lavori e flotta sono contenuti distinti in Craft, collegati tra loro e non pagine composte a mano.
Design system
Colori, tipografia, spaziature e componenti definiti una volta sola e riusati in tutto il sito.
Layout dedicati
30 pagine interne con una struttura disegnata: ogni servizio mostra i lavori correlati, ogni profilo i servizi consigliati.
Icone disegnate
Quindici icone al tratto per servizi e profili di cliente, al posto delle illustrazioni clip-art.
Da vetrina generica a sito che mostra il lavoro.
Oggi ogni servizio e ogni tipo di cliente ha la sua pagina, i lavori sono in vetrina e le riprese notturne e le zenitali, la cifra distintiva di Quadrivision, stanno nei punti più visibili. Ogni modifica al codice va online da sola attraverso la pipeline di deploy, prima su un ambiente di prova e poi in produzione.
5 → 37
Pagine del sito, tra servizi, profili di cliente e lavori
50 → 11
Script caricati dalla homepage, prima e dopo
98
Punteggio Lighthouse i dopo il redesign, desktop (prima 81)
16,4 → 1 MB
Peso della home su desktop con il redesign
Cosa fa concretamente
il sito.
Scelte pensate per un’attività che vende immagini e dati, non per una vetrina generica.
Dati di volo sulle immagini
Quota, sensore e luogo attivabili sulle le foto, leggibili anche da smartphone e non solo al passaggio del mouse.
Scheda del lavoro
Ogni case study ha copertina, scheda dati con luogo e servizio, navigazione tra i lavori e altri progetti correlati.
Immagini moderne
Ogni foto in AVIF e WebP, nelle dimensioni giuste per lo schermo, caricata solo quando serve.
Accessibilità
Contrasti AA verificati, focus sempre visibile e animazioni disattivate per chi le ha escluse dal sistema.
Contatti a portata di mano
Preventivo sempre visibile nella colonna laterale, recapiti cliccabili e WhatsApp generato dal numero di telefono.
Deploy automatico
Ogni modifica va prima sull’ambiente di prova e poi in produzione, sul nuovo hosting, senza caricamenti a mano.
Costruito per durare
e crescere nel tempo.
Al posto di tema e plugin, uno stack scelto per il progetto.
Craft CMS 5
Gestione dei contenuti
Tailwind CSS 4
Design system e stilizzazione
Vite
Build e ottimizzazione degli asset
Alpine.js
Interattività UI
SEOMate
Metadati e sitemap
GitLab CI
Deploy automatico su stage e produzione
