Wireframe e sviluppo
Dalla nuova alberatura al wireframe su Figma, fino alla costruzione completa del sito in un ambiente di staging protetto.
Ciao, sono un Jr. Digital Marketing Specialist. Tradotto? Ti faccio trovare in questa vasta giungla del digitale!
Rifacimento completo del sito web, strategia SEO, gestione social e automazioni per un network di professionisti nell’edilizia.
Sito ricostruito da zero: nuova alberatura, wireframe su Figma, sviluppo in staging e migrazione verso il live senza interruzioni.
Audit tecnico, ottimizzazione on-page, mappatura URL e struttura dei contenuti per migliorare il posizionamento organico su Google.
Piano editoriale, creazione contenuti e gestione dei canali social per aumentare visibilità e coinvolgimento del network.
Creazione automazioni tramite N8N, Zapier e AppScript, per semplificare i flussi di lavoro interni del team.
| Problematica rilevata | Gravità | Impatto |
|---|---|---|
| Velocità di caricamento critica | Alta |
|
| Privacy policy inesistente | Alta |
|
| Alberatura sito poco chiara | Media |
|
| Elementi duplicati via media query | Media |
|
| Sito non responsive | Media |
|
| Design grafico poco rilevante | Bassa |
|
Per esplorare al meglio le fasi progettuali nelle sezioni sottostanti, utilizza le frecce navigazionali, che trovi sopra le slide da mobile e sotto da desktop.
Sito ricostruito completamente da zero: dalla progettazione wireframe su Figma allo sviluppo completo, passando per staging e migrazione con check e pulizia finale.

Il sito precedente non rispecchiava il brand, era lento e non responsive . L'obiettivo era ricostruirlo con una base solida, veloce e a norma.
Dalla nuova alberatura al wireframe su Figma, fino alla costruzione completa del sito in un ambiente di staging protetto.
Mappatura URL per mantenere gli slug, potando pagine effimere ed evitando redirect 301 massivi e preservando il posizionamento.
Ristrutturata l'intera gerarchia del sito con una logica ottimizzata SEO-oriented.
Progettazione wireframe completo su Figma prima dello sviluppo, per definire struttura, layout e flussi di ogni pagina.
Prima di toccare righe di codice, ho ripensato l'intera architettura del sito web: alberatura, gerarchia e layout.
Una volta approvata la struttura, ho costruito ogni pagina del sito in ambiente di staging protetto.
Creato un ambiente di staging separato per costruire il nuovo sito senza interferire con il traffico e il sito live.
Ogni pagina del sito è stata costruita da zero, seguendo il wireframe approvato e ottimizzando SEO e UX
Progettata la pagina blog con categorie, sidebar e layout articoli pensati per favorire il posizionamento organico.
Codice personalizzato per ottimizzare responsiveness, grafica e funzionalità non gestibili nativamente.
Sito messo a norma con privacy policy e integrazione delle recensioni per costruire fiducia fin dal primo contatto.
Installata e configurata la privacy policy con Iubenda: prioritària visto che l'attività sponsorizzava tramite Meta Ads.
Dichiarati tutti i servizi che raccolgono dati: GA4, Tag Manager, modulo contatto e WhatsApp Business Chat.
Integrate le recensioni Google nel sito tramite chiave API e widget Trustindex, per aumentare la credibilità del brand.
Configurato un modulo di contatto con campi specifici per professione, mansione e zona di lavoro del candidato.
Completato lo sviluppo del sito web, quest’ultimo andava portato live, pulito e reso operativo immediatamente e senza perdere nulla per strada.

La migrazione è stata soggetta a limiti di budget. Ogni passaggio andava gestito con precisione per evitare conflitti, perdita di dati o downtime.
Completato il sito, è arrivato il momento più delicato: portare tutto dallo staging al live senza rompere nulla.
Migrazione da staging a produzione su SiteGround, con disattivazione preventiva di firewall ed eventuali licenze terze.
Eliminate le tabelle superflue trascinate dalla migrazione, alleggerendo il database e il backend.
Scansione completa degli URL con Screaming Frog per verificare che non fossero presenti errori 404 o status anomali.
Ogni URL mappato prima del lancio è stato verificato post-migrazione: nessun contenuto perso o mancante
Il sito è live. Adesso serve assicurarsi che Google lo veda e che tutto funzioni correttamente.
Configurata Google Search Console, inviate le sitemap e richiesta l'indicizzazione di tutte le pagine fondamentali del sito.
Sito tenuto sotto controllo per diversi giorni, verificando che non comparissero errori, status code sospetti o cali anomali.
Installato e configurato un plugin SMTP per risolvere il problema delle email di contatto che finivano in spam.
Aggiunto un forwarder dal backend per inoltrare le email a più destinatari oltre alla casella di dominio principale.
| Risultato ottenuto | Impatto |
|---|---|
| Sito veloce e performante |
+90%
|
| Navigazione chiara e intuitiva |
+85%
|
| Sito a norma di legge |
+95%
|
| Zero errori post-lancio |
+80%
|
| Indicizzazione mantenuta |
+90%
|
| Problematica rilevata | Gravità | Impatto |
|---|---|---|
| Nessuna ottimizzazione SEO | Alta |
|
| Core web vitals scarsi | Alta |
|
| Alberatura non SEO oriented | Alta |
|
| Keyword research assente | Media |
|
| Nessuna strategia editoriale | Media |
|
| SEO sui social mancante | Bassa |
|
Per esplorare al meglio le fasi progettuali nelle sezioni sottostanti, utilizza le frecce navigazionali, che trovi sopra le slide da mobile e sotto da desktop.
Dall’audit iniziale fino ad arrivare alla SEO tecnica, ho ricostruito l’intera strategia SEO del sito, e degli altri canali prinipali utilizzati, completamente da zero.

