Stefano Manco

UX, dati e AI applicata

Capire le persone, leggere i dati, costruire con l’AI

Il mio lavoro è capire i bisogni e le paure di chi usa un prodotto digitale. Per dieci anni l’ho fatto con la UX, poi analizzando i dati; oggi costruisco anche applicazioni con l’AI. Qui sotto il percorso, dal 2026 al 2004.

Inizia il percorso ↓
Ruoli, metodi, strumenti
Ruoli
UX designer e sviluppatore front-end (2010–2020), poi SEO tecnico e data analyst (2020–2026) in Archiproducts ed Edilportale; prima ancora, sviluppatore ActionScript in YOOX
Metodi
interviste, focus group, personas, customer journey, test A/B sul traffico reale, analisi dei concorrenti, wireframe, piani di misurazione, set di valutazione per le risposte dell’AI
Strumenti
Sketch, Adobe Creative Suite, HTML, CSS e JavaScript, Google Tag Manager, GA4, Looker Studio, Python, API dei modelli linguistici, embedding e vector store, Claude Code
Tre schede personas per architetti e ingegneriUX · 2010–2020 Mosaico di volti di giocatori di Scacco del ColleScacco del Colle · 2025 Il modulo per adottare una parola della FacePetitionFacePetition · 2020 KM0 Bot: cento numeri, una risposta con le fontiKM0 Bot · 2026
2026AI applicata

KM0 Bot: tredici anni di un giornale locale, interrogabili in italiano

Cento numeri, una risposta con le fonti: una griglia di cento numeri del giornale con il numero 67 evidenziato e collegato alla finestra di KM0 Bot, dove alla domanda su maggio 2022 il bot risponde con il numero 67, il titolo «Testimonianze dall’Ucraina» e la copertina
Una domanda vera e la risposta del bot, in breve, con la copertina del numero citato.
Il problema

Tredici anni di PDF in tre impaginazioni diverse: un archivio prezioso, ma solo per chi aveva voglia di sfogliare cento numeri.

Come l’ho risolto

Per il numero 100 di KilometroZero ho costruito un assistente che risponde in italiano e cita numero, pagina e autore di ogni fonte.

  • Ogni risposta con le sue fonti
  • Testato su domande dalla risposta nota
  • Gratuito, per tutto il paese
Come l’ho fatto

Le difficoltà

Tre impaginazioni in tredici anni
Ho scritto un’estrazione che riconosce titoli, colonne, box e rubriche fisse, così ogni articolo resta intero.
Due tipi di domanda
«Quando è stata costruita la chiesa della Madonna di Juso?» cerca un significato; «Cosa è uscito a maggio 2022?» cerca un dato esatto. Per la prima servono gli embedding, per la seconda strumenti dedicati.
La fiducia, in un paese piccolo
Le risposte sono strutturate: ogni affermazione è legata a un articolo preciso.

Tre scelte, e cosa hanno comportato

  • Ricerca ibrida, non solo vettoriale. Ci sono più pezzi da mantenere, ma numeri e date arrivano dai dati, non da un’ipotesi.
  • Solo le fonti davvero citate. L’elenco è più corto, ma ogni link sostiene una frase della risposta.
  • Una schermata che guida la prima domanda. È un passaggio in più, ma aiuta a chiedere ciò a cui l’archivio sa rispondere.
Schermate di KM0 Bot: la scheda iniziale che invita a scrivere in italiano come con una persona, le domande suggerite e una risposta sul numero di maggio 2022 con la sua copertina
L’interfaccia: la guida alla prima domanda, i suggerimenti e una risposta.

Il bot ricorda la conversazione e sa mostrare la copertina di ogni numero. È un progetto di volontariato, nato per una piccola redazione e per un paese che ha molto da raccontare.

Prova KM0 Bot →
2026Laboratorio

Imparare costruendo, con l’AI

Progetti di studio, costruiti con l’AI e verificati da me.

Copertina di theLook Analytics: cinque domande di un e-commerce, cinque risposte dai dati

