Gali Gaviria

Product Designer end-to-end

Dal problema al prodotto live.

Comincio dal problema: ricerca e validazione, poi branding, prototipazione UI/UX e la documentazione pronta per il team di sviluppo. In squadra o da sola, continuo fino a portarlo live.

Progetti

Case study

Due prodotti, due fasi diverse del ciclo di vita: uno appena nato e in fase di go-to-market, l'altro cresciuto per quattro anni fino a una chiusura difficile ma ricca di learning.

01

Proptech · Progetto personale

2026-oggi

Progetto personale, in parallelo al lavoro · prodotto live

Clavis.casa

Meno visite a vuoto, affitti a lungo termine più veloci e sicuri.

Founder & Product Lead del mio progetto personale. Dal discovery al prodotto live in 8 settimane, in totale autonomia.

Clavis.casa filtra i profili che si candidano a visitare un immobile in affitto, validando identità e solvibilità prima della visita.

UX end-to-endMobile firstBrandDesign systemSviluppo prodottoWeb-app

Founder & Product Lead

Ruolo

71 → 4 visite confermate

Pilot test

5 min, in riduzione

Screening

Prodotto live

Stato

Visita Clavis.casa
Clavis.casa: la home, l'annuncio generato e la sua galleria fotografica
Clavis.casa: la home, l'annuncio generato e la sua galleria fotografica

Tutte le immagini del prodotto sono screenshot reali, non mockup. Quelle mobile sono della PWA, progettata mobile-first anche per l'indicizzazione di Google. Alcuni dettagli del processo (la dashboard interna) restano riservati: Clavis.casa non è ancora una società costituita.

Problema

Il problema

Affittare bene un immobile in autonomia comporta rischi concreti: la visita a vuoto, l'affitto sotto il valore di mercato, o a chi poi non può davvero permetterselo. Gestire bene anche la burocrazia richiede oggi un'agenzia o anni di esperienza, a costo di spese elevate e tempo perso.

Prezzo giustoPersona giustaBurocrazia in sicurezza

Capire

Cosa dovevo capire

Come garantire che chi prenota la visita si presenti davvero, e che chi si presenta abbia le carte in regola. Ho parlato con proprietari reali per capire come affrontano oggi questo problema.

Garantire la presenzaVerificare i requisiti

Metodi segnalati dai proprietari intervistati

  • Dati personali richiesti a messaggio o via form, prima della visita.
  • Risposta diretta a chi cerca casa, proponendo il proprio alloggio invece di un annuncio pubblico.
  • Annuncio con le info essenziali, dettagli completi solo a chi risponde con i propri dati.
  • Prove di solvibilità richieste alla visita, come il contratto di lavoro che chiedevo io stessa.

Scoperta

Cosa ho scoperto

Ho scoperto che il problema centrale, per entrambi i lati, è la fiducia.

  • I documenti ricevuti ti rendono responsabile della loro privacy (GDPR).
  • Nessuno valida le informazioni ricevute: il più delle volte mentono pur di fare la visita.
  • Anche i candidati hanno un problema di fiducia: gli annunci vaghi, con poche foto e descrizioni povere, sono spesso lo strumento dei truffatori.

Cambiamento

Cosa ho cambiato

Per ridare fiducia serviva chiarezza da entrambi i lati:

  • Il proprietario viene verificato, non solo il candidato.
  • L'annuncio presenta informazioni complete.
  • I processi rendono consapevoli dei propri diritti sulla privacy.
  • I dati sensibili si gestiscono in totale sicurezza.

Questi presupposti hanno portato ai tre portali indipendenti: proprietario, candidato, e un amministratore imparziale, in un ciclo chiuso.

I tre portali di Clavis: proprietario, candidato e amministratore, con il flusso che li collega

Decisioni progettuali

Le scelte principali dietro ogni schermata.

