UX/UI Designer · UI Developer · Roma, Italia

Design e codice.
Dall'idea al prodotto.

UX/UI Designer & UI Developer che progetta prodotti digitali dalla ricerca fino al codice di produzione. Esperienza su SaaS enterprise, mobile app e siti B2B.

Vedi i progetti Lavoriamo insieme
Design System
Senior UX/UI Designer
UX/UI Designer & Developer · 2015 – presente
Figma HTML5 Sass WCAG Material Design Claude Code
--rose-vivid
#EF9BBD
AI-Augmented Workflow ✦
Design System · 10+ anni
Sara De Angelis UX/UI Designer & UI Developer

Chi sono

Dove il design
diventa codice.

Sono Sara, UX/UI Designer & UI Developer di Roma. Trasformo idee in prodotti digitali, dalla ricerca utente al codice di produzione. Progetto interfacce scalabili in Figma, realizzo design system e sviluppo frontend con HTML, CSS e Sass, integrando l'AI per velocizzare il processo senza compromettere la qualità.

Competenze

UX/UI Design
Design Systems
HTML5 / CSS3 / Sass
Figma / Sketch
AI-Augmented Workflow
Prototyping
Accessibility WCAG
Agile / Jira / GitHub

Progetti selezionati

Portfolio

Progetto di punta · SaaS enterprise

Connected-Stories

Piattaforma enterprise di digital advertising: creative management, video interattivo e agenti AI generativi. Dieci anni sullo stesso prodotto — ho disegnato ogni schermata, dalla prima interfaccia a quella live oggi.

Design Lead · UX/UI + Front-end · 10+ anni · Live in produzione

connected-stories.com
Figma Material Design HTML · Sass AI tooling

Problema

Una piattaforma enterprise per video marketing interattivo necessitava di un'esperienza UX coerente e scalabile, capace di integrare funzionalità AI per team con ruoli diversi.

Obiettivo

Progettare un sistema end-to-end — dal design system alle feature AI — potente per i professionisti e intuitivo per chi lo usa ogni giorno.

Il mio contributo

  • UX Research & Personas
  • User flows & Wireframing
  • UI Design ad alta fedeltà
  • Design System (Material)
  • Progettazione 6 tool AI
  • Front-end HTML/CSS/Sass

Risultati

6 tool AI progettati da zero
Live in produzione
Design System costruito da zero
4 ruoli utente coperti
Parliamo di questo progetto

Case study · 4

Progetti in dettaglio

Dal problema iniziale alle decisioni di design fino ai risultati. Apri una card per leggere il percorso completo.

Web Design · B2B · Brand Identity

Website Redesign — Brand Positioning & UX

UX Design · UI Design · Front-end Multi-progetto Figma · Sass · CSS Grid

Ho progettato e sviluppato interamente siti istituzionali B2B — dalla struttura dei contenuti al codice di produzione — in seguito a riposizionamento strategico del brand.

Problema

Siti B2B non allineati al nuovo posizionamento strategico, con architettura dei contenuti poco chiara e nessuna ottimizzazione responsive.

Il mio contributo

  • UI Design & Brand language
  • Sviluppo front-end completo
  • Componenti Sass modulari
  • Animazioni CSS3
  • Cross-browser testing

Risultati

Componenti riutilizzabili in Sass
Cross-browser Chrome · Safari · Firefox · Edge
Responsive ottimizzato
Mobile Apps · iOS & Android

App & Web Applications — Media & Broadcasting

UX/UI Design · CSS Multi-progetto Figma · CSS · iOS · Android

Progettazione UX/UI e implementazione CSS per app e web application in ambito media e sport: Mediaset Connect, Sportitalia, Roma Radio, The Stream (Al Jazeera) e La 7.

Problema

Cinque brand media diversi avevano bisogno di app moderne con navigazione touch-optimized e layout ottimizzati per contenuti multimediali.

Il mio contributo

  • UX Design & Navigation
  • UI Design per brand diversi
  • Implementazione CSS
  • Layout responsive
  • Accessibilità cross-device

Risultati

5 prodotti lanciati in produzione
Responsive Desktop · Tablet · Mobile
Accessibilità migliorata
AI · Chatbot · Storyboard

Avatar musicale AI

UX · Visual Design · AI Progetto interno Figma · AI Image Generation

Storyboard visivo integrato nel chatbot musicale: scene e background generati con AI per ogni genere musicale, calando l'avatar nei diversi ruoli.

Il mio contributo

  • Concept & Visual direction
  • Storyboard design
  • Prompt engineering AI
  • UI integration

Risultati

Esperienza guidata per genere
Workflow AI-augmented
AI Tools · UX Design · SaaS

Tool AI integrati — Copy, Image, Video & Voice

UX/UI Design · AI Integrazione piattaforma Figma · Material Design

UX/UI per 5 strumenti AI integrati: Copy Generator, Edit Image, Text to Image, Video Generator e Voice Over. Focus su semplicità e coerenza con il design system.

Il mio contributo

  • UX Research & User flows
  • Wireframing & Prototyping
  • UI Design
  • Microinterazioni
  • Design System integration

Risultati

5 tool progettati e integrati
Complessità ridotta per l'utente finale
Design System coerenza garantita

Come lavoro

Un metodo rigoroso,
centrato sull'utente.

01

Ricerca

Analisi del contesto e ricerca utenti, con eventuale focus sull’analisi dei competitor. Capisco il problema reale prima di toccare il canvas, allineamento garantito fin dall’inizio.

02

Progettazione

Wireframe, flussi, componenti e prototipazione ad alta fedeltà in Figma. Uso strumenti AI (Figma Make, Lovable, Claude) per accelerare l'iterazione senza perdere qualità.

03

Sviluppo

Traduco i design in HTML5/CSS3/Sass. Il design system diventa codice reale — componenti consistenti, accessibili (WCAG) e pronti per la produzione.

04

Iterazione

Supporto attivo durante lo sviluppo, feedback loop con gli engineer, test di usabilità post-lancio. Il processo non si ferma al rilascio.

Cosa so fare

Competenze

UX/UI Design

Progettazione end-to-end di interfacce per prodotti SaaS enterprise - dalla scoperta e wireframe all'UI ad alta fedeltà. Focus su usabilità, coerenza visiva e scalabilità.

Design Systems

Definizione e manutenzione di design system completi: token, libreria componenti in Figma, documentazione e linee guida che migliorano coerenza e velocità di sviluppo.

Design-to-Code

Traduzione dei design in HTML5/CSS3/Sass responsive e accessibili. Responsive design, Material Design, component-driven: il codice che aderisce al design, non il contrario.

AI-Augmented Workflow

Integrazione di strumenti di AI generativa e vibe coding lungo tutto il flusso di design, prototipazione e documentazione: dalla definizione di specifiche con LLM alla generazione di codice front-end production-ready.

ChatGPT Claude Code Gemini Figma Make Lovable

Accessibilità WCAG

Audit e progettazione nel rispetto degli standard WCAG: focus su leggibilità, navigazione cross-device, contrasto e usabilità per tutti gli utenti.

Prototipazione

Prototipazione interattiva ad alta fedeltà con test di usabilità e raccolta di feedback da parte di stakeholder e team di prodotto per validare le soluzioni prima dello sviluppo.

Contatti

Parliamo
di design.

Cerchi una UX/UI Designer per il tuo team? Scrivimi: sono disponibile a valutare nuove opportunità e collaborazioni professionali.