Chi sono | Carmelo Bisignano

Product design end-to-end

01
Capire il contesto

Parto da dove vivrà il prodotto: le persone che lo usano, cosa cercano di fare e dove oggi qualcosa non funziona. Non tutti i problemi vale la pena risolverli, quindi parte del lavoro è scegliere quelli giusti.

Attività possibiliAnalisi dei concorrenti · Bisogni e comportamenti degli utenti · Ricerca sul campo · Interviste e osservazione · Definizione del problema
02
Dare forma al concept

Da quello che imparo, abbozzo e prototipo alcune direzioni, le testo presto e tengo quella che funziona. I workshop tengono dentro il business e il team, così il concept è condiviso prima di essere dettagliato.

Attività possibiliWorkshop · Principi di design · Value proposition · Scenari · Prototipazione · Validazione del concept
03
Progettare i dettagli

Poi il dettaglio: flussi, UI, testi, visual design e interazioni, progettati insieme perché il prodotto sembri una cosa sola. Fisico, digitale o entrambi.

Attività possibiliLinguaggio di design · Proof of concept · UX e UI design · Brand e visual design · Libreria di pattern
04
Fino al rilascio

Resto con il team di sviluppo mentre costruisce: pianificazione, revisione di ciò che esce, test e correzioni a ogni iterazione, così il prodotto che va online è quello che abbiamo progettato.

Attività possibiliDesign system · Documentazione · Lavoro a fianco degli sviluppatori · Design QA · Miglioramenti dopo il rilascio

Prodotti connessi e design HMI

01
Sistema e contesto

Prima di qualsiasi schermata guardo l’intero sistema: hardware, flussi di dati, le persone alla macchina e l’ambiente fisico, dalla luce al rumore, ai guanti e alle regole di sicurezza. Business, design e ingegneria concordano i vincoli fin dall’inizio.

Attività possibiliStudi di fattibilità · Vincoli hardware e software · Ricerca su utenti e ambiente · Mappa dell’ecosistema di dispositivi · Indagine contestuale sul posto · Scenari d’uso
02
Interaction design

Definisco come le persone parlano con il prodotto: input e output, flussi, stati, allarmi e feedback, pensati per schermi piccoli, touch, pulsanti o voce. Ogni azione ha una risposta chiara.

Attività possibiliFlussi e wireframe · Diagrammi di stato · Allarmi e feedback · Input touch, gesti e voce · Mappatura di sensori e input-output · Accessibilità
03
Prototipi sul dispositivo

Prototipo sull’hardware reale o su una simulazione fedele, alle risoluzioni e nelle condizioni reali. Gli operatori lo provano presto, e troviamo i problemi prima che diventino costosi.

Attività possibiliSimulazione HMI · Prototipi su risoluzioni e dispositivi · Prototipi hardware e software · Sessioni di feedback con gli operatori · Test di gesti e input
04
Consegna e integrazione

Trasformo il design in specifiche da cui gli ingegneri firmware e software possono costruire, poi verifico il risultato sul dispositivo, nell’aspetto e nel comportamento. Dopo il lancio, gli audit dicono cosa sistemare.

Attività possibiliDesign system per UI embedded · Specifiche per l’ingegneria · Allineamento tra firmware e UI · QA di usabilità sul campo · Test di integrazione · Audit dopo il rilascio

Esperienza di prodotti AI

01
Dove l’AI aiuta

Parto dal problema dell’utente e dall’obiettivo del business, e solo dopo mi chiedo dove l’AI aiuta davvero. Spesso è una funzione, non l’intero prodotto.

Attività possibiliMappatura dei casi d’uso · Valutazione di valore e rischi · Verifica dei dati disponibili · Fattibilità con l’ingegneria · Metriche di successo
02
Interazione e conversazione

Progetto come le persone lavorano con l’AI: prompt, suggerimenti, conversazioni, agenti che agiscono per loro, e i momenti in cui riprendono il controllo.

Attività possibiliFlussi conversazionali e di agenti · Pattern di prompt e input · Interazioni human-in-the-loop · Stati di errore, incertezza e fallback · Interazioni multimodali
03
Fiducia

