corporate

Sito web istituzionale e operativo per Novametris, marchio specializzato in rilievi topografici e laser scanner 3D con base a Lecco. Una piattaforma costruita su misura per le esigenze del marchio: identità visiva accurata, esperienza utente fluida, sistema di preventivazione integrato, area amministrativa completa e infrastruttura sicura su Google Cloud.

Completato il 16 maggio 2026
·Cliente: Novametris
·Anno: 2026
Novametris — Sito Web per Marchio di Rilievi Topografici e Laser Scanner 3D

Novametris è il marchio del Geom. Edison Ramaj, professionista lecchese specializzato in rilievi tecnici di precisione: topografia classica con stazione totale e ricevitori GNSS, laser scanner 3D per nuvole di punti ad alta densità, aerofotogrammetria con drone SAPR, Scan to BIM e pratiche catastali (Pregeo e Docfa). Il marchio opera su tutto il territorio italiano con un approccio end-to-end che parte dal punto rilevato sul campo e arriva al modello digitale consegnato in formati aperti (DWG, IFC, E57, LAS).

Il nome stesso — Nova metris, "nuova misura" — racconta il posizionamento del marchio: la tradizione della geometria classica letta attraverso strumenti contemporanei e workflow digitali avanzati. Una promessa di precisione millimetrica che il sito doveva tradurre in linguaggio visivo e funzionale.

Obiettivi del progetto

Il brief richiedeva un sito che fosse contemporaneamente vetrina tecnica, strumento commerciale e piattaforma di gestione interna. Tre obiettivi distinti, da risolvere in un'unica architettura coerente:

  • comunicare l'autorevolezza tecnica del marchio attraverso un design rigoroso ma non freddo;
  • generare contatti qualificati grazie a un sistema di preventivazione guidato che raccolga già al primo invio le informazioni utili al rilevatore;
  • centralizzare in un'area amministrativa tutte le interazioni con il sito, per trasformare la presenza online in un vero canale operativo.

Design e identità visiva

L'intera interfaccia è stata sviluppata partendo dalla brand identity di Novametris: la palette cromatica, la tipografia e i pesi visivi rispettano scrupolosamente le scelte già adottate dal marchio, garantendo continuità tra comunicazione offline e presenza digitale. La griglia è ariosa, le gerarchie tipografiche nette, le micro-interazioni misurate — coerenti con il valore di precisione che il marchio rappresenta.

Particolare attenzione è stata dedicata a due elementi distintivi:

  • Logo SVG animato: il marchio Novametris nasce dai GCP (Ground Control Points), i punti di controllo utilizzati nei rilievi. La sua animazione vettoriale ricostruisce visivamente la genesi del segno, due quadrati sfalsati che si toccano in un solo vertice — la stessa logica del rilievo che ancora il dato alla realtà.
  • Input 3D interattivi: i form e alcune componenti chiave dell'interfaccia utilizzano elementi tridimensionali animati che rendono tattile e fisica l'esperienza di compilazione, restituendo all'utente la sensazione di stare lavorando con uno strumento di precisione e non con un semplice modulo web.

Il risultato è un'esperienza UI/UX studiata fin nei dettagli: animazioni mai gratuite, transizioni che accompagnano la lettura, contrasti calibrati per garantire leggibilità e accessibilità su qualsiasi dispositivo.

Architettura del sito

La struttura informativa è stata progettata per accompagnare l'utente — sia esso un tecnico, un'impresa edile o un privato — dalla scoperta del marchio fino alla richiesta di preventivo, senza mai disperdere l'attenzione.

  • Home — narrazione del marchio, panoramica dei servizi, sezione "Prima & Dopo" interattiva che mostra la trasformazione da edificio reale a modello BIM, modulo di preventivazione guidato.
  • Chi siamo — racconto professionale del fondatore, percorso formativo, filosofia del marchio e origine del logo.
  • Servizi — hub centrale che presenta tutti i servizi offerti.
  • Pagine di servizio dedicate — una pagina specifica per ogni servizio (Rilievi Topografici, Laser Scanner 3D, Rilievi e Ispezioni con Drone, Scan to BIM, Pratiche Catastali, Monitoraggio Strutturale) con descrizione approfondita del processo operativo, delle tecniche impiegate, degli strumenti utilizzati e dei deliverable consegnati al cliente.
  • Tecnologie — pagina dedicata all'ecosistema software professionale utilizzato (AutoCAD, Archicad, Trimble Realworks, CloudCompare, RealityScan, usBIM), con indicazione di quali tecnologie servono ciascun servizio.
  • FAQ — risposte alle domande più frequenti, organizzate per servizio così che ogni cliente trovi subito le informazioni pertinenti alla propria esigenza.
  • Contatti — informazioni di contatto complete, link social, form di contatto, mappa Google Maps con localizzazione della sede di Lecco, ragione sociale, partita IVA e tutti i dati legali del marchio.
  • Privacy, Cookie, Termini e Condizioni — pagine legali complete e conformi alla normativa italiana ed europea.

