Il metodo prima dello strumento
Lo schema in cinque fasi, capire, inquadrare, implementare, far adottare, far vivere, struttura la home page, le pagine dei servizi e le timeline, con un colore per ogni fase.
Case study
Consulenza in trasformazione IT · CIO
BleuLemon
Sostituire un sito Webflow di 29 pagine con un sito bilingue di 116 pagine che un team non tecnico fa vivere in autonomia, senza perdere né il marchio né le posizioni acquisite, e preparare BleuLemon a farsi leggere dai motori di ricerca come dagli assistenti IA.
Il contesto
BleuLemon è una società di consulenza per la trasformazione IT, con sedi a Parigi e a Lione, partner Atlassian dal 2008. Oltre 30 collaboratori affiancano i CIO e le direzioni IT dall'inquadramento all'implementazione, fino all'adozione degli strumenti: gestione e governance, Atlassian, intelligenza artificiale, supporto e manutenzione applicativa, nell'industria e nella difesa, nelle banche, nella finanza e nelle assicurazioni, nel retail e nella distribuzione, nel lusso.
Il punto di partenza: un sito Webflow di 29 pagine e un blog ospitato da terzi, su un sottodominio. L'audit condotto prima della progettazione, nel luglio 2026, ha misurato quanto costava questa organizzazione: il 73 % del traffico organico retto da un solo articolo ospitato fuori dal dominio, le due pagine che strutturano l'offerta ferme a 179 e 172 parole, dati strutturati invalidati da uno spazio di troppo, e zero citazioni di BleuLemon su 20 risposte di assistenti IA (ChatGPT, Perplexity).
Il brief
La richiesta stava in una frase: un sito all'altezza di una società che si rivolge ai CIO, quindi tecnicamente esemplare, e che il team marketing possa modificare senza uno sviluppatore. Le aspettative:
- Partire dai datiaudit dell'esistente, della SEO e della visibilità negli assistenti IA, mappatura di 359 parole chiave e lettura pagina per pagina di 10 siti concorrenti prima di avviare la progettazione.
- Due lingue alla pariuna versione inglese completa, con indirizzi tradotti e hreflang reciproco, non una traduzione automatica appoggiata sul francese.
- Rimpatriare il blog17 articoli ospitati fuori dal dominio, da riportare sul sito in entrambe le lingue, senza rompere gli indirizzi che Google conosce.
- Non perdere nullaredirect 301 da tutti i vecchi indirizzi, quelli del sito Webflow come quelli di ogni articolo del vecchio blog, e ripresa della misurazione del traffico.
- Un team autonomotre persone di BleuLemon, che non sono sviluppatori, devono poter cambiare un testo, una pagina o il menu, rileggere in preproduzione e mettere online da sole.
L'approccio al design
L'identità visiva 2026 di BleuLemon applicata alla lettera: blu profondo, menta, corallo, chartreuse, blu orizzonte, e Montserrat come unico carattere tipografico. La scelta di fondo, riassunta dalla direzione commerciale in una formula, «è quadrato, ma è tondo»: un sito chiaro, dagli arrotondamenti misurati, dove la prova viene prima dell'effetto.
L'adozione come promessa
Il messaggio che apre la home, «Lo strumento è una spesa. Siete voi a farne un investimento», mette l'adozione al centro del sito, e non l'implementazione di uno strumento.
Sezioni che reggono l'offerta
Gestione e governance, Atlassian, intelligenza artificiale, settori, formazione: ogni famiglia di offerta ha le sue pagine di approfondimento, là dove il vecchio sito esauriva le sue due sezioni in meno di 180 parole.
Una prova verificabile
Marchi validati dal cliente, casi cliente presentati per settore, partnership Atlassian scritta così come la conferma l'elenco ufficiale: ogni affermazione del sito regge davanti a un acquirente che verifica.
Il movimento al suo posto
Animazioni d'ingresso riservate ai titoli e alle card con immagine, effetti hover curati, e tutto si ferma quando il visitatore ha attivato la riduzione del movimento sul proprio dispositivo.
La tecnica
- Sito statico al 100 %, generato con Astro e ospitato su Cloudflare Pages: nessun CMS da mantenere, nessun database, messa online in meno di un minuto dopo ogni validazione.
- Un frammento HTML ordinario per pagina: il team di BleuLemon descrive in francese la modifica desiderata, un agente la esegue, si rilegge in preproduzione, e la messa online sta in due gesti.
- 116 pagine in due lingue, indirizzi tradotti, hreflang reciproco, e un solo nodo Organization condiviso da tutti i dati strutturati: 679 blocchi JSON-LD validati, 0 non validi.
- 51 redirect 301: i vecchi indirizzi Webflow, i 17 articoli del vecchio blog, e il sottodominio blog.bleulemon.fr ricondotto al sito.
- Predisposto per le IA: robots.txt che autorizza per nome GPTBot, ClaudeBot, PerplexityBot e OAI-SearchBot, file llms.txt e llms-full.txt rigenerati dalle pagine, annotazioni WebMCP sui 4 moduli, chiave IndexNow.
- Media ricodificati: video della home da 19,9 MB a 688 KB, 14 foto da 25,4 MB a 1,8 MB in WebP, una GIF da 8,2 MB sostituita da un MP4 da 588 KB.
- Header di sicurezza e Content Security Policy, banner di consenso che non deposita nulla senza autorizzazione, moduli senza server.
- Consegnati insieme al sito: l'audit di visibilità, il piano di acquisizione a dodici mesi e la mappatura di 359 parole chiave, perché sia il team stesso a guidare le tappe successive.
Il progetto in cifre
- 116 pagine online, 58 in francese e 58 in inglese, contro le 29 del vecchio sito
- 17 articoli del blog rimpatriati sul dominio e tradotti
- 359 parole chiave mappate, 10 siti concorrenti analizzati prima della progettazione
- 679 blocchi di dati strutturati, 0 non validi
- 51 redirect 301 impostati, di cui 18 per il vecchio blog
- Peso del video della home ridotto del 96,5 %
- 4 query in prima pagina su Google ereditate dal vecchio blog, ancora al loro posto cinque giorni dopo la messa online (misurato il 7 settembre 2026)
Altri progetti
Il tuo progetto merita la stessa cura
Un sito su misura, online in 7 giorni, seguito da una persona vera.