Esperienza Professionale

Guido la libreria di componenti UI condivisa di HQ, usata in oltre 28 mercati internazionali, trasformando le specifiche di design in primitive React riutilizzabili e fedeli al brand su solide fondamenta di HTML e CSS, e faccio da ponte tecnico tra Design, Prodotto e Ingegneria.

• Guido la libreria di componenti UI condivisa di HQ, usata in oltre 28 mercati internazionali, trasformando le specifiche di design in primitive React riutilizzabili e fedeli al brand su solide fondamenta di HTML e CSS.
• Mantengo il design system come monorepo Yarn con un pacchetto foundations per i design token e un pacchetto react per i componenti, versionati e rilasciati separatamente così che gli aggiornamenti dei token e le modifiche alle API dei componenti restino contratti distinti per i team che li consumano.
• Curo la pipeline dei token: definiti in Figma (spaziatura, colore) ed esportati in due formati, variabili Sass per i fogli di stile e JSON per il consumo da JavaScript, dando a design e ingegneria un’unica fonte di verità. I componenti sono in TypeScript e SCSS, tematizzabili, insieme a un livello agnostico rispetto al framework in JavaScript, HTML e CSS puri.
• Ho automatizzato la pipeline di rilascio end to end: i Conventional Commits su main attivano semantic-release per risolvere le versioni, generare i changelog, creare tag Git con scope, pubblicare su GitHub Packages e aprire GitHub Releases con le note.
• Garantisco la qualità in CI con Vitest, Playwright, axe per i controlli automatici di accessibilità e SonarQube per l’analisi statica e i quality gate.
• Espongo il design system agli agenti di codice IA tramite Figma MCP, così il codice generato si appoggia a primitive reali del sistema invece di inventare markup; ho integrato GitHub Copilot nel ciclo di sviluppo dei componenti e definito il processo di revisione che mantiene i contributi assistiti dall’IA curati e senza regressioni.
• Ho consegnato il frontend di una campagna di brand mondiale che ha raggiunto oltre 350.000 utenti, preservando un’estetica cinematografica e boutique con un lavoro attento su movimento e dettaglio.
• Faccio da ponte tecnico principale tra Design, Prodotto e Ingegneria; scrivo la documentazione dei componenti e tengo workshop pratici di React e UI che diffondono standard di ingegneria condivisi tra i mercati.
• Ho orchestrato la strategia di accessibilità dei componenti UI di HQ, raggiungendo il 90% di conformità in oltre 28 mercati internazionali ed eliminando le segnalazioni degli strumenti di audit automatico.
• Ho sviluppato un sistema di monitoraggio con PowerBI per seguire la salute digitale in tutte le regioni, permettendo di risolvere in modo proattivo le regressioni di performance e accessibilità.

• React
• TypeScript
• SCSS
• Sass
• Design Tokens
• Figma
• Figma MCP
• Yarn Workspaces
• Monorepo
• semantic-release
• Conventional Commits
• GitHub Packages
• GitHub Actions
• Vitest
• Playwright
• Axe
• SonarQube
• Storybook
• Next.js
• Contentful
• WCAG 2.1
• WCAG 2.2
• European Accessibility Act
• VoiceOver
• GitHub Copilot
• Claude Code

Lavoro freelance di design e ingegneria frontend per brand e startup, insieme a una libreria pubblica di pattern di componenti accessibili e a un flusso assistito dall’IA in cui sono io il passaggio di validazione.

• Ho scritto e pubblicato una libreria pubblica di oltre 12 pattern di componenti riutilizzabili e conformi alle WCAG (tab, modali, accordion, dropdown, tabelle, paginazione, scroll-jacking), strutturati per essere consumati dagli agenti di codice IA così che l’implementazione accessibile sia quella predefinita. Include lavoro originale su scroll-jacking accessibile e interfacce a hotspot, aree senza linee guida pubblicate in precedenza.
• Uso Claude Code ogni giorno per impostare e consegnare pattern di componenti curati, accelerando la consegna senza sacrificare la qualità, e funziono come passaggio di validazione umana nei flussi da design a codice assistito dall’IA, revisionando l’output generato per struttura, semantica e qualità dell’interazione prima della produzione.

• React
• TypeScript
• CSS
• Storybook
• Module Federation
• Internazionalizzazione
• Next.js
• Contentful
• Nunjucks
• Drupal
• WCAG 2.1
• WCAG 2.2
• European Accessibility Act
• Axe
• VoiceOver
• Claude Code
• AI skills

Ho guidato la migrazione di blog e dashboard da un’architettura legacy a uno stack moderno in una piattaforma fintech per investitori, concentrandomi su SEO, performance e manutenibilità.

• Ho migrato un’architettura legacy basata su SQL verso uno stack moderno di React, TypeScript e GraphQL; mi muovo con facilità dentro codice legacy sconosciuto e lo modernizzo.
• Ho costruito pattern SSR (Apollo, Next.js) per paginazione e dashboard ricche di dati e rivitalizzato i Core Web Vitals con una pipeline di immagini su misura, migliorando LCP e performance su mobile.
• Ho rilasciato A/B testing con Optimizely SSR e segmentazione basata sul comportamento; ho contribuito su PHP, Python e SQL oltre al lavoro principale in React e TypeScript.
• Ho sviluppato una serie di strumenti ad alte prestazioni, inclusi filtri finanziari e modali dinamiche, garantendo una gestione dello stato coerente tra blog e dashboard.