Sistema di richiesta preventivo

Il cuore commerciale del sito è il modulo di preventivazione in tre passaggi, costruito per essere semplice per l'utente e ricco di informazioni per il rilevatore:

  1. selezione del tipo di intervento, con possibilità di scelta multipla tra i servizi offerti;
  2. dettagli del progetto — posizione, descrizione approfondita dei requisiti, e caricamento di allegati (planimetrie, foto del sito, file DWG, PDF, immagini, archivi fino a 25 MB) che permettono al rilevatore di avere già un quadro tecnico prima ancora del primo sopralluogo;
  3. dati di contatto e consenso privacy.

Le immagini caricate dal cliente sono pensate per essere immediatamente utili al lavoro di campo del topografo: foto del contesto, schemi delle aree da rilevare, planimetrie esistenti. Questo riduce i tempi di analisi preliminare e permette di restituire un preventivo accurato entro 24 ore lavorative.

Email transazionali con Brevo

Ogni interazione attiva dal sito genera un flusso automatico di email transazionali gestite tramite Brevo:

  • una notifica immediata a Novametris con tutti i dati della richiesta e gli allegati;
  • una email di ringraziamento automatica al cliente che ha inviato la richiesta, inviata all'indirizzo che lui stesso ha indicato nel form, con conferma di ricezione e tempistiche di risposta.

Lo stesso meccanismo è attivo per i messaggi inviati tramite il form di contatto. Il sistema garantisce deliverability elevata, tracciabilità degli invii e branding coerente delle comunicazioni in uscita.

Area amministrativa

Il sito è dotato di una dashboard amministrativa riservata dalla quale Novametris gestisce in autonomia gran parte delle attività della piattaforma:

  • archivio completo dei messaggi ricevuti tramite form di contatto;
  • archivio delle richieste di preventivo con allegati, dati cliente e cronologia di stato;
  • analisi delle visite al sito e dei comportamenti degli utenti;
  • gestione e monitoraggio delle comunicazioni in uscita.

L'area amministrativa trasforma il sito da semplice vetrina a vero centro operativo per la gestione del flusso clienti.

Stack tecnico

  • Frontend: HTML, CSS, JavaScript — costruito a mano, senza framework pesanti, per garantire prestazioni elevate, tempi di caricamento minimi e pieno controllo su animazioni e micro-interazioni.
  • Hosting: Google Cloud, per affidabilità, scalabilità e tempi di risposta ottimali in tutta Italia.
  • Database e Storage: integrati con architettura di sicurezza di livello enterprise, regole di accesso granulari e crittografia dei dati.
  • Email transazionali: Brevo, per notifiche affidabili al marchio e conferme automatiche al cliente.
  • Sicurezza: certificato SSL/HTTPS attivo sull'intero dominio, conformità GDPR, gestione cookie a norma e protezione dei form contro invii automatici.

Risultato

Novametris dispone oggi di una piattaforma digitale che riflette con precisione il valore del proprio lavoro: rigorosa nei contenuti, raffinata nel design, efficiente come strumento commerciale e completa come centro di gestione interna. Un sito che — proprio come un rilievo ben fatto — restituisce una lettura accurata della realtà e la trasforma in dato affidabile e operativo.

Punti di Forza

  • Esperienza utente immersiva e su misura per il settore
  • Sistema di preventivazione che lavora già per il rilevatore
  • Piattaforma operativa, non solo vetrina

Stack Tecnologico

JavaScript
Tailwind CSS
PostgreSQL
Firebase