Le persone devono vedere cosa fa l’AI, perché e quanto è sicura, e poterla controllare, correggere o annullare. Privacy e AI Act fanno parte del design, non sono un ripensamento.

Attività possibiliPattern di spiegabilità · Affidabilità e fonti · Feedback e correzione · Flussi di privacy e consenso · AI Act e accessibilità
04
Prototipare e regolare

Prototipo presto con modelli reali, testo con output reali e regolo comportamento, tono e limiti insieme agli ingegneri.

Attività possibiliPrototipi AI in codice · Test di usabilità con output reali · Criteri di valutazione · Tono e limiti · Iterazioni con gli ML engineer

Product discovery e strategia

01
Ricerca

Scopro di cosa hanno bisogno gli utenti e dove l’esperienza attuale li delude: percorsi, comportamenti reali, i vuoti tra i canali. Le decisioni successive poggiano su questo, non sulle opinioni.

Attività possibiliMappatura del customer journey · Workshop con gli stakeholder · Ricerca qualitativa e quantitativa · Jobs to be done · Audit dell’esperienza
02
Strategia

Collego ciò di cui hanno bisogno gli utenti con ciò che vuole il business: quali touchpoint contano di più, dove sono le opportunità, e una visione unica a cui il team può fare riferimento quando le priorità si scontrano.

Attività possibiliPriorità dei touchpoint · Principi dell’esperienza · Mappatura delle opportunità · Visione North Star · Segmenti di utenti
03
Pianificare l’esperienza

La strategia diventa qualcosa che i team possono realizzare: service blueprint, le interazioni che contano, e chi è responsabile di ogni parte del percorso tra canali e reparti.

Attività possibiliService blueprint · Percorsi futuri · Metriche dell’esperienza · Priorità degli attriti · Modello di governance
04
Metterla al lavoro

Infine, le abitudini che la tengono viva: una roadmap, KPI che qualcuno segue, rituali e cicli di feedback che mantengono la qualità mentre l’azienda cambia.

Attività possibiliRoadmap · Allineamento del team · Monitoraggio dei KPI UX · Playbook dell’esperienza · Cicli di feedback

Analytics operativi ed esperienza decisionale

01
Prima le decisioni

Parto dalle decisioni, non dai dati: chi decide cosa, quando e con quali informazioni, dall’operatore in reparto al manager che pianifica il trimestre. Così emerge dove le persone perdono tempo o vanno a intuito.

Attività possibiliRuoli e stakeholder · Inventario delle decisioni · Indagine contestuale con gli operatori · Momenti critici · Audit di report e strumenti attuali
02
KPI e dati

Con il business scelgo le metriche che contano e fisso come si misura ciascuna: fonti, qualità, soglie. Ogni numero a schermo ha un significato e un responsabile.

Attività possibiliWorkshop sui KPI · Metriche e soglie · Verifica di fonti e qualità dei dati · Architettura dell’informazione · Regole di allarme ed escalation
03
Dashboard e grafici

Progetto come i dati diventano azione: gerarchia, grafici, allarmi, drill-down e una vista per ogni ruolo, in tempo reale dove serve. I grafici entrano nel design system, e gli insight dell’AI arrivano con un modo per verificarli.

Attività possibiliDashboard per ruolo · Linee guida di data visualisation · Stati in tempo reale e di allarme · Drill-down e filtri · Insight AI spiegabili · Componenti per i grafici
04
Test e adozione

Testo con le persone che usano le dashboard ogni giorno, nelle loro condizioni reali, poi osservo come vengono usate e continuo a rifinirle.

Attività possibiliTest con operatori e manager · Compiti decisionali · Analytics d’uso · Iterazioni · Onboarding e documentazione

Prototipazione e validazione

01
Esplorare le idee

Schizzi, storyboard e demo rapide portano le idee fuori dalla testa e davanti alle persone, così gli stakeholder si accordano presto su una direzione.

Attività possibiliSessioni di ideazione · Schizzi e storyboard · Demo di concept · Verifiche di fattibilità · Mappatura delle ipotesi
02
Prototipare

Costruisco prototipi alla fedeltà che la domanda richiede: un flusso cliccabile, una simulazione in codice, un dispositivo o una scena 3D. Spesso gli strumenti AI fanno la prima versione in poche ore.

