Studio Kàros
Portfolio di studio architettonico — galleria immersiva, WordPress headless e attenzione maniacale al peso delle immagini.
Un prodotto che cresceva più veloce della sua UI.
Altura è una piattaforma di tesoreria aziendale nata nel 2020. Dopo tre anni di crescita e feature aggiunte al volo, la dashboard era diventata un museo: cinque stili di pulsante, tre font, sei palette. Il team interno non era in grado di rallentare lo sviluppo, ma non poteva più nemmeno permettersi di aggiungere una nuova tabella.
Sono stato chiamato per un audit di una settimana. Ne sono uscito con tre mesi di lavoro concordati: design system, refactor dei flussi principali, riscrittura dei componenti più critici in React + Tailwind.
Tre vincoli, un deadline.
La piattaforma gestisce flussi di cassa reali. Ogni refactor doveva essere incrementale, gated da feature flag.
I clienti usano la dashboard otto ore al giorno. Cambiare UI senza preavviso = training call a cascata.
API REST stabili, poco flessibili. Molti miglioramenti UX richiedevano workaround lato front-end.
Design system prima, tutto il resto dopo.
Prima cosa: un inventario. Ho mappato ogni pulsante, ogni input, ogni spaziatura trovata nel codice. Il risultato era poco incoraggiante — 17 varianti di "pulsante primario". Ne ho tenute tre.
Il design system l'ho costruito in Figma e nel codice in parallelo, usando token condivisi. Spacing scale 4-based, tipografia in due famiglie, palette di 9 colori funzionali. Tutto documentato in Storybook.
“Per la prima volta posso promettere una data di consegna senza incrociare le dita. Il design system di Gennaro ci ha restituito tre giornate di lavoro alla settimana.”
— LORENZO DI MAIO, CTO ALTURA
Spediti in 14 settimane. Nessun incidente.
Il rollout è stato graduale: ogni modulo spostato sul nuovo design system è passato per una beta di 10 giorni con utenti volontari. Zero rollback, zero incident post-lancio.
Il dato che preferisco: il tempo medio per completare l'onboarding di un nuovo cliente è sceso del 42%. Questo è, a conti fatti, tre commerciali in meno da assumere quest'anno.
- Design system documentato (Figma + Storybook)
- 8 flussi ridisegnati e ricodificati
- 42 componenti React riusabili
- Handbook front-end per il team interno
- Workshop di 2 giorni per designer + dev