Ogni aspetto è stato ripensato e ricostruito: dalla SEO On Page all'ottimizzazione tecnica, passando per strategia editoriale e keyword research.
Prima di costruire qualsiasi strategia, ho analizzato ogni contenuto esistente per capire cosa tenere e cosa eliminare.
Scraping completo dei post blog con Screaming Frog e SEOZoom per individuare pagine deboli e non indicizzate.
Costruito un file Sheet con la mappatura degli URL: quali mantenere, quali eliminare e quali mandare in 301.
Individuati e rimossi tutti i post senza valore: contenuti deboli, non indicizzati e responsabili di spreco di crawl budget.
Verifica incrociata tramite Google Search Console per confermare lo stato di indicizzazione a monte.
Ripulito il sito dai contenuti inutili, ho ricostruito l'intera alberatura con una logica pensata per il posizionamento.
Ridefinita la gerarchia delle pagine eliminando sezioni obsolete e senza valore SEO, riorganizzando la navigazione.
Create nuove categorie blog più pertinenti e SEO oriented, eliminando quelle vecchie e non ottimizzate.
Riorganizzata completamente la sezione editoriale con una struttura a pillar e cluster ottimizzata e strategica.
Gli URL ancora validi sono stati mantenuti, i contenuti rimossi gestiti con redirect 301 o mandati direttamente in 404.
Effettuata una keyword research completa, sia transazionale per le pagine statiche che informazionale per la sezione magazine.
Analizzate le keyword principali e le correlate su SEOZoom, valutando volume, difficoltà e intento di ricerca.
Programmato un piano editoriale su Google Sheet per circa 6 mesi, con title ottimizzati e keyword target per ogni articolo.
Ogni keyword esportata con le relative correlate, in modo da guidare la produzione dei contenutinel tempo.
Distinte le keyword per intento di ricerca: transazionale per le pagine servizio, informazionale per i post del magazine.
Ogni pagina del sito è stata riscritta da zero, eliminando il thin content e inserendo keyword strategiche.
Riscritti da zero i testi di ogni pagina del sito, rendendoli più completi, profondi e ricchi semanticamente.
Corretta l'intera gerarchia degli headings del sito, riportandola in ordine del tutto logico, SEO oriented e semantico.
Gestiti tutti gli eventuali redirect 301 per gli errori 404 generati dalla potatura, evitando perdite di posizionamento.
Riscritte tutte le meta description e i title di ogni pagina, ottimizzandoli per il CTR e il posizionamento organico.
Oltre ai contenuti visibili, ho inserito meta dati strutturati per rendere il sito leggibile dai motori di ricerca e dagli LLM.
Implementati gli schema FAQ nelle pagine strategiche, rendendo i contenuti idonei ai rich snippet nella SERP di Google.
Create le pagine autore all'interno del sito per rafforzare l'E-E-A-T e facilitare il riconoscimento LLM.
Grazie agli schema implementati, le pagine del sito possono comparire nei risultati di ricerca con snippet arricchiti.
Tutti i dati strutturati testati e validati per assicurarsi che Google e gli LLM li leggessero correttamente.
Un sito veloce non è assolutamente un optional. Ho ottimizzato le performance per rispettare gli standard imposti da Google e per aumentare le ooportunità di indicizzazione.