Analisi dati

theLook Analytics

Cinque domande di business su un e-commerce, e un modello dati verificato da 54 test.

BigQuery · dbt · Power BI · Tableau · Python

Apri →
Copertina del fumetto animato di studio Ricerca o innovazione?

Spiegare le regole

Ricerca o innovazione?

Un fumetto animato di 13 minuti su come si riconoscono e si finanziano ricerca e innovazione.

Testi e fonti miei · disegni e animazione con Claude

Guardalo →
Copertina di ring/lab: il cerchio che decide chi serve chi

Spiegazione interattiva

Il cerchio dei server

Il consistent hashing da toccare con mano: server, repliche, cache e isteresi.

Un sistema tecnico reso esplorabile

Provalo →
Travel Voice Translator: parli in italiano e ti capiscono in sei lingue; nell’esempio una frase tradotta in giapponese, con il contesto riconosciuto e l’avviso sull’affidabilità

Voce e lingue

Travel Voice Translator

Traduce la voce tenendo conto del contesto, e avvisa quando è meno affidabile.

Con un notebook di analisi degli errori

Su Behance →
Vettore: per una keyword, il punteggio della tua pagina a confronto con le prime due concorrenti e i termini da valutare

Embedding

Vettore

Confronta il significato di una pagina con quello dei concorrenti: un punteggio pesato e i termini che mancano.

Similarità del coseno, mostrata come confronto

Su Behance →
Economix: un assistente per investimenti simulati. Alla domanda su cosa conviene fare adesso, l’app risponde che la priorità del piano è completare la base, non aggiungere trading

Programmare con l’AI

Economix

Un assistente per investimenti simulati, che gira in locale: Streamlit, SQLite, FinBERT e RAG.

Sviluppato con Claude Code, con oltre 450 test automatici

2025Fuori dall’ufficio

Online e offline

Scacco del Colle: gli scacchi in piazza e online

Nel 2025 ho fondato a Palo del Colle un’associazione di promozione sociale: scacchi per tutte le età, in piazza e online.

Mosaico di volti di giocatori di tutte le età durante tornei ed eventi
Torneo all’aperto davanti all’Arco della Pace, tavoli in piazza ripresi dall’alto, attività in sede e scacchi viventi in costume

Offline

Tornei in piazza, scacchi viventi in costume e una squadra di volontari.

Il canale YouTube dell’associazione con video di eventi, il racconto illustrato Sui passi della Regina e locandine

Online

Sito, YouTube, social, newsletter e racconti illustrati con l’AI.

  • Da aprile a dicembre 2025
  • 313.885visualizzazioni su Facebook
  • 8.500visualizzazioni su YouTube
  • 2.209utenti sul sito

Con il patrocinio del Comune di Palo del Colle e del Comitato Regionale Pugliese della Federazione Scacchistica Italiana.

scaccodelcolle.com →

2020–26Analytics e dati

Misurare per decidere, in Archiproducts ed Edilportale

Premiazione sul palco del GA Summit 2025: Best Architecture and Design products tracking strategy, Archiproducts
GA Award 2025

Best Architecture & Design Tracking Strategy

Al GA Summit 2025 di Milano è stata premiata la strategia di tracciamento di Archiproducts: il lavoro raccontato qui.

Dashboard Looker Studio chiamata Frequently Asked Analytics: pannelli intitolati come domande, con utenti, sessioni e visualizzazioni, canali di ingresso nel tempo, una mappa del mondo e sessioni per area geografica
Frequently Asked Analytics. Ogni pannello è una domanda in linguaggio semplice.
Il problema

Tanti dati, poche risposte per i team marketing e UX. E uno storico che le piattaforme non conservano per sempre.

Come l’ho risolto

Sono partito dalle domande del piano di misurazione: tracciamento con Tag Manager e GA4, dati conservati dal 2012, dashboard in cui ogni pannello è una domanda.

  • 2025 GA Award
  • dal 2012 storico dei dati
  • 1.529 domini nell’audit dei backlink
