Quattro superfici, una grammatica. Four surfaces, one grammar.

Una piattaforma cresciuta per quasi un decennio, dentro un solo ecosistema, su quattro superfici diverse. A platform grown over nearly a decade, inside one ecosystem, across four different surfaces.

La suite è nata nel 2013 come piattaforma di gestione sosta per una singola città. Negli anni si è estesa al trasporto pubblico locale, alla mobilità condivisa, ai servizi turistici. Oggi è in produzione su cinque aziende clienti in quattro città italiane, in modalità white-label: ogni azienda la usa col proprio branding, le proprie tariffe, i propri flussi di approvazione. The suite started in 2013 as a parking management platform for a single city. Over the years it expanded to public transport, shared mobility, tourist services. Today it runs in production across five operators in four Italian cities, white-label: each company runs it under its own branding, tariffs, and approval flows.

L'ecosistema vive su quattro superfici — ognuna pensata per un attore diverso, ognuna con un proprio ritmo d'uso. Tutte poggiano sullo stesso backbone dati ma per anni hanno parlato linguaggi diversi: terminologia incoerente, status non normalizzati, pattern UI che si ripetevano in tre modi diversi a seconda della pagina. The ecosystem lives on four surfaces — each built for a different actor, each with its own usage rhythm. They all sit on the same data backbone, but for years they spoke different languages: inconsistent terminology, non-normalized statuses, UI patterns repeated three different ways depending on the page.

Lead designer su tre superfici su quattro. Backoffice cloud: ridisegnato per intero, dall'audit alla messa in produzione. App utenti: ho riportato in superficie funzioni nascoste (calcola percorso), ideato e disegnato tutte le Live Activities e l'integrazione Siri, ottimizzato i flussi chiave. Frontend web: tre piattaforme, una per servizio, ideate da zero — IA, flow, UI, prototipi. Lead designer on three out of four surfaces. Cloud backoffice: full redesign, from audit to production. User app: surfaced hidden features (trip planner), conceived and designed all Live Activities and Siri integration, optimized key flows. Web frontends: three platforms, one per service, conceived from scratch — IA, flow, UI, prototypes.

In produzione da quasi dieci anni, nessuna manutenzione evolutiva. Sintomi ovunque. In production for nearly ten years, no evolutionary maintenance. Symptoms everywhere.

La piattaforma era cresciuta per accumulo, non per scelta. Ogni nuovo modulo aveva ereditato i pattern di chi era venuto prima, perpetuando incoerenze. Stati visualizzati come testo nudo in cinque forme diverse, ventisette ruoli in snake_case inglese dentro un'interfaccia italiana, una sidebar con diciassette voci di primo livello cresciute per stratificazione storica. The platform had grown by accumulation, not by choice. Each new module inherited the patterns of whoever came before, perpetuating inconsistencies. Statuses displayed as plain text in five different forms, twenty-seven roles in English snake_case inside an Italian interface, a sidebar with seventeen top-level entries grown by historical layering.

Il risultato operativo era che il backoffice non era affidabile. Gli operatori avevano costruito i propri sistemi di compensazione fuori dall'applicazione — database Access locali, registri Excel paralleli, post-it sui monitor. Ogni volta che una richiesta sfuggiva, partiva una telefonata, e dalla telefonata un ticket. The operational outcome: the backoffice was not reliable. Operators had built their own workarounds outside the app — local Access databases, parallel Excel registers, post-its on monitors. Every time a request slipped through, a phone call followed, and from the call a ticket.

"Per certi titoli ci eravamo costruiti un Access in locale: senza, non riuscivamo a tenere il conto." "For some titles we'd built a local Access database — without it, we couldn't keep track." Operatore di backoffice · sintesi da intervista Backoffice operator · paraphrased from interview

Prima il metodo, poi la decisione. Method first, decision later.

