Geodesis S.r.l. è uno studio specializzato in rilievi topografici, misurazioni tecniche e attività legate alla rappresentazione del territorio. Il progetto ha riguardato la ricostruzione completa della presenza online dell’azienda, inizialmente sviluppata in codice e successivamente trasferita su WordPress ed Elementor per ampliare le funzionalità e semplificare la gestione dei contenuti.
Ho realizzato un sito WordPress per studio topografico mantenendo l’identità grafica della prima versione. Il passaggio a WordPress non doveva infatti modificare l’aspetto già approvato, ma rendere il progetto più flessibile e adatto alla pubblicazione di nuovi servizi, lavori e contenuti.
Inoltre, ho seguito configurazione del nuovo dominio, trasferimento sul mio hosting Hostinger, puntamento DNS dal dominio registrato presso Aruba, ottimizzazione delle immagini, sviluppo di componenti dinamici, SEO locale e creazione della scheda Google Maps.
Il lavoro ha permesso a Geodesis di raggiungere risultati importanti per ricerche come “studio rilievi topografici Roma” e “rilievi topografici Roma”. Parallelamente, la scheda locale ha ottenuto una presenza stabile tra i risultati Maps più visibili per le stesse ricerche osservate durante il progetto.
Il Progetto Geodesis
- Cliente: Geodesis S.r.l.
- Settore: rilievi topografici e servizi tecnici
- Località: Roma
- Tipologia: sito aziendale WordPress
- Progettazione: pagine e sezioni sviluppate con Elementor
- Prima versione: sito realizzato interamente in codice
- Intervento: ricostruzione completa su un nuovo dominio
- Funzioni personalizzate: schede dinamiche, caricamenti AJAX e mappa dei rilievi
- SEO: ottimizzazione organica e locale
- Google Maps: creazione e gestione della scheda dell’attività
- Hosting: server Hostinger con dominio mantenuto presso Aruba
- Manutenzione: aggiornamenti, modifiche e inserimento di nuovi contenuti
Il progetto comprende quindi più attività collegate tra loro. Oltre alla realizzazione delle pagine, ho lavorato su infrastruttura, velocità, organizzazione dei contenuti, componenti dinamici e visibilità sui motori di ricerca.
Di conseguenza, il sito non svolge soltanto una funzione di presentazione aziendale. Rappresenta anche uno strumento attraverso il quale lo studio può mostrare i lavori effettuati, ricevere candidature e intercettare nuovi clienti interessati ai rilievi topografici a Roma.
Ricostruzione del Sito su un Nuovo Dominio
Geodesis disponeva già di una presenza online collegata a un altro dominio. Tuttavia, l’azienda ha scelto di ricostruire il progetto attraverso una nuova identità digitale e un nuovo indirizzo web.
Invece di trasferire semplicemente le vecchie pagine, ho realizzato una nuova struttura partendo dagli obiettivi dello studio.
La ricostruzione ha interessato:
- homepage;
- presentazione dell’azienda;
- sezione dedicata alla storia dello studio;
- organizzazione dei servizi;
- mappa dei rilievi effettuati;
- sezione dei progetti realizzati;
- gallerie fotografiche;
- area Lavora con noi;
- moduli di contatto;
- struttura SEO;
- hosting e configurazione del dominio.
Il nuovo sito non rappresenta quindi una copia del precedente. Al contrario, mantiene gli elementi visivi riconoscibili ma utilizza una struttura tecnica più adatta alla crescita futura.
Dalla Prima Versione in Codice a WordPress ed Elementor
In una prima fase avevo sviluppato il sito direttamente in codice. Questa versione aveva permesso di definire con precisione stile, proporzioni, sezioni e identità generale di Geodesis.
Successivamente, la necessità di ampliare il progetto e gestire più facilmente nuovi contenuti ha portato alla scelta di WordPress ed Elementor.
Il passaggio, tuttavia, non doveva modificare l’immagine già costruita. Per questo motivo, ho ricreato con Elementor le pagine e i componenti mantenendo il più possibile l’aspetto della versione precedente.
In particolare, ho conservato:
- palette cromatica;
- tipografia;
- gerarchia delle sezioni;
- proporzioni della homepage;
- stile dei pulsanti;
- presentazione delle immagini;
- tono tecnico e professionale;
- identità visiva generale.
In questo modo, il sito ha acquisito la flessibilità di WordPress senza perdere il lavoro grafico svolto nella versione originale.
Sviluppo del Sito con WordPress ed Elementor
Ho utilizzato WordPress per organizzare pagine, contenuti, immagini e aggiornamenti. Elementor mi ha invece permesso di ricostruire le sezioni mantenendo un controllo preciso sul layout.
Non mi sono limitato a inserire testi e fotografie in una struttura generica. Ho progettato ogni sezione in funzione delle attività svolte dallo studio.
In particolare, ho lavorato su:
- header e navigazione;
- homepage;
- hero principale;
- sezione dei servizi;
- pagina Chi siamo;
- presentazione della storia aziendale;
- mappa dei rilievi effettuati;
- sezione dei progetti;
- schede dinamiche AJAX;
- gallerie fotografiche;
- modulo Lavora con noi;
- footer;
- versione responsive.
Inoltre, la struttura WordPress rende più semplice ampliare il sito, pubblicare nuovi contenuti e aggiornare le sezioni esistenti.
Identità Visiva e Logo Geodesis
L’identità visiva doveva trasmettere precisione, affidabilità e competenza tecnica.
Il logo esteso viene utilizzato nelle aree in cui deve risultare immediatamente riconoscibile il nome dell’azienda.
Accanto alla versione completa, il progetto utilizza anche un’icona più compatta. Questa soluzione permette di mantenere un riferimento grafico riconoscibile negli spazi ridotti e nei componenti in cui il nome completo non è necessario.
Durante il passaggio dalla versione in codice a quella WordPress ho mantenuto colori, proporzioni e utilizzo del marchio, evitando che il nuovo sistema modificasse la percezione dell’azienda.
Hero della Homepage
La hero rappresenta uno degli elementi centrali della homepage e coincide con l’immagine in evidenza utilizzata per presentare il progetto nel portfolio.
Ho progettato la sezione iniziale per comunicare immediatamente il settore operativo di Geodesis e introdurre i servizi di rilievo topografico.
La composizione combina:
- immagine principale;
- titolo dedicato ai rilievi topografici;
- testo introduttivo;
- riferimento a Roma;
- call to action;
- navigazione verso le sezioni principali.
Inoltre, ho ottimizzato l’immagine della hero per mantenere un buon impatto visivo senza rallentare il caricamento della homepage.
Presentazione dei Servizi Topografici
La sezione dedicata ai servizi descrive le principali attività svolte da Geodesis e permette al visitatore di comprendere rapidamente gli ambiti di intervento dello studio.
Ho organizzato i contenuti affinché ogni servizio presenti in modo chiaro:
- tipologia di rilievo;
- ambito operativo;
- strumentazione o metodologia utilizzata;
- settori di applicazione;
- collegamento alle informazioni di contatto.
La grafica mantiene un’impostazione tecnica ma accessibile, così da risultare comprensibile sia ai professionisti sia alle aziende che cercano un supporto topografico.
Chi Siamo e Storia dello Studio
La sezione Chi siamo presenta Geodesis, la sua esperienza e il percorso professionale costruito nel settore dei rilievi topografici.
Questa parte del sito permette di affiancare alla descrizione tecnica dei servizi una presentazione più completa dell’azienda.
In particolare, la sezione comunica:
- esperienza dello studio;
- evoluzione dell’attività;
- competenze tecniche;
- tipologia dei progetti affrontati;
- conoscenza del territorio;
- approccio professionale.
Inoltre, il racconto della storia aziendale contribuisce a rafforzare affidabilità e autorevolezza, elementi particolarmente importanti per servizi tecnici destinati ad aziende, enti e professionisti.
Mappa Personalizzata dei Rilievi Effettuati a Roma
Una delle sezioni più caratteristiche del progetto mostra su una mappa i rilievi effettuati da Geodesis nell’area di Roma.
Per realizzarla ho utilizzato i dati geografici contenuti in file KMZ. Ho estratto i punti presenti nei file e li ho trasformati in pin da mostrare all’interno di una mappa personalizzata basata su Google Maps.
Il processo ha previsto:
- analisi dei file KMZ;
- estrazione delle coordinate geografiche;
- organizzazione dei punti disponibili;
- conversione dei dati necessari alla visualizzazione;
- inserimento dei pin sulla mappa;
- personalizzazione dell’aspetto della mappa;
- adattamento della sezione ai diversi dispositivi.
La mappa permette quindi di mostrare concretamente la presenza operativa dello studio sul territorio romano.
Inoltre, la rappresentazione geografica comunica in modo più immediato l’esperienza accumulata rispetto a un semplice elenco testuale di interventi.
Ottimizzazione delle Immagini in WebP
Le fotografie hanno un ruolo importante perché documentano rilievi, infrastrutture, cantieri e attività tecniche.
Tuttavia, immagini molto pesanti possono rallentare il sito. Per questo motivo, ho svolto un lavoro specifico di selezione, ridimensionamento e compressione.
In particolare, ho:
- ridimensionato ogni immagine in base al punto di utilizzo;
- convertito i file nel formato WebP;
- compresso le fotografie;
- eliminato dimensioni superiori a quelle necessarie;
- ottimizzato l’immagine della hero;
- alleggerito le immagini delle gallerie;
- organizzato i file nella Libreria Media;
- compilato titoli e testi alternativi pertinenti.
Di conseguenza, il sito mantiene una qualità visiva adatta alla presentazione professionale ma utilizza risorse più leggere.
Sezione dei Progetti con Schede AJAX
La sezione dedicata ai progetti effettuati presenta le principali aree di intervento attraverso schede dinamiche.
Ho costruito con Elementor la struttura grafica e ho integrato una logica AJAX che richiama i contenuti senza aggiornare completamente la pagina.
L’utente può selezionare differenti categorie di progetto e visualizzare i contenuti associati, come:
- rilievi ferroviari;
- infrastrutture;
- cantieri;
- rilievi territoriali;
- attività topografiche specifiche;
- altre tipologie di lavori effettuati.
Quando l’utente seleziona una scheda, il sistema carica testo, immagini e galleria relativi alla categoria scelta.
Questo comportamento permette di:
- mantenere la pagina ordinata;
- evitare un elenco troppo lungo di contenuti;
- separare le differenti aree operative;
- valorizzare le singole gallerie;
- ridurre gli spostamenti tra pagine;
- mantenere l’utente nella stessa sezione.
Gallerie Dinamiche dei Lavori
Ogni scheda può richiamare una galleria dedicata ai lavori effettuati in quello specifico ambito.
Le immagini non svolgono soltanto una funzione decorativa. Documentano infatti l’esperienza dello studio e aiutano il visitatore a comprendere la natura degli interventi.
Ho organizzato le gallerie affinché:
- mantengano proporzioni coerenti;
- si adattino a desktop, tablet e smartphone;
- rimangano collegate alla categoria corretta;
- non rallentino eccessivamente la pagina;
- accompagnino le descrizioni testuali;
- valorizzino i lavori realizzati.
Inoltre, il caricamento dinamico permette di mostrare soltanto la galleria richiesta dall’utente.
Form Lavora con Noi con Invio del Curriculum
Il sito comprende una sezione Lavora con noi dedicata alla raccolta delle candidature.
Il modulo permette all’utente di inserire i propri dati e allegare un documento, come curriculum o presentazione professionale.
Il form consente di gestire:
- nome e cognome;
- recapiti;
- messaggio di presentazione;
- informazioni professionali;
- caricamento di un allegato;
- invio della candidatura;
- messaggi di conferma o errore.
Ho integrato il modulo nella grafica del sito, mantenendo campi, pulsanti e messaggi coerenti con il resto dell’interfaccia.
Inoltre, la possibilità di allegare un file evita di costringere il candidato a inviare separatamente il curriculum tramite email.
SEO per Rilievi Topografici a Roma
Una parte centrale del progetto ha riguardato il posizionamento organico per le ricerche legate ai rilievi topografici a Roma.
Ho lavorato sulla SEO considerando contemporaneamente contenuti, struttura tecnica, località, immagini e velocità.
In particolare, ho ottimizzato:
- titoli SEO;
- meta description;
- intestazioni delle pagine;
- testi dei servizi;
- riferimenti geografici;
- URL;
- collegamenti interni;
- testi alternativi delle immagini;
- velocità di caricamento;
- visualizzazione da smartphone;
- coerenza tra sito e scheda Google Maps.
Il lavoro non si è basato sulla semplice ripetizione delle parole chiave. Al contrario, ho costruito contenuti capaci di descrivere in modo approfondito lo studio, le attività e l’area geografica di riferimento.
Risultati Organici Raggiunti
Nel corso del progetto, il sito ha raggiunto risultati rilevanti per le ricerche principali.
Geodesis ha ottenuto il primo risultato organico per la ricerca “studio rilievi topografici Roma” e una presenza di primo piano anche per “rilievi topografici Roma”.
Questi risultati derivano dall’unione di diversi interventi:
- ricostruzione tecnica del sito;
- contenuti specifici;
- ottimizzazione locale;
- prestazioni;
- immagini WebP;
- struttura delle pagine;
- collegamenti interni;
- aggiornamenti continuativi.
Le posizioni sui motori di ricerca possono cambiare nel tempo. Tuttavia, i risultati raggiunti durante il progetto mostrano il valore del lavoro svolto sul sito e sulla presenza locale.
Creazione e Gestione della Scheda Google Maps
Oltre al sito, mi sono occupato della creazione e dell’ottimizzazione della scheda Google Maps di Geodesis.
La presenza nei risultati locali è particolarmente importante per uno studio che opera in una precisa area geografica.
Ho quindi lavorato su:
- creazione della scheda;
- configurazione delle informazioni aziendali;
- categoria dell’attività;
- descrizione;
- collegamento al sito;
- dati di contatto;
- riferimenti geografici;
- coerenza dei servizi;
- ottimizzazione della presenza locale.
Nelle verifiche effettuate durante il progetto, la scheda ha raggiunto il gruppo dei primi tre risultati Maps per le principali ricerche locali legate ai rilievi topografici a Roma.
Trasferimento dell’Hosting su Hostinger
Il dominio è rimasto registrato presso Aruba. Tuttavia, per migliorare prestazioni e gestione tecnica, ho ospitato il progetto sul mio spazio Hostinger.
Ho quindi configurato i record DNS necessari per collegare il dominio Aruba al server Hostinger.
L’intervento ha compreso:
- preparazione del nuovo ambiente hosting;
- installazione e configurazione di WordPress;
- collegamento del dominio;
- gestione dei record DNS;
- controllo della propagazione;
- configurazione del certificato SSL;
- test delle pagine;
- verifica dei moduli;
- controllo delle risorse del server.
In questo modo, Geodesis mantiene il dominio presso il precedente provider, mentre posso gestire direttamente hosting, prestazioni e manutenzione tecnica.
Ottimizzazione della Velocità
Ho dedicato particolare attenzione alla velocità perché il sito utilizza immagini, mappe, gallerie e componenti Elementor.
Inoltre, buone prestazioni migliorano sia l’esperienza degli utenti sia la qualità tecnica del progetto.
Ho lavorato su:
- configurazione del server;
- formato WebP;
- compressione delle immagini;
- dimensioni dei file;
- struttura delle pagine Elementor;
- riduzione delle risorse non necessarie;
- caricamento delle gallerie;
- gestione degli script;
- cache;
- prestazioni mobile.
Di conseguenza, il sito può presentare numerosi progetti e fotografie mantenendo tempi di caricamento contenuti.
Esperienza Responsive
Ho adattato il sito a desktop, tablet e smartphone.
Durante lo sviluppo ho controllato:
- hero principale;
- menu mobile;
- dimensioni dei testi;
- sezione dei servizi;
- mappa dei rilievi;
- schede AJAX;
- gallerie fotografiche;
- modulo Lavora con noi;
- pulsanti e call to action;
- footer.
In particolare, mappa, schede dinamiche e gallerie devono rimanere facilmente utilizzabili anche su schermi ridotti.
Per questo motivo, ho adattato disposizione, dimensioni e comportamento dei singoli componenti.
Manutenzione Continuativa del Sito
Il lavoro su Geodesis non si è concluso con la pubblicazione.
Mi occupo anche della manutenzione continuativa, così da mantenere il sito aggiornato, sicuro e coerente con le nuove esigenze dello studio.
Le attività comprendono:
- aggiornamento di WordPress;
- aggiornamento di Elementor e degli altri componenti;
- controllo della compatibilità;
- manutenzione tecnica;
- inserimento di nuovi contenuti;
- modifiche alle pagine;
- aggiornamento delle immagini;
- ottimizzazione delle nuove risorse;
- verifica delle prestazioni;
- assistenza sul funzionamento del sito.
Inoltre, la manutenzione permette di adattare progressivamente il sito alle nuove attività e ai nuovi progetti realizzati da Geodesis.
Un Progetto tra Sviluppo, SEO e Gestione Continuativa
Geodesis rappresenta un progetto nel quale sviluppo, grafica, prestazioni e posizionamento lavorano insieme.
Il lavoro ha unito:
- prima realizzazione in codice;
- ricostruzione su un nuovo dominio;
- passaggio a WordPress ed Elementor;
- mantenimento dell’identità grafica;
- hero personalizzata;
- presentazione dei servizi;
- pagina dedicata alla storia dello studio;
- mappa personalizzata con punti estratti da file KMZ;
- schede dinamiche AJAX;
- gallerie dei progetti;
- form Lavora con noi con allegato;
- ottimizzazione delle immagini;
- SEO organica;
- SEO locale;
- creazione della scheda Google Maps;
- trasferimento su Hostinger;
- configurazione dei DNS;
- ottimizzazione delle prestazioni;
- manutenzione continuativa.
Di conseguenza, il progetto non rappresenta soltanto la realizzazione di un sito aziendale. Comprende anche lo sviluppo e la gestione nel tempo dell’intera presenza digitale dello studio.
Tecnologie Utilizzate
- WordPress: gestione di pagine, immagini e contenuti.
- Elementor: progettazione e costruzione delle sezioni del sito.
- HTML: struttura dei componenti personalizzati.
- CSS: mantenimento dell’identità grafica e responsive design.
- JavaScript: interazioni e comportamento dei componenti dinamici.
- AJAX: caricamento delle schede e delle gallerie nella sezione progetti.
- PHP: funzioni personalizzate e integrazione con WordPress.
- KMZ: sorgente dei dati geografici utilizzati per i rilievi.
- Google Maps: mappa personalizzata con pin relativi ai lavori effettuati.
- WebP: ottimizzazione e compressione delle immagini.
- Hostinger: infrastruttura hosting e gestione tecnica.
- DNS: collegamento del dominio Aruba al server Hostinger.
- SEO locale: ottimizzazione per le ricerche sui rilievi topografici a Roma.
Risultato Finale
Il risultato è un sito WordPress per studio topografico progettato con Elementor e costruito per mantenere l’identità della precedente versione in codice.
La nuova struttura rende più semplice aggiungere contenuti e ampliare le funzionalità. Allo stesso tempo, hero, servizi, mappa dei rilievi, gallerie e schede AJAX valorizzano l’esperienza e i progetti realizzati da Geodesis.
La mappa personalizzata consente di rappresentare i rilievi effettuati a Roma attraverso pin ricavati dai dati contenuti nei file KMZ.
Inoltre, il modulo Lavora con noi permette di ricevere candidature complete di allegato, mentre il lavoro sulle immagini WebP, sull’hosting e sulla configurazione tecnica migliora le prestazioni del sito.
L’attività SEO ha permesso al progetto di raggiungere risultati di primo piano per le principali ricerche legate ai rilievi topografici a Roma. La creazione e l’ottimizzazione della scheda Google Maps hanno rafforzato anche la presenza nei risultati locali.
Infine, la manutenzione continuativa permette di mantenere il sito aggiornato e di inserire progressivamente nuovi progetti, contenuti e miglioramenti.