I Core Web Vitals influiscono sul posizionamento organico e sull'esperienza utente. Un sito lento perde traffico, conversioni e credibilità.
I core web vitals del sito erano molto scarsi. L'obiettivo era portarli al massimo delle prestazioni su ogni metrica.
Ritardati i CSS e i JavaScript spostandoli dopo il caricamento della pagina, riducendo i tempi di rendering.
Implementato un sistema di caching per servire le risorse più velocemente e ridurre il carico sul server a ogni visita.
Esclusi gli script pesanti di Iubenda dal caricamento critico, alleggerendo il peso della pagina.
Ottimizzate tutte le immagini pesanti e precaricate quelle in hero section, eliminando i colli di bottiglia del sito.
Oltre alla velocità, ho risolto problemi di accessibilità e un errore di sicurezza critico che affliggeva il sito.
Aggiunti gli aria label mancanti in tutti gli elementi interattivi, rendendo il sito accessibile agli screen reader.
Inseriti gli skip links all'interno delle pagine per permettere la navigazione da tastiera, come richiesto dalle linee guida.
Risolto un errore critico: molti URL dei font risultavano in HTTP anziché HTTPS, generando mixed content e warning security.
Duplicata e rinominata la directory dal backend e forzato il refresh per correggere tutti i riferimenti da HTTP a HTTPS.
| Risultato ottenuto | Impatto |
|---|---|
| CWV a punteggio massimo |
+95%
|
| Alberatura SEO oriented |
+90%
|
| Strategia editoriale |
+90%
|
| Copy profondi e ottimizzati |
+80%
|
| Accessibilità e sicurezza |
+75%
|
| Problematica rilevata | Gravità | Impatto |
|---|---|---|
| Zero ottimizzazione SEO social | Alta |
|
| Assenza di piani editoriali | Alta |
|
| Post casuali non strategici | Media |
|
| Identità visiva incoerente | Media |
|
| Crescita follower stagnante | Alta |
|
| Assenza di reel o video | Bassa |
|
Per esplorare al meglio le fasi progettuali nelle sezioni sottostanti, utilizza le frecce navigazionali, che trovi sopra le slide da mobile e sotto da desktop.
Strategia completa su Instagram, Facebook e LinkedIn: dall’identità visiva e la strategia, ai piani editoriali, fino all’analisi costante dei risultati ottenuti.

Ogni aspetto della gestione social è stato riprogettato: identità visiva, strategia contenutistica, pubblicazione e monitoraggio performance.
Prima di pubblicare qualsiasi contenuto, ho ridefinito l'identità visiva e ottimizzato ogni asset social in ottica SEO.
Ridefinita la palette cromatica del brand scegliendo rosso e blu come colori principali, più riconoscibili e coerenti.
Ottimizzati headline, naming e biografia sui canali presenziati, inserendo kw strategiche.
Configurate le impostazioni su Instagram e Facebook per consentire l'indicizzazione dei post anche su Google.
Ricreata la copertina LinkedIn con un design maggiormente coerente ai nuovi layout.
Prima di creare i piani editoriali, ho analizzato il pubblico, i competitor e gli interessi del target di riferimento.
Analizzati i giorni e gli orari di maggiore attività, per programmare le pubblicazioni nei momenti migliori.
Definite buyer personas per capire chi fossero gli utenti ideali e come comunicare al meglio.
Analizzati i competitor per capire cosa pubblicassero e cosa funzionasse meglio nel settore.
Attraverso strumenti come AnswerThePublic, identificate le tematiche più cercate dal target.
Create due strategie editoriali separate: una per Instagram e Facebook crossposting, una per LinkedIn.
Creato un piano editoriale completo per IG e FB con contenuti programmati per i successivi quattro mesi.
Piano editoriale per LinkedIn con contenuti differenziati a causa del target differente.
Suddivisi i contenuti in 4 formati: post informativi al 50%, branding al 30%, transazionali al 20% e format evergreen ricorrenti.
Prevista una pubblicazione di tre post a settimana più storie, in giorni e orari specifici.
Creati contenuti pensati per funzionare, non solamente per riempire il feed organico. Ogni post ha uno scopo molto preciso dietro di esso.