In una piattaforma con così tanto debito tecnico e così tanti utenti reali, partire dal "ridisegnamo le schermate brutte" sarebbe stato suicida. Ho lavorato in quattro fasi sequenziali, ognuna con un output negoziabile col team prima di passare alla successiva. In a platform with this much technical debt and this many real users, starting from "let's redesign the ugly screens" would have been suicidal. I worked in four sequential phases, each producing a deliverable negotiated with the team before moving on.

Dal materiale grezzo alla decisione — tre stage From raw material to decision — three stages

Tre profili compositi emersi dalle interviste — sintesi reali, non personaggi inventati. Three composite profiles emerging from the interviews — real syntheses, not invented characters.

La grammatica del rework — otto regole, valide su decine di pagine. The grammar of the rework — eight rules, valid across dozens of pages.

Ridisegnare cento pagine senza un sistema avrebbe perpetuato il problema iniziale. Ho estratto otto principi trasversali dall'audit, ognuno valido su decine di pagine. Quando un problema si è ripresentato in una nuova schermata, non l'ho risolto caso per caso: ho applicato il principio. Questo ha dimezzato il tempo di disegno della seconda metà del backoffice e ha reso il sistema mantenibile dopo il mio passaggio. Redesigning a hundred pages without a system would have perpetuated the original problem. I extracted eight cross-cutting principles from the audit, each valid across dozens of pages. When a problem reappeared on a new screen I didn't solve it case by case: I applied the principle. This halved the design time of the second half of the backoffice and made the system maintainable past my involvement.

Glossario terminologico — sei termini canonici Terminology glossary — six canonical terms

I principi non sono rimasti astratti. Il principio 04 (lingua) ha generato un glossario condiviso col team dev — sei termini canonici che hanno sostituito decine di sinonimi convivevano sulle pagine. Principles didn't stay abstract. Principle 04 (language) produced a shared glossary with the dev team — six canonical terms replaced dozens of synonyms that used to coexist across pages.

Un backoffice ridisegnato da zero — dall'audit alla messa in produzione. A backoffice redesigned from scratch — from audit to production.

Diciassette voci di primo livello erano cresciute per stratificazione. Verifiche e posizioni controllori erano spezzate per ambito invece che per funzione. La Sosta era esplosa in dieci sotto-voci con nomi sovrapponibili. La struttura finale raggruppa per dominio operativo: ogni macro-area in sidebar riflette il modo in cui un operatore pensa al proprio lavoro, non il modo in cui il backend organizza i moduli. Seventeen top-level entries had grown by stratification. Verifications and controller positions were split by domain instead of function. Parking had exploded into ten sub-entries with overlapping names. The final structure groups by operational domain: each sidebar macro-area mirrors how an operator thinks about their work, not how the backend organizes its modules.

L'app era già potente. Il problema non era costruire, era riportare in superficie. The app was already powerful. The problem wasn't building, it was surfacing.

Sosta, TPL, mobilità condivisa, servizi turistici: tutto già presente, tutto già funzionante. Il problema era riportare in superficie le funzioni esistenti e dare loro un'integrazione di sistema operativo che le moltiplicasse — Live Activities, Siri, una home che mostrasse la prima azione utile invece di nasconderla in una pagina dedicata. Parking, transit, shared mobility, tourist services: all present, all working. The problem was bringing existing features to the surface and giving them OS-level integration that would multiply them — Live Activities, Siri, a home screen showing the first useful action instead of burying it.

Calcola percorso — da pagina nascosta a prima azione visibile Trip planner — from buried page to first visible action

Prima del rework, calcolare un percorso TPL richiedeva due tap: aprire il burger menu e cercare la voce tra le altre, con label poco evocative. Appena il 10% degli utenti TPL la trovava. Chi la scopriva ci tornava regolarmente — la funzione era buona, la sua superficie no. L'ho rimessa al centro della home con un pattern di morphing: il pulsante centrale della tab bar e una barra di ricerca compatta si scambiano di posto a seconda del contesto. Before the rework, calculating a transit route required two taps: opening the burger menu and hunting for the entry among the others, with weak labels. Barely 10% of transit users found it. Those who did discover it kept coming back — the feature was good, its surface wasn't. I brought it back to the center of the home with a morphing pattern: the tab-bar center button and a compact search bar swap places depending on context.