Come l’ho fatto
  • Tracciamento. Tag Manager per gli eventi UX, la pubblicità e le nuove funzioni; GA4 con funnel, eventi chiave e canali coerenti con le UTM; il consenso passa dalla CMP.
  • Storico. Script Python salvano i dati di Search Console e Analytics sui server aziendali; era in corso il passaggio a Metabase.
  • Contenuti e ricerca. Embedding e similarità del coseno per misurare quanto una pagina è pertinente rispetto ai concorrenti; nel 2025 un audit dei backlink ha spostato l’attenzione dallo spam alle opportunità.
Grafici Python e Plotly sui dati di Search Console: clic giornalieri per tipo di pagina, quota di query per tipo di pagina e clic per tipo di pagina e fascia di posizionamento
Clic da Search Console per tipo di pagina, con Python e Plotly.

Tre scelte, e cosa hanno comportato

  • Partire dalle domande, non dai report già pronti. Ci sono meno grafici, ma ognuno risponde a una domanda che qualcuno in azienda si fa davvero.
  • Tenere un nostro storico dei dati. Gli script vanno mantenuti, ma i trend dal 2012 restano anche quando le piattaforme cancellano i dati vecchi.
  • Allineare i canali di GA4 alle UTM. Costa lavoro all’inizio, ma i report delle campagne corrispondono a quello che il marketing aveva pianificato.
Lo stesso metodo in pubblico: theLook Analytics →
2020Partecipazione civica

Un progetto civico

FacePetition: una petizione al Parlamento europeo, scritta con i volti

La pagina della FacePetition: titolo, bandiere delle lingue, istruzioni e una griglia di persone che mostrano le parole della petizione scritte su un foglio
Modulo di adozione della FacePetition per la parola AND: nome, email non condivisa, Paese, regione, consenso all’uso della foto, casella facoltativa per entrare in contatto con gli altri partecipanti, una semplice somma come controllo anti-bot e il caricamento della foto
Il modulo di adozione. Il consenso all’uso della foto ha una casella tutta sua.
Slide con la cronologia del progetto, gli schizzi su carta della pagina e le date della campagna
Dagli schizzi su carta alla pagina, in due settimane.
Il problema

In pieno lockdown, la petizione «EU Can Do It!» di Eumans doveva arrivare al Parlamento europeo con dei volti, non solo con delle firme.

Come l’ho risolto

Ogni parola del testo viene adottata da una persona, che la scrive su un foglio e si fa una foto. La pagina compone la petizione volto dopo volto, in cinque lingue.

  • 236/258 parole adottate
  • 12 Paesi
  • < 4 settimane dal primo schizzo
Come l’ho fatto: consenso e numeri

Il modulo chiede solo ciò che serve: nome, un’email che non viene condivisa, Paese e regione. Il consenso all’uso della foto è una casella esplicita; il contatto con gli altri partecipanti è una casella separata e facoltativa.

Tre scelte, e cosa hanno comportato

  • Una foto con la parola scritta a mano, invece di un clic. Raccogliere le adesioni è più lento, ma dietro ogni parola c’è un volto.
  • Consenso e contatti in due caselle diverse. È una spunta in più, ma chi accetta l’uso della foto non accetta per forza di essere contattato.
  • Un’unica regola sul formato: telefono in verticale. Basta questo perché centinaia di foto fatte in casa si leggano come un solo testo.

Dallo schizzo alla Commissione per le petizioni

  1. 7–20 aprileConcept, prototipi su carta, pagina
  2. 21 aprileI primi partecipanti
  3. 22 aprileGiornata della Terra sui social
  4. 23–30 aprileVerso la Commissione per le petizioni

Parole adottate fuori dall’Italia (in Italia: 184, da 15 regioni)

  • Francia11
  • Belgio10
  • Regno Unito10
  • Spagna5
  • Danimarca5
  • Portogallo3
  • Germania2
  • Polonia2
  • Altri tre, ciascuno1