In pratica: privacy by design e minimizzazione dei dati
Sicurezza dell'accesso: sistema senza password con codice via email
Raccolta dati con l'approccio di un agente immobiliare: form interattivi e generazione AI per la descrizione
Supporto alle decisioni: simulazioni del canone e delle tasse

Come si comporta

Registrazioni reali del prodotto. Il filo che le tiene insieme: non lasciare mai chi compila davanti a un campo vuoto. Le domande arrivano una alla volta, ogni risposta si può correggere, e ogni foto caricata porta con sé i suggerimenti per descriverla.

La chat: risposte a scelta multipla, e il comando per correggere un dato sbagliato senza ricominciare
Passi 1 e 2: ogni sezione si apre quando la precedente ha risposta, e la vista la segue da sola
Gli slot foto sono cornici vuote finché non carichi: allora compaiono i suggerimenti per descrivere la stanza, e se ne può aggiungere un'altra

Validazione

Cosa ho validato

Lato candidato: pilot reale sull'annuncio pubblicato su Idealista. A chi rispondeva, ho proposto di candidarsi tramite il link diretto a Clavis.casa, senza dire che erano parte di un test.

Lato proprietario: mini campagna demo su un gruppo Facebook di affitti a Torino, con una videochiamata di 45 minuti per ogni proprietario interessato.

L'ipotesi di fondo, per entrambi: se le informazioni sono chiare, si fanno avanti le persone giuste. Confermata.

Risultato

Il risultato

Lato candidato: il filtro funziona, da 71 contatti a 4 visite confermate. Lo screening richiede oggi 5 minuti.

Lato proprietario: dalle richieste di demo, 1 su 3 si è convertita in una videochiamata completata, un tasso alto per una fase così iniziale, senza alcuna attività di marketing. Curiosità: una persona mi ha detto che il processo è meglio di quello di Airbnb.

Ora sono in fase di go-to-market: SEO, blog, e la crescita del numero di proprietari e agenzie sulla piattaforma.

Lato candidato · dal contatto alla visita

710

un tasso di qualificazione impossibile da raggiungere con un controllo manuale nello stesso tempo

Lo screening richiede oggi 5 minuti.

Lato proprietario · dalla richiesta alla demo

110

videochiamate completate, senza alcuna attività di marketing

Una persona mi ha detto che il processo è meglio di quello di Airbnb.

Brand

Il brand

Clavis.casa

La tipografia segue la stessa idea: Fraunces per i titoli, il calore di un serif classico; DM Sans per il testo, la chiarezza di un sans-serif tecnico.

Terracotta

Salvia

Ocra

Sfondo caldo

Design system

Design system

Ho definito fondamenta riutilizzabili e varianti dei componenti per mantenere l'interfaccia coerente e scalabile.

Sotto, il sistema dei pulsanti e i token.

Design system: scala, stati e varianti dei bottoni
Design tokens: colori, superfici, stati e tipografia

Il movimento

Il movimento è parte del sistema quanto i colori, quindi sta documentato qui: chi sviluppa deve sapere cosa succede, non solo che aspetto ha. Tre regole, ognuna nata da un problema d'uso.

Questionario

Risposta singola
  • Il tocco è già la risposta: si conferma da sé e la domanda dopo compare.
  • Sotto ogni risposta resta Correggi, per cambiarla senza ricominciare da capo.

Questionario

Risposta multipla
  • Con più scelte niente può sapere quando hai finito, quindi lo dici tu con Conferma.
  • È la regola che separa le due: dove la risposta ha una fine si conferma da sola, dove non ce l'ha serve un gesto.

Foto e descrizione

Gli slot foto
  • Restano cornici vuote finché non carichi niente.
  • Appena la foto è dentro arrivano i suggerimenti per descrivere la stanza, e se ne può aggiungere un'altra.