• Next.js
• React
• TypeScript
• GraphQL
• Apollo
• PHP
• Python
• SQL
• WordPress
• Optimizely
• Mixpanel
• Core Web Vitals

Ho sviluppato dashboard e strumenti geospaziali per una piattaforma di analisi agricola al servizio di produttori in Nord America, Europa e Sud America, contribuendo anche a un design system costruito su librerie di terze parti.

• Ho lavorato a un design system costruito su librerie di terze parti, Vuetify e Material UI, tematizzandole con design token scritti in CSS puro invece di costruire i componenti da zero, e ho valutato quando un sistema pronto all’uso è il compromesso giusto e quando invece le sue API di componenti limitano accessibilità e differenziazione del brand.
• Ho costruito dashboard interattive e dense di dati con TypeScript e Vue/Vuex, servendo analisi in tempo reale a clienti su tre continenti.
• Sono stata una contributrice chiave nella migrazione delle dashboard interne da Django a un’architettura moderna di Next.js, React e GraphQL (Hasura), migliorando interattività e performance.
• Ho implementato tecniche avanzate di performance frontend, tra cui lazy loading, code splitting e ottimizzazione del rendering, garantendo prestazioni fluide su Safari, Chrome e Firefox.
• Ho individuato e risolto bug critici di geolocalizzazione, migliorando direttamente la precisione dei livelli dati per i clienti internazionali.

• Vue.js
• Vuex
• TypeScript
• React
• Next.js
• GraphQL
• Hasura
• Django
• Design Tokens
• Vuetify
• Material UI
• Mapbox GL JS
• Vercel

Ho lavorato su piattaforme rivolte agli utenti e strumenti interni con un forte focus su un design system locale, accessibilità e pratiche di testing.

• Ho costruito componenti accessibili e riutilizzabili per un design system locale in React, TypeScript e CSS puro, sostenuto da design token, versionato e rilasciato tramite un registry npm privato per i team interni che lo consumavano.
• Ho rifattorizzato codice legacy in una libreria di componenti riutilizzabili e guidato la migrazione della documentazione da commenti sparsi nel codice verso Storybook, accelerando lo sviluppo di nuovi flussi tra i team; ho guidato la migrazione degli stili a Emotion.
• Ho stabilito il testing di accessibilità su due livelli: React Testing Library con Jest per la copertura unitaria e di interazione e Cypress per l’end-to-end, con axe integrato in entrambi così che le regressioni di accessibilità facessero fallire la build invece di emergere in audit successivi. Ho portato la copertura dei test unitari all’85%, riducendo nettamente le regressioni nei flussi rivolti agli utenti.
• Ho sviluppato sistemi su misura di gestione del focus e navigazione da tastiera per componenti interattivi su piattaforme ad alto traffico.

• React
• TypeScript
• CSS
• Design Tokens
• Registry npm privato
• Emotion
• Sass
• Redux
• React Testing Library
• Jest
• Cypress
• Axe
• Storybook
• WCAG 2.1 AA
• ARIA

Ho contribuito all’app Flow Smart TV, coprendo sia la manutenzione del legacy sia la migrazione a uno stack frontend moderno, e ho affrontato problemi di performance e stabilità durante eventi ad alto traffico.

• Ho costruito una navigazione spaziale su misura per l’app Flow Smart TV, calibrando il modello del telecomando perché risultasse nativo su una piattaforma media ad alto traffico.
• Ho migrato JavaScript vanilla e Redux legacy a un monorepo moderno di Next.js, TypeScript e React Context; ho sviluppato un sistema di code per la stabilità durante i picchi degli eventi sportivi in diretta.

• React
• Next.js
• TypeScript
• Redux
• React Context
• Monorepo
• Storybook
• JavaScript (ES6+)

Audit tecnici, remediation e consulenza per brand globali di finanza, retail e alimentare.

• Ho implementato remediation tecnica (HTML, CSS, JavaScript, React) su piattaforme di brand globali di finanza, retail e alimentare; ho seguito come mentore persone junior.
• Ho auditato siti con axe, NVDA, JAWS, VoiceOver e navigazione da tastiera, valutando rispetto alle WCAG 2.1 AA.
• Ho consegnato report di accessibilità e piani d’azione ai clienti e collaborato in team SCRUM con interlocutori tecnici e non tecnici.

• WCAG 2.1 AA
• WCAG 2.2
• EN 301 549
• European Accessibility Act
• Axe
• NVDA
• JAWS
• VoiceOver
• HTML
• CSS
• JavaScript
• React

Ho costruito interfacce web responsive per applicazioni enterprise e rifattorizzato componenti UI per performance e manutenibilità.

• Ho costruito interfacce in Vue.js per applicazioni enterprise e rifattorizzato componenti UI per performance e manutenibilità.
• Ho applicato principi di design responsive e migliorato l’accessibilità nelle schermate enterprise.
• Ho usato AWS e Node.js per l’integrazione con il backend e il deployment in cloud.

• Vue.js
• JavaScript
• HTML/CSS
• AWS
• Node.js
• Design Responsive