Live Activities — l'app che lavora senza essere aperta Live Activities — the app working without being opened

Tre attività live. La sosta attiva: timer in conto alla rovescia, CTA "Estendi" raggiungibile dal lock screen. Il TPL "prossima fermata": parte automaticamente quando i beacon a bordo bus rilevano l'utente. L'itinerario: la più densa, mostra quante fermate mancano alla destinazione, quale autobus prendere al prossimo cambio, ETA al capolinea. Three live activities. Active parking: countdown timer, "Extend" CTA reachable from the lock screen. Transit "next stop": auto-starts when on-board beacons detect the user. Itinerary: the densest, shows how many stops to destination, which bus to take at next change, ETA at the endpoint.

L'itinerario è la live activity di cui sono più soddisfatto. Lo spazio della Dynamic Island e del lock screen è poco, le informazioni sono molte, l'utente sta camminando o è in piedi su un bus che balla. Ho dovuto trovare una grammatica che permettesse di leggere lo stato in mezzo secondo: la fermata corrente in grande, il countdown alla destinazione in evidenza, il cambio bus segnalato solo quando imminente. The itinerary is the live activity I'm most satisfied with. Dynamic Island and lock-screen space is scarce, information is dense, and the user is walking or standing on a bouncing bus. I had to find a grammar that allowed reading the state in half a second: the current stop large, the countdown to destination prominent, the bus change signaled only when imminent.

Siri + flussi chiave — la regola della costante Siri + key flows — the rule of consistency

La sosta è un'azione ricorrente, ripetuta più volte al giorno. Ho integrato Siri per coprirla in voice — avviare, fermare, estendere — senza dover toccare il telefono. Per chi paga la sosta tutti i giorni, è la differenza tra aprire l'app cinque volte e dire una frase. Parking is a recurring action, repeated multiple times a day. I integrated Siri to cover it in voice — start, stop, extend — without touching the phone. For someone paying for parking daily, it's the difference between opening the app five times and saying a sentence.

Sui flussi chiave ho lavorato in modo sistematico — richiesta abbonamenti, iscrizione scuolabus, ricarica credito, pagamento titoli. Stessa ricetta: rimuovere campi che si possono derivare, anticipare il default, ridurre i tap, dare conferma visibile a ogni step. Niente di rivoluzionario, applicato con costanza su sei mesi. On key flows I worked systematically — subscription requests, school-bus enrollment, top-ups, ticket payments. Same recipe: remove fields that can be derived, anticipate defaults, reduce taps, give visible confirmation at every step. Nothing revolutionary, applied consistently over six months.

I numeri arrivano dopo. Prima dei numeri, la cosa concreta che è cambiata è la giornata. Numbers come later. Before the numbers, what concretely changed is the day.

Sotto, quattro momenti di una giornata-tipo di operatore prima e dopo il rework. Le metriche subito dopo confermano il pattern. Below, four moments of a typical operator day before and after the rework. The metrics that follow confirm the pattern.

Otto numeri · sei mesi dopo il rilascio · cinque clienti in produzione. Eight numbers · six months post-release · five clients in production.

Tutte le metriche sono in range smussati rispetto ai numeri interni, per integrità del NDA. I dati reali sono ovunque più alti — il punto è il pattern, non la cifra puntuale: ogni superficie del prodotto è oggi più usata, più velocemente, da più persone, con meno frizione. All metrics are in conservative ranges relative to internal numbers, for NDA integrity. Real figures are everywhere higher — the point is the pattern, not the exact figure: every surface of the product is today used more, faster, by more people, with less friction.

Tre verità di sistema che porto via dal progetto. Non valgono solo nella mobilità urbana. Three system truths I take away from the project. They hold beyond urban mobility.