Un restyling delicato: rinnovare un sito senza toccare ciò che già funzionava

Immagine, struttura e user experience di un sito già ben posizionato su Google

Come ho rinnovato immagine, struttura e user experience di un sito già ben posizionato su Google, senza sacrificare nulla del lavoro SEO fatto negli anni

Francesco De Nobili

Cliente

Consulenza, marketing, LinkedIn e formazione B2B

settore

Restyling completo del sito

Lavorazioni incluse: struttura, navigazione, user experience, cambio palette colori, ottimizzazione SEO della sezione blog

8 settimane

durata

francescodenobili.it

url

Prima del mio intervento

Il punto di partenza

Quando Francesco mi ha contattata il suo sito esisteva da anni ed era già molto completo: centinaia di articoli, un blog seguito, un buon posizionamento su Google per diverse ricerche in target. Ma quel sito era stato costruito in una fase diversa della sua attività. Nel frattempo Francesco era cresciuto, soprattutto nella formazione e consulenza per aziende B2B su LinkedIn, e aveva appena lanciato una nuova Academy online che nel sito vecchio non trovava spazio.

Il vecchio sito presentava anche problemi tecnici, organizzativi e strutturali che si erano accumulati nel tempo. Non era un sito da buttare, ma un sito che aveva smesso di rappresentare fedelmente chi era diventato Francesco.

Qui il rischio era diverso da un restyling qualunque. Con un sito così ben indicizzato, un intervento fatto male avrebbe potuto migliorare l’estetica ma peggiorare i risultati, perdendo posizioni conquistate in anni di lavoro SEO. Il vero obiettivo non era “rendere il sito più bello” ma migliorarlo sotto ogni punto di vista.

Obiettivi del progetto

L’obiettivo non era rifare il sito per avere una grafica più aggiornata. Questo, da solo, non avrebbe cambiato nulla. Il vero obiettivo era costruire uno strumento capace di:

Non perdere posizionamento su Google

Migliorare struttura e navigazione senza intaccare l'indicizzazione conquistata in anni di lavoro SEO su centinaia di articoli.

Dare spazio reale alla nuova Academy

Organizzare corsi e consulenze in pagine dedicate, capaci di guidare all'iscrizione, invece di restare una sezione secondaria del sito.

Restare ben navigabile nonostante la mole di contenuti

Permettere a chi arriva per la prima volta di orientarsi tra centinaia di articoli, senza sentirsi sopraffatto dalla quantità di materiale disponibile.

In altre parole: il sito doveva continuare a fare quello che già faceva bene, il posizionamento e il traffico costruiti negli anni, ma diventare anche più chiaro, più leggero e pronto ad accogliere la fase nuova dell’attività di Francesco.

Come ho riorganizzato contenuti, struttura e identità visiva di una scuola di alta formazione sul trading

La parte più delicata del progetto è stata quella meno visibile: capire cosa tenere e cosa cambiare in un sito che, dopo anni, aveva accumulato centinaia di contenuti e un posizionamento che non ci si poteva permettere di perdere.

1

Riorganizzazione di struttura e navigazione

Prima di toccare la grafica, ho mappato i contenuti esistenti per capire cosa stava già funzionando e cosa invece disorientava chi navigava il sito. Su questa base ho rivisto i percorsi di navigazione, incluso un pulsante dedicato che permette di raggiungere con un click la categoria di interesse nel blog, senza dover passare dalla pagina generale

2

Redesign più leggero e spazio reale per l'Academy

Il nuovo design doveva alleggerire la percezione visiva del sito senza nascondere le informazioni necessarie a vendere consulenze e corsi. In questa fase ho anche costruito le pagine dedicate alla nuova Academy, impostate come landing page vere e proprie: programma del corso, benefici, testimonianze, call to action.

3

Scelta ragionata dei colori

Per la nuova palette ho scelto due tonalità di blu, una più chiara e una più scura. Il blu comunica professionalità, serietà e autorevolezza, valori centrali per chi lavora nella consulenza B2B. Ma la scelta non si ferma qui: la tonalità individuata richiama i colori di LinkedIn, lo strumento su cui Francesco costruisce gran parte della sua attività di consulenza e formazione, e su cui è centrata la sua Academy. Non è un blu scelto a caso, è un blu che parla la stessa lingua visiva dello strumento con cui i suoi clienti lo conoscono già.

Il vero tesoro del sito: il blog e l'academy

Il blog

Il blog di Francesco è il risultato di uno scrupoloso lavoro di SEO fatto da lui negli anni, con centinaia di contenuti ben indicizzati. Per questo la struttura del blog ha richiesto un'attenzione diversa rispetto al resto del sito: tag, categorie e indice degli argomenti in evidenza, per orientare chi legge senza disperdere il valore già costruito. Ogni articolo si chiude con alcune sezioni fisse, pensate per trattenere l'attenzione di chi è arrivato fin lì: tag e categorie, iscrizione alla newsletter, articoli in evidenza, navigazione tra i contenuti correlati.

L'academy online

Una parte importante del progetto è stata dare finalmente spazio alla nuova Academy di Francesco, con pagine dedicate a ogni corso. Queste pagine sono state costruite come landing page vere e proprie, con programma del corso, accessi extra, benefici, testimonianze e call to action. Non semplici schede descrittive, ma percorsi pensati per accompagnare chi arriva sulla pagina fino alla decisione di iscriversi.

Restyling e aumento delle visite

Un restyling comporta sempre un rischio quando il sito di partenza è già ben posizionato: cambiare struttura e design senza intaccare l’indicizzazione richiede un lavoro tecnico preciso, non solo estetico.

Dalla messa online del nuovo sito, a maggio 2024, in circa una settimana il traffico stimato è passato da circa 2.000 a oltre 4.200 visite (+110%), dato rilevato su SEOzoom. Non è stato un episodio isolato: il sito ha continuato a crescere anche nei mesi successivi al lancio.

Fare un restyling non significa per forza perdere visite. Fare SEO non significa solo inserire parole chiave, ma avere un sito performante, veloce e ben progettato.

La prima call è gratuita 🙂

Il risultato, il prima e dopo del restyling

Prima (sx) e dopo (dx) il restyling

Se anche il tuo sito comunica meno di quanto vali davvero, ne parliamo in una call conoscitiva gratuita, senza impegno. 

Non è una consulenza di vendita: è il momento in cui capiamo insieme se posso davvero esserti utile.