Il progetto su Behance →
2010–20UX design

Dieci anni di UX per architetti, ingegneri e designer

Tre schede personas: una lavoratrice autonoma, un ingegnere edile e un’ingegnera civile, ognuna con tratti, frustrazioni, obiettivi, epic e scenario d’uso
Tre delle personas. Michele, ingegnere edile, cerca normative aggiornate di cui fidarsi; Costanza teme di muoversi su regole che non conosce del tutto.
Il problema

Professionisti con poco tempo, davanti a cataloghi enormi. E pagine così ben posizionate su Google che nessun URL poteva cambiare.

Come l’ho risolto

Interviste, focus group e personas per capire chi avevamo davanti. Test A/B sul traffico reale, per far decidere agli utenti. E un redesign di Archiportale che non tocca gli URL.

Una parete di homepage di riviste di architettura, da Abitare a Domus a Frame, e i tre schemi di layout trovati: piramide rovesciata asimmetrica, piramide rovesciata simmetrica, colonne simmetriche
19 riviste internazionali, raggruppate in tre schemi di layout.
Il redesign di Archiportale come prototipo HTML, nella finestra di un browser e su uno smartphone: notizie in primo piano, banner nel layout e iscrizione alla newsletter
Il redesign, costruito come prototipo HTML. Guardalo →
  • Le versioni migliori sono andate online
  • 19 riviste internazionali analizzate
  • Navigazione ridisegnata senza toccare gli URL
Come l’ho fatto: ricerca e test

Lavoravo come UX designer, insieme a designer, sviluppatori e marketer. I nostri utenti leggevano in fretta, saltando da un paragrafo all’altro e fermandosi sulle immagini forti. Una mappa del customer journey in sette fasi mostrava, per ognuna, cosa facevamo già e cosa potevamo fare.

I test A/B andavano online con Google Experiments, oggi dismesso: uno switch al posto di un pulsante, due versioni del modulo di richiesta informazioni, diversi flussi di registrazione. I numeri sono rimasti all’azienda; online sono rimaste le versioni che hanno funzionato meglio.

Il brief di Archiportale, in una domandaCome possiamo convincere un target di professionisti specializzati in edilizia, architettura e design a leggere il maggior numero di notizie su archiportale.com, in modo da giustificare un aumento delle tariffe per gli inserzionisti?

  • Analisi dei concorrenti. 19 riviste raggruppate in tre schemi: piramide rovesciata asimmetrica, piramide rovesciata simmetrica, colonne simmetriche.
  • Pubblicità. Su mobile le skin a schermo intero spariscono e i banner verticali diventano quadrati.
  • Dai wireframe al codice. Pagine HTML su griglie a 12 e 16 colonne con Foundation 6, file versionati in TFS e AMP in valutazione per il mobile.
Flowchart della struttura attuale di Archiportale e di quella proposta, affiancati: nella proposta le notizie sono raccolte in una sezione con quattro argomenti
La navigazione, prima e dopo.
Una skin pubblicitaria a schermo intero su domus nella versione desktop, la stessa pagina su smartphone senza skin, e un banner quadrato su mobile
La pubblicità, dal desktop allo smartphone.
Wireframe a bassa fedeltà di Archiportale: la home desktop e due schermate mobile, con banner, slider e notizie
I wireframe, desktop e mobile.
Emotional user chart: per sei azioni, dal conoscere gli argomenti al rendere pubblico il proprio lavoro, il massimo e il minimo di conoscenza professionale rispetto al coinvolgimento sul sito
L’emotional user chart delle personas.

Tre scelte, e cosa hanno comportato

  • Tenere ogni URL e i percorsi verso Progetti, Progettisti e Prodotti. Meno libertà nel ridisegnare la struttura, ma il traffico da Google e dagli altri siti del network restava al sicuro.
  • Raccogliere le notizie in una sezione, con gli argomenti sempre in vista. C’è un livello in più, ma ogni argomento resta a un clic da qualsiasi pagina.
  • Testare piccole modifiche sul traffico reale. È più lento di un unico grande redesign, ma ogni modifica si basa su quello che gli utenti hanno fatto davvero.