Cosa ho imparato

  • Un test reale, anche piccolo, vale più di dieci interviste: il comportamento delle persone davanti a un modulo sconosciuto è diverso da quello che dichiarano.
  • Il filtro funziona: da 71 contatti a 4 visite confermate è un tasso di qualificazione che nessun controllo manuale avrebbe raggiunto con lo stesso tempo.
  • Essere founder, designer e, di fatto, product lead di un team di agenti AI richiede una disciplina diversa: ogni decisione di design deve essere abbastanza chiara da poter essere tradotta in istruzioni per costruire davvero.
  • Gestire il progetto con Claude Code, dopo il passaggio da Lovable, si è rivelato più preciso per questo tipo di prodotto.
FigmaLovableClaudeClaude CodeSupabaseResendCloudflare

Ti serve qualcosa di simile?

Scrivimi una email

02

Fintech (Germania) · Product Designer → Product Lead

2021-2025

Progetto concluso · 4 anni, dalla ricerca alla chiusura del team prodotto

Horizon65

Da lead generator a lead generator qualificante, con informazioni su misura per la situazione di ogni utente.

Entrata come designer junior appena certificata (Ironhack UX/UI, metà 2021), sono cresciuta fino a guidare di fatto ricerca, design system e rapporto diretto con i developer e il CTO.

Horizon65 è una fintech tedesca nella consulenza per investimenti pensionistici e assicurativi. L'app doveva generare lead qualificati per i consulenti finanziari interni: ho contribuito a farla evolvere da semplice funnel di lead generation a prodotto di simulazioni pensato per dare rapidamente le informazioni necessarie a decisioni consapevoli, fino alla chiusura del team prodotto per le condizioni di mercato.

Designer → Product Lead

Ruolo

1% → 25-45%

Conversione

1,3 → 8,3 min

Permanenza

4 anni

Durata

16 in 1 mese

Prototipi

1 settimana

Dev → live

2 settimane

Nuova feature

Cosa ho costruito, da sola

  • Dashboard e simulatore avanzato (time-machine)
  • Option & Offer: scansione, comparazione e matching con gli investimenti
  • Redesign completo dell'account
  • Nuovi asset per il wealth (real estate con simulatore, saving, ETF) e redesign del flusso pensione privata, statale e aziendale, più 2 onboarding
La homepage: 'Secure your retirement', simulatore mobile in evidenza e badge di fiducia (GDPR, sede a Berlino, oltre 160 provider)
La homepage: 'Secure your retirement', simulatore mobile in evidenza e badge di fiducia (GDPR, sede a Berlino, oltre 160 provider)

Problema

Il primo problema: la conversione

Assunta per aumentare i lead caldi per i consulenti finanziari interni.

  • Il funnel esistente convertiva solo l'1%: da inserzione ad account creato.

Capire

Cosa dovevo capire

Perché le persone non investono nella pensione privata, o perché dovrebbero farlo.

  • 30+ interviste ai tester, segmentate per età, zona e professione.
  • Survey sulle attitudini verso la pensione, come tema finanziario e come aspettativa di vita.
  • Test sull'app esistente, per un audit completo.

Scoperta

Cosa ho scoperto

Il problema non era (solo) l'app: era l'abitudine delle persone davanti a una decisione così grande.

  • Un investimento pensionistico impegna 20+ anni: la decisione si percepisce troppo rischiosa da prendere in fretta.
  • Le persone saltano da un consulente all'altro, si informano con guru online o libri, secondo il proprio livello di cultura finanziaria.
  • Serve prima l'urgenza del problema: il 'pension gap' (solo il 46% del reddito coperto).
  • Ipotesi: dare le info di base prima, così l'utente arriva consapevole alla chiamata col consulente.
Il benvenuto: 'Il tuo consulente finanziario personale per la pensione'
Il benvenuto: 'Il tuo consulente finanziario personale per la pensione'
Il primo colpo: 'Andrai in pensione tra 39 anni!'
Il primo colpo: 'Andrai in pensione tra 39 anni!'
'Conosci Sara, ha la tua stessa età': la macchina del tempo
'Conosci Sara, ha la tua stessa età': la macchina del tempo
Il 'pension gap' spiegato in un diagramma: reddito di oggi contro reddito futuro
Il 'pension gap' spiegato in un diagramma: reddito di oggi contro reddito futuro