Attività possibiliWireframe e flussi cliccabili · Prototipi ad alta fedeltà · Prototipi in codice · Simulazioni su dispositivo · Prototipi AR, VR e 3D · Prototipazione assistita dall’AI
03
Test con gli utenti

Testo con utenti reali, moderati o da remoto, e unisco ciò che dicono con ciò che fanno.

Attività possibiliTest di usabilità moderati · Test da remoto non moderati · Interviste · Sondaggi e metriche · Successo dei compiti · Test di accessibilità
04
Imparare e iterare

Trasformo i risultati in una breve lista di modifiche, le rilascio e testo di nuovo, finché le evidenze dicono che funziona.

Attività possibiliSintesi dei risultati · Miglioramenti in ordine di priorità · Piano di iterazione · Monitoraggio del punteggio di usabilità · Validazione finale

Design engineering

01
Scelte di design e tecnologia

Verifico fattibilità, accessibilità e prestazioni prima della prima schermata, così quello che progetto si può costruire come era pensato.

Attività possibiliValutazioni di fattibilità · Scelte tecnologiche · Verifiche di accessibilità (WCAG, EAA) e prestazioni · Configurazione degli strumenti di sviluppo
02
Progettare in codice

Progetto in modo modulare dall’inizio: i pattern ricorrenti diventano componenti e token. Prototipi funzionanti in codice, spesso costruiti con strumenti AI, mostrano come si comporta una soluzione e dove si rompe.

Attività possibiliModuli e funzioni principali · Gerarchia dei contenuti · Prototipi in codice e proof of concept · Prototipazione assistita dall’AI · Esperimenti lean · Sincronizzazione dei token con React e Vue
03
Codice e consegna

Scrivo e rivedo il codice front-end con gli sviluppatori, con attenzione ad accessibilità, prestazioni e developer experience. Stati e flussi sono specificati, così nulla si perde sulla strada verso la produzione.

Attività possibiliSviluppo front-end · HTML e CSS in coppia · Documentazione di componenti e stati · Walkthrough di consegna · Livello di accessibilità · Linee guida dal design al codice
04
QA e scala

Design QA e test di regressione visiva tengono la UI fedele al design su ogni piattaforma. Dopo il lancio regolo architettura, prestazioni e theming per più brand e lingue.

Attività possibiliScript di design QA · Test di regressione visiva · Verifiche cross-browser e responsive · Triage dei bug di UI · Audit di prestazioni e accessibilità · Theming e multi-brand

Design system

01
Audit e fondamenta

Parto da ciò che esiste: componenti, stili, codice e come i team li usano davvero. Poi fisso le fondamenta: token, tipografia, colore, spaziature e regole di accessibilità.

Attività possibiliInventario e audit della UI · Architettura dei token · Fondamenta di accessibilità (WCAG, EAA) · Convenzioni di naming · Audit di strumenti e processi
02
Componenti e pattern

Progetto i componenti di cui i prodotti hanno davvero bisogno, con ogni stato e variante, in Figma e in codice nello stesso momento.

Attività possibiliLibreria di componenti Figma · Componenti in codice (React, Vue, Storybook) · Stati e varianti · Documentazione dei pattern · Componenti per i grafici
03
Governance

Un design system vive solo se i team lo usano e lo arricchiscono. Stabilisco come le modifiche vengono proposte, riviste e rilasciate, con versioni in git e documentazione.

Attività possibiliModello di contribuzione · Versioni e note di rilascio in git · Sito di documentazione · Revisioni di design e sviluppo · Monitoraggio dell’adozione
04
Scala e automazione

Estendo il sistema a nuovi brand, piattaforme e lingue, e automatizzo le incombenze: sincronizzazione dei token, documentazione, controlli tra Figma e codice.

Attività possibiliTheming e multi-brand · Pipeline di sincronizzazione dei token · Design QA automatica · Controlli da Figma al codice · Versionamento dei file di design · Formazione del team

Flussi di lavoro con AI e automazione

01
Come scorre il lavoro oggi

Mappo come si muove davvero il lavoro di design e di prodotto: richieste, passaggi, revisioni, rilasci. I passaggi ripetitivi, le attese e i copia-incolla emergono subito.