2019Ricerca UX

Il test che ci ha fatto risparmiare uno sviluppo

Due versioni del catalogo divani di Archiproducts: a sinistra il filtro In vendita con uno switcher, a destra lo stesso filtro con una checkbox
Versione attuale e modifica: switcher o checkbox per il filtro «In vendita».
Risultati del primo sondaggio: le preferenze dei 15 intervistati disposte per anzianità e frequenza d’uso, 10 per lo switcher e 5 per la checkbox
I risultati, per anzianità e frequenza d’uso.
Il problema

Una modifica al filtro dei prodotti in vendita era pronta per lo sviluppo. Ma serviva davvero?

Come l’ho risolto

Prima di scrivere codice, con il team UX abbiamo fatto un test con 15 colleghi di 6 reparti: un compito a tempo e due confronti tra versioni.

  • 29 s in media per trovare i prodotti in vendita
  • 10 su 15 preferiscono lo switcher attuale
  • Sviluppo fermato, tempo e risorse risparmiati
Cosa abbiamo fatto al posto della modifica

Le risposte dicevano di tenere lo switcher. Al posto della modifica, tre interventi piccoli: più contrasto tra stato attivo e disattivo, un’area di clic più grande, rimandi più evidenti alle categorie con prodotti in vendita.

Il dettaglio più utile è arrivato da due sviluppatori che non conoscevano il prodotto: uno ha cercato a lungo la categoria nei menu a tendina, l’altro non ha trovato lo switcher e continuava a usare il filtro prezzi.

  • Il compito. Trovare solo i prodotti in vendita della categoria Mobili TV: tra 14 e 56 secondi.
  • Come lo hanno fatto. 7 con il motore di ricerca, 4 con il menu a tendina, 1 navigando tra le categorie, 3 cambiando strada a metà.
  • Testo breve o lungo. «In vendita» o «Mostra solo prodotti in vendita»: 8 contro 7.
2019Edilportale

Edilportale 3.0: il catalogo diventa responsive

La sezione Software di Edilportale su desktop, smartphone e tablet, con la ricerca tra 800 software e le categorie dell’archivio
Il problema

Un catalogo pensato solo per il desktop: più di 120 richieste per caricare una pagina, un solo H1, nessun dato strutturato.

Come l’ho risolto

In un team di sei persone ho curato HTML semantico, SEO e ottimizzazione delle pagine, nel passaggio da Bootstrap a Foundation.

  • 57 → 70 velocità su mobile
  • 123 → 55 richieste
  • 1,89 → 1,20 s caricamento
Prima e dopo, misurati
Confronto prima e dopo sulla pagina prodotti di Edilportale: richieste, peso e tempi di caricamento; punteggio di velocità Lighthouse da 57 a 70 su mobile e da 93 a 94 su desktop
edilportale.com/prodotti, misurata a febbraio e a marzo 2019.
  • HTML semantico. Le categorie principali diventano H2, le sottocategorie testo in grassetto; ogni categoria ha una sua descrizione, per un rapporto migliore tra testo e codice.
  • Dati strutturati. Prodotti, marchi, breadcrumb e notizie descritti secondo schema.org.
  • Su una pagina di categoria la velocità su mobile passa da 69 a 75.
2018Network Edilportale

Dal prodotto all’ordine: quattro progetti

Landing di approfondimento per una collezione di arredi da esterno

Edilportale

Una pagina per un solo prodotto

Landing di approfondimento su desktop e su mobile, progettate in Sketch.

Su Behance →
Capitoli del documento sui flussi di ArchiSeller: piattaforma, acquisto singolo con spedizione, spedizione ArchiSeller, acquisti multipli

Marketplace

ArchiSeller: i flussi d’acquisto

Ogni combinazione di consegna, disponibilità e pagamento scritta passo per passo.

6 attori · 3 metodi di pagamento · 5 stati dell’ordine