Il brand aveva bisogno di una presenza social strutturata e costante, con contenuti mirati per attrarre professionisti edili e generare lead.
Ogni post caricato, ottimizzato e pubblicato seguendo framework di copywriting precisi e linee guida SEO.
Gestita la pubblicazione su IG e FB tramite Meta Business Suite, programmando i post e monitorando i dati.
Ogni didascalia scritta con framework specifici per il tipo di post (es. AIDA, PAS ecc.).
Inserito il corretto alt text in ogni immagine post, con keyword ed emoji nelle didascalie.
Selezionati hashtag pertinenti con volume medio, per dare un boost organico a ogni post.
Creati script per i reel e utilizzati i social come canale per portare traffico qualificato verso il sito web.
Scritti gli script testuali per ogni reel con una struttura precisa: gancio iniziale, spiegazione contenuto e CTA.
Reel editati con CapCut seguendo una struttura dinamica e coinvolgente.
Traffico social canalizzato verso il sito, postando uscite di articoli sul blog.
Non più usate solo per ripubblicare i post, ma come strumento di engagement.
Monitoraggio performance con piani di analisi, e produzione di grafiche per campagne Meta Ads.
Creati due piani di analisi separati su Google Sheet: uno per Instagram/Facebook, uno per LinkedIn.
I dati servivano a capire cosa funzionasse e cosa rivedere, guidando scelte strategiche.
Realizzate le grafiche per le campagne Meta Ads sulla base dell'analisi dati delle campagne.
Condotti A/B test sulle creatività e scritti i copy delle ads con il framework FAB, indicato per l'adv.
| Risultato ottenuto | Impatto |
|---|---|
| Identità visiva riconoscibile |
+90%
|
| Crescita follower costante |
+95%
|
| Engagement Rate aumentato |
+80%
|
| Strategia editoriale |
+100%
|
| Canalizzazione traffico |
+60%
|
| Problematica rilevata | Gravità | Impatto |
|---|---|---|
| Lead ads inseriti manualmente | Alta |
|
| Nessun autoresponder WhatsApp | Alta |
|
| Nessun autoresponder Meta | Media |
|
| Nessun reminder per scadenze | Media |
|
Per esplorare al meglio le fasi progettuali nelle sezioni sottostanti, utilizza le frecce navigazionali, che trovi sopra le slide da mobile e sotto da desktop.
Automatizzati i processi manuali più dispendiosi: dalla gestione lead alla messaggistica, fino ai reminder operativi.

Ogni flusso ripetitivo è stato sostituito da un'automazione dedicata, collegando tra loro Zapier, Meta, AppScript e N8N.
I lead di Meta Ads venivano gestiti manualmente. Ho creato un flusso automatico per portarli direttamente nel CRM.
Creato un workflow su Zapier con webhook per far dialogare Meta Ads con Google Sheeto.
Collegato Google Sheet tramite API con Google Cloud, così che i campi form popolassero il CRM.
Ogni lead in entrata viene inserito nel foglio con colonne e campi già precompilati.
Nessun inserimento manuale nel CRM: dal form alla riga nel foglio, tutto avviene in automatico.
Volevano inviare messaggi automatici su WhatsApp senza ricreare un account da zero. Serviva un workaround su misura.
Implementato un tool esterno "SendApp" collegato a Zapier per aggirare le limitazioni delle API native di WhatsApp.
Creati template messaggio per benvenuto, promozioni e fidelizzazione.
Il tool esterno "SendApp" è stato collegato al loro account WhatsApp preesistente.
Risultato finale: messaggi di benvenuto e promozioni inviati automaticamente agli utenti.
Automatizzate anche le risposte ai messaggi diretti su Instagram e Facebook, senza ricorrere a tool di terze parti.
Sfruttate le funzioni di automazione native della Meta Business Suite per impostare autoresponders.
Creati messaggi template personalizzati basati su azioni specifiche dell'utente.
Risposta automatica configurata per i DM di Instagram, con messaggi di benvenuto.
Stessa logica applicata a Messenger: risposte immediate e personalizzate.
Nessun PED funziona senza scadenze rispettate. Ho creato un sistema di reminder automatici collegato ai fogli editoriali.
Automazione con AppScript che legge date nel foglio Sheet e invia mail reminder automatiche.
Lo script si attiva ogni giorno, controlla le date nel PED e invia il reminder in base alla scadenza.
I reminder vengono inviati a più persone con un messaggio template personalizzato.
Creato anche un reminder personale che ogni mattina invia una mail ricordandomi quale post pubblicare.
Per velocizzare la creazione dei post, ho costruito un flusso N8N che genera didascalie ottimizzate partendo dalle grafiche.
Workflow costruito su N8N selfhostato in locale tramite Docker, attivabile manualmente con trigger.
L'immagine del post viene inserita nel nodo collegato a Gemini, che analizza il contenuto visivo e lo descrive testualmente.
Il testo generato passa al secondo agente AI che crea la didascalia finale ottimizzata.
La didascalia viene inviata automaticamente su Sheet, pronta per essere usata.
| Risultato ottenuto | Impatto |
|---|---|
| Lead automatici nel CRM |
+100%
|
| Autoresponder Whatsapp |
+85%
|
| Autoresponder IG e FB |
+70%
|
| Reminder automatici |
+80%
|
| Tempo creazione post ridotto |
+70%
|
Hai un progetto in mente, un’idea da sviluppare o semplicemente qualcosa di cui parlare? Bene, scrivimi, e vediamo insieme cosa possiamo fare!