Cambiamento

Cosa ho cambiato

Quattro anni di iterazioni successive, ognuna innescata dalla validazione della precedente.

  • Onboarding: nuovo flusso (pension gap, time machine). 16 prototipi in un mese, live in una settimana.
  • Simulatore: due livelli, base e avanzato. Persona di partenza definita dal sales team, completata con questi dati.
  • Rebrand: nuovo brand e mappatura della social presence, per costruire fiducia su preparazione ed empatia.
  • Options & Offers: scelta self-service o assistita. I consulenti ignoravano le scelte fatte in app, erodendo la fiducia.
  • Pivot finale: focus spostato dalla pensione statale alle deduzioni fiscali private. Dati presi dall'esperienza dei consulenti, lanciato in fretta, senza validazione rigorosa.
Il simulatore: la time machine che simula il tuo pension gap in base agli asset aggiunti
Il simulatore: la time machine che simula il tuo pension gap in base agli asset aggiunti
Il questionnaire: form con spiegazioni per aggiungere i tuoi asset, qui quello immobiliare
Il questionnaire: form con spiegazioni per aggiungere i tuoi asset, qui quello immobiliare
La tabella comparativa: confronta gli investimenti proposti su molti parametri, spiegati e filtrabili
La tabella comparativa: confronta gli investimenti proposti su molti parametri, spiegati e filtrabili
L'offerta: l'ultimo passaggio di un'offerta scelta, con le tre opzioni finali da selezionare
L'offerta: l'ultimo passaggio di un'offerta scelta, con le tre opzioni finali da selezionare

Il movimento

Registrazioni dell'app in funzione. Nessuna di queste animazioni è decorativa: tengono l'attenzione, coprono il tempo che serve al calcolatore, e spiegano il divario mentre si aspetta.

Onboarding

La macchina del tempo
  • Tocchi l'anno una volta e il viaggio parte da solo.
  • Serve a catturare l'attenzione e a tenerla fino alla spiegazione del pension gap.
  • Studiata nella forma e nelle transizioni per essere pronta da passare a sviluppo.
  • Realizzata con le varianti di un componente, aggiungendo la transizione.
Il file Figma della macchina del tempo: le varianti del componente dal 2022 al 2047, collegate da transizioni After delay
Il file di lavoro: le varianti del componente, dal 2022 al 2047, incatenate con transizioni After delay. L'arco rosa cresce a ogni passo.

Dashboard

Il simulatore
  • Aggiungi un bene e il misuratore si ricompone. L'animazione si genera a ogni calcolo: i colori degli asset e la porzione di arco che coprono cambiano con i numeri di chi sta guardando, così si vede quanto ogni investimento pesa sulla pensione finale.
  • Dalla ricerca era emerso che il pension gap viene capito male: qui doveva vedersi, con i numeri veri di chi sta guardando.
  • Prototipo pixel perfect: prima per testarlo, poi per mostrarlo a front-end, back-end e founder.
  • Alla prima prova il calcolo richiedeva cinque minuti. Il lavoro con front-end e back-end è servito a portarlo nei tempi dell'animazione, che dura quanto il calcolo, e a togliere gli scatti.

Tab Solutions

La pagina di attesa
  • Filtra gli investimenti sui parametri scelti nel simulatore.
  • L'attesa è quella vera del calcolo: più lunga o più corta a seconda dei parametri.
  • Serviva un'animazione che desse il senso di attesa e di lavoro pesante.
  • Fra le candidate ho scelto questo radar, una gif esterna: non ha limiti, quindi copre pochi minuti o molti, quelli che servono a completare calcoli e filtri.

Validazione

Cosa ho validato