Le eccezioni previste per le schede rivenditori: testo centrato quando manca la galleria, galleria centrata quando manca la descrizione

Archiproducts

Le schede dei rivenditori

Due layout a confronto e una regola per ogni caso vuoto: senza descrizione, senza galleria, senza nessuna delle due.

Wireframe delle newsletter Shop, News, Focus e Notizie del network

Newsletter

Dalla composizione a mano ai template

Le newsletter del network analizzate una per una, e un compositore a template al posto dell’HTML scritto ogni volta a mano.

Scorri di lato per vederli tutti →

2016Archiproducts

Il Salone del Mobile, su desktop e in tasca

Pagina di Archiproducts per il Salone del Mobile 2016 con i prodotti in evidenza, versione desktop
La pagina del Salone del Mobile 2016 nella versione mobile

Copertura del Salone del Mobile 2016 per Archiproducts. Su Behance →

2015Archiproducts

Il restyle di Archiproducts, partendo da come fanno gli altri

Il problema

Una registrazione che chiedeva per prima cosa la località e due conferme dell’email. Una scheda prodotto con troppe call to action.

Come l’ho risolto

Ho analizzato 8 flussi di registrazione e 7 schede prodotto, poi ho provato i nostri contenuti sui loro layout.

Home di Archiproducts dopo il restyle del 2015, con prodotti e notizie
La home dopo il restyle.
Proposta di registrazione a step su Archiproducts, con una foto a tutto schermo e la profilazione in un wizard
Registrazione a step, con la profilazione in un wizard.
Prova di scheda prodotto Archiproducts a due colonne, con il titolo a destra e l’acquisto in evidenza
Una prova di scheda prodotto a due colonne.
Pagina di catalogo dei divani su Archiproducts, con filtri laterali e griglia di prodotti
Il catalogo, con i filtri laterali.

Il restyle su Behance →

2014Edilportale

Edilportale Tour: una mostra-convegno in 18 tappe

Home di Edilportale Tour 2014: la mostra-convegno in 18 tappe, con la foto di una sala piena Pagina del Forum Tecnologie Costruzioni, con la sala del convegno, i temi e l’agenda

Il sito del tour nazionale di Edilportale e le pagine dei suoi eventi. Su Behance →

2011Edilportale

Componenti fatti in casa

Vicky: i cinque layout della galleria (numerico, anteprime, lista, griglia, colonna) e un estratto del file di configurazione JSON
Vicky · 2011. Gallerie di immagini in cinque layout, configurabili da un file JSON.
Popey: una playlist da 97 video in griglia, un video aperto in pop-up, la playlist Edilportale Tour 2015 e la riga di codice che avvia il componente
Popey · 2015. Una playlist YouTube trasformata in pagina, con poche righe di codice.
2009YOOX · Bologna

Raccontare la moda, non solo venderla

Pagine speciali per yoox.com e thecorner.com in ActionScript, per brand come Valentino, Armani e Moschino.

Pagina speciale davidelfin per yoox.com: dieci anni, dieci look Pagina speciale Clubland su yoox.com: tre decenni di club e glamour vintage, in collaborazione con Rolling Stone Italia Pagina Neil Barrett Confidential su thecorner.com, con un video intervista Pagina speciale Trussardi su thecorner.com

MyYoox Experience · Special Projects

2004Da dove parto

Comunicazione, fotografia, design

Bari, 2001–2004. Scienze della Comunicazione, con una tesi sulla storia del fotogiornalismo.
2004–2006. Fotografo e team manager per strutture turistiche, in Italia e all’estero.
Copenaghen, 2006–2008. Multimedia Design (AP Degree): UX, interaction design e comunicazione digitale.

Tutti i progetti su Behance →

Ne parliamo?

Se uno di questi problemi somiglia a quelli del tuo team, fissiamo un incontro conoscitivo: ti racconto da vicino come ci ho lavorato e cosa farei diversamente oggi.

Scrivimi LinkedIn CV