Risolvo problemi con il codice, il design e le campagne. Quando serve, costruisco lo strumento.
Imprese
Per le imprese costruisco siti, campagne e strumenti per vendere online e farsi trovare.
Un motore di contenuti che non pubblica senza una persona, un design system con una sola fonte, un metodo per verificare i fatti.
Per chi lavoro
Enti pubblici, terzo settore, ITS Academy, piccole imprese.
sviluppo web
design
growth hacking
strumenti AI
formazione
Cosa faccio
Strategia e campagne · , Siti su misura · , Strumenti AI per i contenuti · , Formazione · , Controllo del sitoCosa comprende
Strategia e campagnePiano di comunicazione, brand, funnel e campagne Meta, Google e TikTok, con report su lead, costo per lead e ROI.
Siti su misuraWordPress su misura e Next.js/React, dal sito multipagina al supporto continuativo, con SEO tecnica e contrasto WCAG AA verificato.
Strumenti AI per i contenutiBozze, caroselli e articoli che partono dagli asset reali del brand e non si pubblicano senza una persona che li rivede.
FormazioneCorsi di web marketing e sviluppo siti in ITS, enti di formazione e associazioni. Nel corso sui siti ogni partecipante costruisce il suo, sul proprio dominio.
Controllo del sitoUn primo lavoro piccolo su un sito che esiste già: prestazioni, accessibilità, link rotti e chiarezza dei testi. Alla fine consegno una lista scritta di cosa sistemare, in ordine di priorità.
sviluppo web
design
growth hacking
strumenti AI
formazione
Un motore di contenuti che non pubblica senza una persona, un design system con una sola fonte, un metodo per verificare i fatti.
Casi
Cliente · Problema · Strumento · Soluzione
Terzo settore2022–2023, 2026
Piano, brand e sito per MetaCometa APS
Cliente
MetaCometa APS · affido familiare
Problema
Comunicazione da pianificare, un nuovo sito che parli a pubblici diversi.
Strumento
Meta Ads e SEO, poi WordPress su misura e donazioni con Stripe.
Soluzione
Piano e brand, poi un sito che l'associazione può aggiornare da sola.
Il nuovo sito raccoglie ogni mese in donazioni quanto è costato farlo.
Tecnologie e soluzioni
Tecnologie
Soluzioni
Ente pubblico2023, 2025–2026
Campagne e design system per ITS Cadmo Academy
Cliente
Fondazione ITS Cadmo Academy · area ICT
Problema
Corsi gratuiti da far conoscere, un'identità visiva da tenere coerente.
Strumento
Campagne su TikTok, Meta e Google; Figma, Penpot e Style Dictionary.
Soluzione
Copioni per video brevi che chiedono una cosa sola, e un design system.
Annunci con pagine per iscriversi; home del sito e locandine coerenti.
Tecnologie e soluzioni
Tecnologie
Soluzioni
Impresa2025–2026
Sito e manutenzione per un'azienda privata
Cliente
Azienda privata · sito aziendale su WordPress
Problema
Un sito aziendale da ricostruire, aggiornare e proteggere.
Strumento
WordPress, backup, sicurezza, prestazioni e CRM.
Soluzione
Sito ricostruito, manutenzione continua, flussi di email e newsletter.
L'azienda ha avuto un supporto cresciuto insieme alle sue richieste.
Tecnologie
Formazione2023–2024
Corso sui siti per un ente di formazione
Cliente
Un ente di formazione · altre docenze: ITS Cadmo Academy, Midia, In.form@ti
Problema
Portare i corsisti a fine corso con un sito vero in mano.
Strumento
WordPress, Figma, HTML e CSS, quiz su come provare e correggere un sito.
Soluzione
Lezioni in cui ognuno progetta partendo da cosa devono fare gli utenti.
Ogni corsista costruisce il sito sul proprio dominio, che resta suo.
Tecnologie
Terzo settore2022–2023
Comunicazione del progetto «Mentore» per U.N.L.A. APS
Cliente
U.N.L.A. APS · progetto «Mentore»
Problema
Un progetto da comunicare, dall'avvio al convegno di chiusura.
Strumento
Piano a fasi, landing page, email automatiche, link e QR tracciati.
Soluzione
Iscrizione online degli enti, formazione ai centri, report chiari a tutti.
Grafica, testi e strumenti restano a U.N.L.A. APS, che può riusarli.
Tecnologie e soluzioni
Tecnologie
Soluzioni
Impresa2021–2023
Brand e vendita online per Dottor Benessere
Cliente
Digisell, società di servizi digitali di cui ero socio · brand Dottor Benessere
Problema
Un brand di integratori da ideare e portare alla vendita online.
Strumento
Meta Ads, sviluppo web e grafica.
Soluzione
Brand ideato, poi landing page e campagne pensate per vendere.
Il brand è nato in Digisell, con un canale di vendita diretto.
Chi doveva vendere online, chi farsi trovare, chi digitalizzarsi.
Strumento
SEO, ottimizzazione delle conversioni, Google e Meta Ads, formazione.
Soluzione
Siti, e-commerce, campagne o un gestionale, secondo l'impresa.
Una clinica veterinaria e un back office sono stati formati al digitale.
Tecnologie
Impresaottobre 2026in corso
Questo sito, un progetto mio
Cliente
Postella.it · progetto mio
Problema
Un portfolio statico da sostituire con un sito che resti vivo.
Strumento
Astro, Claude Code e un solo file con i fatti dei casi.
Soluzione
Testi controllati in automatico, risposte della chat preparate in anticipo.
In corso, ma già oggi cambio un fatto e si aggiornano schede e chat.
Tecnologie e soluzioni
Tecnologie
Soluzioni
Cosa faccio
Strategia e campagne · , Siti su misura · , Strumenti AI per i contenuti · , Formazione · , Controllo del sitoCosa comprende
Strategia e campagnePiano di comunicazione, brand, funnel e campagne Meta, Google e TikTok, con report su lead, costo per lead e ROI.
Siti su misuraWordPress su misura e Next.js/React, dal sito multipagina al supporto continuativo, con SEO tecnica e contrasto WCAG AA verificato.
Strumenti AI per i contenutiBozze, caroselli e articoli che partono dagli asset reali del brand e non si pubblicano senza una persona che li rivede.
FormazioneCorsi di web marketing e sviluppo siti in ITS, enti di formazione e associazioni. Nel corso sui siti ogni partecipante costruisce il suo, sul proprio dominio.
Controllo del sitoUn primo lavoro piccolo su un sito che esiste già: prestazioni, accessibilità, link rotti e chiarezza dei testi. Alla fine consegno una lista scritta di cosa sistemare, in ordine di priorità.
sviluppo web
design
growth hacking
strumenti AI
formazione
Un motore di contenuti che non pubblica senza una persona, un design system con una sola fonte, un metodo per verificare i fatti.
Per chi lavoro
Enti pubblici, terzo settore, ITS Academy, piccole imprese.
Ora locale
In corso
Lavori aperti adesso
Tecnologie per area
Content Bard
schema: ricostruzione illustrativa, non il prodotto vero
Pubblicazioni sospese
Interruttore di sicurezza: se qualcosa va storto, le pubblicazioni restano sospese.
Sospese: non esce niente.
Chat
Un caso, una conversazione
Scegli un caso
Risposte preparate da me sui fatti verificati, con la fonte sotto ognuna. Non sono generate sul momento.
Tecnologie
WordPress
Sviluppo
A cosa mi è servitoChild theme, plugin custom e shortcode riutilizzabili; supporto e ricostruzione; corsi; pubblicazione da Content Bard.
Casi
Soluzioni
Stripe
Sviluppo
A cosa mi è servitoDonazioni online con webhook, ricevute ed email transazionali.
Casi
Astro
Sviluppo
A cosa mi è servitoQuesto sito: statico, con i testi che partono dal POT.
Casi
Soluzioni
React
Sviluppo
A cosa mi è servitoWayther: SPA per viaggi a tappe con React e Vite, Redux Toolkit, React Hook Form, Zod e Firebase. Content Bard usa lo stesso stack JavaScript/React.
Soluzioni
Next.js
Sviluppo
A cosa mi è servitoDashboard per leggere, modificare e unire le entità della wiki.
Soluzioni
Git e CI
Infrastruttura
A cosa mi è servitoCodice versionato con deploy CI, test di reflow in CI, pagina ponte su GitHub Pages.
Casi
Soluzioni
Vercel
Infrastruttura
A cosa mi è servitoDeploy della dashboard della wiki e della prima versione di Content Bard, con Supabase.
Soluzioni
Cron e rebuild programmati
Infrastruttura
A cosa mi è servitoLa wiki acquisisce le fonti ogni giorno; questo sito si ricostruisce da solo con un rebuild programmato.
Soluzioni
Claude Code
AI
A cosa mi è servitoStrumento di lavoro usato in modo sistematico, con la memoria di progetto in file come CLAUDE.md; questo sito è costruito così.
Casi
Soluzioni
MCP (server per Claude Code)
AI
A cosa mi è servitoServer MCP che collega Claude Code a Content Bard.
Soluzioni
Modelli linguistici (LLM)
AI
A cosa mi è servitoTesti nella voce del brand, fact-check e controlli legali con revisione umana; pagine della wiki aggiornate da un LLM.
Casi
Soluzioni
Token di design W3C
Design
A cosa mi è servitoFonte unica di colori e stili di un sistema visivo.
Casi
Soluzioni
Style Dictionary
Design
A cosa mi è servitoBuild dei token verso CSS, SCSS e JS.
Casi
Soluzioni
Figma
Design
A cosa mi è servitoProgetto grafico dei siti nel corso. Nel design system: board per Figma e Penpot, import per Tokens Studio.
Casi
Soluzioni
Accessibilità WCAG AA
Design
A cosa mi è servitoContrasto WCAG AA sul nuovo sito di MetaCometa APS; su questo sito contrasti calcolati da uno script e test di reflow in CI.
Casi
Soluzioni
Meta Ads
Growth
A cosa mi è servitoCampagne per le iscrizioni ai corsi, la vendita diretta di un brand, un'associazione e piccole imprese.
Casi
Google Ads
Growth
A cosa mi è servitoCampagne per le iscrizioni ai corsi e per un importatore di prodotti per il giardinaggio.
Casi
TikTok Ads
Growth
A cosa mi è servitoCampagne per le iscrizioni ai corsi post-diploma di ITS Cadmo Academy.
Casi
SEO
Growth
A cosa mi è servitoSchema.org, sitemap e redirect dal vecchio sito; siti ed e-commerce pensati per la ricerca; SEO on-page nei corsi.
Casi
Landing page e funnel
Growth
A cosa mi è servitoLanding per iscrizioni, vendita diretta e registrazione degli enti; funnel di risposta diretta.
Casi
Soluzioni
Email automatiche, DEM e newsletter
Growth
A cosa mi è servitoEmail personalizzate per tipo di ente, flussi DEM e newsletter, email transazionali delle donazioni.
Casi
Soluzioni
GA4
Dati
A cosa mi è servitoEventi sul nuovo sito di MetaCometa APS; metriche dei contenuti in Content Bard.
Casi
Soluzioni
Soluzioni
Metodi
Piattaforma
Per un cliente
Open source
Progetti
Metodo · 2026 – oggi
Il metodo POT (Point of Truth)
Problema
Contenuti che rischiano stime, formule imprecise e statistiche senza fonte.
Come funziona
Raccolgo i fatti in un documento unico, con la fonte primaria dichiarata.
Do a ogni dato uno stato: confermato, da verificare, riservato, datato.
Dove manca un dato metto un segnaposto, non una stima.
Ogni modifica entra in un changelog con data, sezione e fonte.
schema: ricostruzione illustrativa con dati d'esempio
Esempio di tabella dei fatti
Campo
Valore
Stato
Fonte
Nome del progetto
Progetto d'esempio
confermato
Documento di avvio
Data di avvio
vuoto
da verificare
—
Contatto interno
vuoto
riservato
—
Orari dello sportello
Mattina
datato
Pagina precedente
Dove manca un dato resta lo stato, non una stima.
Stato
In uso dal 2026: alla base del nuovo sito di MetaCometa APS e di questo sito.
Casi
Piattaforma che ho ideato · giugno 2026 – in corso
Content Bard
Ne sono l'ideatore e lo sviluppatore principale.
Problema
Contenuti social e blog prodotti con l'AI senza perdere fatti, voce del brand e controllo.
Come funziona
Acquisisce e indicizza gli asset reali del brand da Google Drive.
Genera caroselli, articoli e reel con regole di brand e guardrail.
Una persona rivede; i contenuti seguono un calendario e una linea editoriale.
Pubblica su social e WordPress, con un interruttore che sospende tutto se qualcosa va storto.
schema: ricostruzione illustrativa con dati d'esempio
Brand di prova
CaroselloBozza · da rivedereApprova
Pubblicazioni sospese
Se qualcosa va storto, l'interruttore resta chiuso.
Stato
In corso. Nato dal motore di contenuti del nuovo sito di MetaCometa APS e reso multi-brand: ruoli, inviti, dati isolati per brand. Oggi self-hosted, con release versionate, rollback e backup con prova di ripristino.
Casi
Tecnologie
Componente costruito per un cliente · giugno–luglio 2026
Revisione editoriale dei testi scritti con l'AI
Problema
Testi scritti con l'AI che possono uscire con errori, tic da macchina o rischi legali.
Come funziona
Riscrive i testi nella voce del brand.
Fact-checker e legal checker li controllano; il legal checker non pubblica da solo.
Un controllo dei tic da macchina lascia in bozza i testi con errori.
Permessi AI per utente: l'ultima parola è di una persona.
Stato
In uso nel nuovo sito su misura di MetaCometa APS.
Casi
Tecnologie
Componente costruito per un cliente · giugno–luglio 2026
Una fonte, tanti output: la pipeline dei token
Problema
Colori e stili da tenere uguali fra codice, file di design, stampa e AI.
Come funziona
I token in formato W3C sono l'unica fonte.
Style Dictionary li trasforma in CSS, SCSS e JS.
Board per Figma e Penpot, import per Tokens Studio.
Una guida leggibile anche dall'AI e un brand brief in italiano e inglese.
schema: ricostruzione illustrativa con dati d'esempio
Ogni progetto parte da un documento unico con la fonte di ogni dato. Dove un dato manca metto un segnaposto, non una stima.
Una persona resta nel processo.
I testi scritti con l'AI restano in bozza finché qualcuno non li rivede. I testi legali non si pubblicano mai da soli.
Il lavoro resta di chi lo commissiona.
Sito, account e strumenti restano al cliente. Guide, formazione e affiancamento servono a renderlo autonomo.
Come si parte dopo il primo messaggio
Leggo il messaggio e rispondo io, da matteo@postella.it.
Se mancano informazioni, le chiedo per email prima di proporre qualcosa.
Mando un preventivo scritto con il lavoro da fare.
Prima di cominciare raccolgo i fatti in un documento unico, con la fonte di ogni dato.
Alla consegna sito, account e strumenti restano al cliente, con guide o affiancamento per usarli.
Un primo lavoro piccolo: il controllo del sito
Un primo lavoro piccolo su un sito che esiste già: prestazioni, accessibilità, link rotti e chiarezza dei testi. Alla fine consegno una lista scritta di cosa sistemare, in ordine di priorità.
llms.txt
matteo@postella ~ %
Lo stesso file è anche all'indirizzo postella.it/llms.txt.
Un sito da costruire o rifare, una campagna da impostare, un flusso di contenuti con l'AI da tenere sotto controllo, un corso da organizzare? Scrivimi cosa serve, per quando e, se c'è, un link.
Da qui il messaggio non parte: «Copia messaggio» lo mette negli appunti, poi si incolla in una email a matteo@postella.it. «Apri nella posta» è una comodità: se non si apre niente, basta copiare l'indirizzo.Con «Invia» il messaggio arriva a me e rispondo io all'email indicata. Se non parte, si può copiare e mandare dalla propria posta.
Accessibilità
L'obiettivo è il livello AA delle WCAG 2.2. Non lo dichiaro raggiunto: qui scrivo solo cosa controllano le prove automatiche che faccio girare a ogni modifica, e cosa so che manca.
Cosa controllano le prove
Menu, finestre, barra delle app, chat e Posta si usano con la tastiera: Tab, Invio ed Esc. Il fuoco non finisce sotto la barra in alto o sotto la barra delle app e, quando una finestra si chiude, torna da dove era partito.
Al primo Tab compaiono due scorciatoie: «Vai ai casi» e «Vai ai contatti».
Le finestre sono dialoghi con un titolo; gli esiti di copia e invio si leggono a parole.
I pulsanti della barra delle app, le scorciatoie e i campi della Posta sono alti almeno 44 pixel.
Con il movimento ridotto, chiesto dal sistema o dalle Impostazioni, l'introduzione e le animazioni della chat si fermano.
Con «più contrasto» o con i colori forzati del sistema il vetro diventa pieno e pulsanti, interruttori e semafori restano riconoscibili.
Con il vetro opaco, in chiaro e in scuro, il testo ha un contrasto di almeno 4,5 a 1 con il suo fondo, 3 a 1 se è grande: sulla pagina, nelle Impostazioni e nelle finestre principali.
Con il vetro medio e con quello trasparente, in chiaro e in scuro, le prove misurano il fondo vero dietro ogni testo, punto per punto, e chiedono 4,5 a 1 (3 a 1 se il testo è grande) su almeno 98 punti su 100: sulla pagina, nelle Impostazioni, in un menu e nelle finestre Tecnologie e Chat.
Sul telefono la pagina non scorre di lato.
Limiti che conosco
Con il vetro medio o trasparente il fondo cambia con quello che passa sotto: le prove controllano la pagina, le Impostazioni, un menu e due finestre in posizioni fisse, non ogni combinazione.
Le prove non usano un lettore di schermo: quella verifica si fa a mano.
Cartelle e finestre si spostano solo trascinando; tutto quello che contengono si apre anche dai menu e dalla barra delle app.
Se qualcosa non funziona
Scrivimi a matteo@postella.it cosa non si riesce a usare, con quale dispositivo e quale programma: rispondo io.
Impostazioni
Il sistema chiede meno trasparenza: il vetro resta pieno.
Aspetto
Riduci movimento
Icone della scrivania
Accessibilità
Dati
In questo browser salvo solo le preferenze della pagina: tema, livello del vetro, movimento ridotto, posizione e ordine delle icone. Finché la scheda resta aperta tengo anche un segno che la visita è già stata contata.
I caratteri arrivano da questo sito, non da servizi esterni.
Conto in forma anonima le visite e cosa si apre o si copia sulla scrivania, senza cookie e senza dati che identifichino chi legge.
Le domande della chat che non trovano risposta le conservo senza indirizzi email né numeri lunghi, per preparare risposte nuove. Il messaggio della Posta parte solo con «Invia»: lo leggo io e lo uso solo per rispondere.
Tolgo da questo browser tutto quello che la pagina ha salvato?
Matteo Postella · marketing digitale e sviluppo web
Risolvo problemi con il codice, il design e le campagne. Quando serve, costruisco lo strumento.
Imprese
Per le imprese costruisco siti, campagne e strumenti per vendere online e farsi trovare.
La scrivania si apre con JavaScript attivo: qui ci sono i casi e i contatti in un foglio semplice.
Strategia e campagne Piano di comunicazione, brand, funnel e campagne Meta, Google e TikTok, con report su lead, costo per lead e ROI.
Siti su misura WordPress su misura e Next.js/React, dal sito multipagina al supporto continuativo, con SEO tecnica e contrasto WCAG AA verificato.
Strumenti AI per i contenuti Bozze, caroselli e articoli che partono dagli asset reali del brand e non si pubblicano senza una persona che li rivede.
Formazione Corsi di web marketing e sviluppo siti in ITS, enti di formazione e associazioni. Nel corso sui siti ogni partecipante costruisce il suo, sul proprio dominio.
Controllo del sito Un primo lavoro piccolo su un sito che esiste già: prestazioni, accessibilità, link rotti e chiarezza dei testi. Alla fine consegno una lista scritta di cosa sistemare, in ordine di priorità.
Contatti
Un lavoro da fare o una domanda su un caso: scrivimi, rispondo io.