Ogni fase è passata alla successiva solo dopo un giro di validazione.

  • Onboarding: i consulenti chiamavano comunque i lead non prenotati, e li trovavano più preparati.
  • Simulatore e rebrand: la permanenza sulla pagina è aumentata sensibilmente, e nelle registrazioni delle sessioni si vedevano le persone tornare a rifare il simulatore, per controllare che i numeri cambiassero davvero e che gli investimenti seguissero.
  • Deduzioni fiscali: risultati iniziali positivi, finché i competitor non hanno copiato lo stesso argomento, azzerando il vantaggio differenziante.

Risultato

Il risultato

Conversione 1% → 25-45%; permanenza 1,3 → 8,3 min.

  • Con la recessione tedesca in corso, i founder hanno messo in pausa il team prodotto dopo 4 anni, tornando a operare come consulenti classici.

Conversione da inserzione ad account creato

1%0%

picchi del 45%

Restare fedeli ai findings, anche quando il risultato sembrava rischioso, è quello che ha reso il test utile.

Permanenza media sulla pagina

1,3 min0,0 min

quasi 6 volte e mezzo il tempo iniziale

Il tempo passato a esplorare i propri numeri è diventato il segnale più forte di fiducia nel prodotto.

Brand

Il brand

Horizon65

Il blu comunica fiducia e stabilità: centrale per un prodotto che tratta il futuro finanziario delle persone.

Un solo carattere per tutto, titoli e testo: Inter.

Blue Navy

Sky blue

Dark blue navy

White

Design system

Design system

I bottoni di navigazione, con un esempio d'uso accanto alle varianti. Gli stati sono solo Enable e Disable: su mobile l'hover non esiste.

Sotto, i token: la scala tipografica in Inter e il sistema di colore, con schema chiaro e scuro.

Bottom navigation: un esempio d'uso nella schermata e le varianti dei bottoni negli stati Enable e Disable
Token: scala tipografica in Inter per desktop e mobile, e sistema di colore con schema chiaro e scuro

Cosa ho imparato

  • Restare fedeli ai findings, anche quando il risultato sembra rischioso, è quello che rende un test utile.
  • A volte la scelta giusta va contro le best practice standard: un onboarding lungo e scioccante ha battuto ogni regola sulla brevità, perché rispondeva a un bisogno emotivo reale.
  • Un prodotto che informa è credibile solo se il contenuto sotto l'interfaccia è curato quanto l'interfaccia stessa: altrimenti la differenziazione promessa non si vede.
  • La fedeltà degli utenti costruita sulla trasparenza è preziosa ma volatile: va testata, non data per scontata.
  • Un buon rapporto di lavoro con i developer si costruisce ascoltando cosa serve loro per andare veloci, non solo consegnando design pronti.
  • L'agile si conosce in aula, ma applicarlo a un'azienda vera, con clienti e scadenze reali, è un'esperienza diversa.
  • Il mio background da architetto si è adattato bene alle tavole tecniche per i developer.
  • Ci sono forze più grandi del design, come una recessione, che condizionano la riuscita di un progetto.
FigmaUser researchA/B testingDesign systemProduct marketing

Ti serve qualcosa di simile?

Scrivimi una email

Altri progetti

Altri progetti

Progetti più circoscritti, dove ho lavorato dentro processi e team già esistenti. Un segnale diverso da Clavis.casa e Horizon65, ma altrettanto utile: so inserirmi, seguire requisiti dati, e collaborare con PM e tech lead.

Defensetech · Landing page

Smash Electronics

Design & sviluppo (vibe coding)

Il founder è un CTO: io ho coperto tutta la parte di design (logo, brand, landing page), lui l'intera parte tecnica della messa online.

Visita Smash Electronics

Dal brief al live: 3 giorni

  • Allineamento col founderGiorno 1

    Incontro per capire visione, prodotto e target.

  • Proposta e bozza logoGiorno 2

    Arrivo con una proposta di landing page su Lovable e una prima bozza di logo; nell'incontro validiamo insieme le scelte e definiamo le modifiche.

  • ConsegnaGiorno 3

    Logo definitivo, pagina finita, accessi a Lovable consegnati.