Attività possibiliMappatura dei flussi di lavoro · Allineamento DesignOps · Audit di strumenti e processi · Colli di bottiglia · Backlog di automazioni
02
Progettare l’automazione

Progetto i flussi e i punti in cui le persone restano al comando: cosa gira da solo, cosa richiede una revisione, cosa succede quando qualcosa si rompe.

Attività possibiliWorkflow n8n · Integrazioni API · Punti di controllo human-in-the-loop · Errori e fallback · GDPR e sovranità dei dati
03
Agenti e strumenti AI

Inserisco agenti e strumenti AI nel lavoro del team: sintesi della ricerca, contenuti, design QA, documentazione, dal design al codice. Ognuno ha un compito e un modo per verificarne il risultato.

Attività possibiliConfigurazione di agenti AI · Progettazione di prompt e contesto · Pipeline dal design al codice · Documentazione automatica · Design QA assistita dall’AI · Flussi di design basati su git
04
Adozione

Introduco i flussi con il team, misuro il tempo che fanno risparmiare e li rifinisco. Il team ne diventa proprietario, con la documentazione, così continuano a funzionare anche dopo che me ne vado.

Attività possibiliOnboarding e formazione · Monitoraggio di tempi e qualità · Documentazione dei flussi · Retrospettive · Manutenzione

Visual design, motion e 3D

01
Direzione visiva

Definisco l’aspetto del prodotto: tipografia, colore, layout, immagini e il tono che danno al brand. La esploro su schermate reali, non solo in una moodboard.

Attività possibiliEsplorazione di stile · Linguaggio visivo e stile della UI · Tipografia e colore · Icone e illustrazioni · Dal brand al prodotto
02
Motion

Progetto come si muovono le cose: transizioni, feedback, storie allo scroll e micro-interazioni che spiegano l’interfaccia, non si limitano a decorarla. Ogni durata e curva è specificata.

Attività possibiliPrincipi e token di motion · Micro-interazioni · Transizioni di pagina e di stato · Storie guidate dallo scroll · Versioni a movimento ridotto
03
3D e WebGL

Quando un momento richiede di più, modello in Blender e lo porto nel browser: scene 3D, shader, particelle e grafica generativa, leggere abbastanza per un portatile o un telefono qualsiasi.

Attività possibiliModellazione 3D in Blender · Materiali, luci e render · Export glTF per il web · Scene Three.js e WebGL · Shader personalizzati · Visual generativi
04
Costruito in codice

Rilascio il motion come codice, non come un video da copiare: GSAP e CSS che gli sviluppatori possono portare nel prodotto, testati su dispositivi reali.

Attività possibiliAnimazioni GSAP e CSS · Prototipi interattivi in codice · Export Lottie e video · Specifiche di motion per gli sviluppatori · Budget di prestazioni · QA su dispositivi reali

Vengo dal disegno architettonico e dall’illustrazione e sono passato per la grafica e il web design, fino al SaaS, mentre le aziende diventavano digitali.

Cosa posso fare per il tuo prodotto, il tuo business e il tuo team.Cosa posso fare per il tuo prodotto, il tuo business e il tuo team.

Capire il contesto

Dare forma al concept

Progettare i dettagli

Fino al rilascio

Sistema e contesto

Interaction design

Prototipi sul dispositivo

Consegna e integrazione

Dove l’AI aiuta

Interazione e conversazione

Fiducia

Prototipare e regolare

Ricerca

Strategia

Pianificare l’esperienza

Metterla al lavoro

Prima le decisioni

KPI e dati

Dashboard e grafici

Test e adozione

Esplorare le idee

Prototipare

Test con gli utenti

Imparare e iterare

Scelte di design e tecnologia

Progettare in codice

Codice e consegna

QA e scala

Audit e fondamenta

Componenti e pattern

Governance

Scala e automazione

Come scorre il lavoro oggi

Progettare l’automazione

Agenti e strumenti AI

Adozione

Direzione visiva

Motion

3D e WebGL

Costruito in codice

Cosa dicono di me

Cosa posso fare per il tuo prodotto, il tuo business e il tuo team.