Landing page: schede tecniche per elettronica G-hardened per aerospazio e difesa
Landing page: schede tecniche per elettronica G-hardened per aerospazio e difesa

Proptech (Spagna) · Feature per team interno

Vivara · GCO Ventures

Product design, su requisiti del Product Manager, in collaborazione con il Tech Lead

Una feature a supporto del team interno per gestire, migliorare e pubblicare le immagini inviate dai proprietari, parte di un progetto più ampio per pubblicare gli annunci su Idealista.es. Ho seguito i requisiti del Product Manager e portato la soluzione fino a un prototipo cliccabile, per discutere la fattibilità tecnica con il Tech Lead, poi ho preparato i file grafici a supporto dello sviluppo.

Lowfi a mano → Midfi in Figma → Prototipo cliccabile (Figma Make)

Chi sono

Gali Gaviria

Sono una product designer: prendo un'idea e la porto fino a un prodotto vero, che risolve un problema reale. Dalla ricerca iniziale al giorno del lancio, senza aspettare un team di sviluppo per cominciare a costruire.

Ho maturato la mia esperienza in due settori che richiedono precisione e fiducia: fintech e proptech. In Horizon65, fintech tedesca nella pianificazione di investimenti a lungo termine, sono cresciuta in quattro anni da designer junior a product lead di fatto. Con Clavis.casa, il mio progetto personale, sono founder e product lead: dall'idea al prodotto completo in due mesi.

Prima del product design, ho lavorato per 8 anni come architetta, occupandomi di ristrutturazioni per negozi di lusso come Gucci Berlin, Maxmara e Gucci Marbella. Durante la pandemia di Covid mi sono riqualificata come product designer, ma il mio modo di lavorare, proattivo, preciso e ben coordinato, è lo stesso con cui oggi lavoro fianco a fianco con clienti e developer: capire davvero cosa serve loro, e progettare in un modo che renda facile costruire.

Cosa porto

Ricerca & UX
Brand & Design System
AI-augmented development
Product ownership
iOS & Android
Ottimizzazione SEO
Fintech
Proptech
Go-to-market

Competenze

Dalla ricerca al prodotto live

Ricerca & Strategia

  • Ricerca utente e validazione del problema
  • Survey e analisi quantitativa
  • Test su campo e A/B testing
  • Definizione del modello di business

Design

  • UX/UI end-to-end
  • Design system e brand identity
  • Prototipazione (Figma)
  • Mobile-first design

Sviluppo AI-augmented

  • Lovable, Claude, Claude Code
  • Supabase, Resend, Cloudflare
  • Collaborazione diretta con developer e CTO
  • Da prototipo a prodotto live

Metodo

Come lavoro

Vengo dall'architettura, dove i requisiti te li dà il contesto: il lotto, le norme, il budget. Un prodotto digitale non ne ha nessuno, quindi qualcuno deve produrli, e quel qualcuno è chi fa il discovery. Finché un'intuizione non è validata non è ancora il problema, e progettarci sopra vuol dire risolvere un pezzo di qualcosa.

01

Scoperta

Ricerca, interviste, competitor: capisco il problema vero.

Analisi di validazione

02

Allineamento

Risultati e roadmap, per decidere insieme budget e tempi.

Roadmap & budget

03

Progettazione

Flussi utente e design system, ogni scelta motivata.

Flussi & design system

04

Prodotto 1.0 live

Non un prototipo: la versione vera, online, da testare.

Prodotto live

05

Iterazione e lancio

Feedback, modifiche, e la versione pronta per il mercato.

Versione di lancio

Contatti

Lavoriamo insieme

Lavoro end-to-end, dall'MVP per startup alla digitalizzazione di attività e PMI: dalla ricerca al prodotto live. Scrivimi.

gali.gaviria@gmail.com