10 / 11

La strategia nazionale per le residenze universitarie, da esplorare dati alla mano.

Per il progetto del Ministero dell'Università e della Ricerca, con il supporto del Politecnico di Torino, abbiamo curato UX, UI e sviluppo della piattaforma Housing Studentesco. Racconta la strategia per le residenze universitarie e porta dai numeri nazionali alla singola residenza.

Servizi
UX e flussi · Design UI · Sviluppo web · Data visualization · Mappa interattiva

Introduzione

UX
Quattro sezioni dal generale al particolare e un filtro sempre uguale.
UI
Cifre chiare, stati riconoscibili e un linguaggio istituzionale.
Sviluppo
Mappa interattiva a livelli, da computer e da telefono.

Cos'è la piattaforma

Per capire
La strategia nazionale raccontata in modo semplice, con gli obiettivi e il contributo del PNRR.
Per confrontare
Posti alloggio, interventi e risorse, con un filtro tra risorse nazionali e PNRR in ogni sezione.
Per esplorare
Una mappa che scende dall'Italia alla regione fino alla scheda del singolo intervento.
Stessa pagina per due programmi: risorse nazionali e PNRR, con il filtro presente in Panoramica, Territorio, Interventi e Residenze01
Architettura · Flussi

UX

Una pagina, quattro domande: quanto, dove, cosa, quali.

ArchitetturaWireframeUser flow
Struttura della piattaforma: Panoramica, Territorio, Interventi e Residenze, il filtro tra i due programmi e la discesa nella mappa da Italia a dettaglio
Kit dell'interfaccia: blu, blu notte e oro, numeri in Roboto Mono, filtro tra i programmi e stati degli interventi02
Interfaccia · Dati

UI

Un'interfaccia istituzionale che fa parlare i numeri.

UIData visualizationResponsive
La piattaforma su computer e telefono: mappa delle residenze, sezione Interventi e Panoramica mobile
Dati di regioni, province e interventi collegati alla mappa Leaflet, con token CSS, Swiper e versione responsive03
Engineering · Mappa

Sviluppo

Una mappa che scende dall'Italia al singolo intervento.

WebLeafletDati
Scheda di un intervento sulla mappa della Lombardia, con posti alloggio, bando e soggetto realizzatore

01UX: dalla strategia alla residenza


Chi arriva può fermarsi al messaggio chiave o andare a fondo. Abbiamo ordinato i contenuti dal generale al particolare, con un filtro unico tra i due programmi e una mappa che guida passo dopo passo.

01 · Capire

Prima il messaggio.

La hero dice perché conta, la strategia spiega obiettivi e programmi, i dati arrivano subito dopo.

Scelte di progetto

  • Due inviti chiari: leggere la strategia o andare ai dati.
  • Il testo lungo si apre solo per chi lo vuole.
HeroStrategiaPanoramicaRisorse o PNRR?TerritorioInterventiResidenzeRegioneInterventoDettaglio

02UI


La stessa schermata prima e dopo: la struttura decide le priorità, l'interfaccia dà forma ai dati.

Sezione Residenze sul territorio: mappa dell'Italia per regione ed elenco dei progettiWireframe della sezione Residenze: titolo, filtro, area mappa ed elenco delle regioni

03Identità visiva


Il blu guida la lettura e i controlli, l'oro accende i punti chiave. Open Sans per i testi e Roboto Mono per le cifre, che restano ordinate e facili da confrontare.

Palette · clic per copiare

04La piattaforma

I momenti che contano per chi la consulta, da computer e da telefono.

Hero della piattaforma, Studiare e abitare, su computer e telefono
SELECTED WORK · 01—04

Una selezione continua di ecosistemi, piattaforme e servizi digitali.

Sistema visivo SiVola01
Digital Rebrand & Travel Experience

SiVola

Un ecosistema editoriale e commerciale capace di trasformare l’ispirazione in viaggio, mantenendo riconoscibile l’energia del brand in ogni touchpoint.

Brand systemUX commerceContent platform
02
Social Travel Marketplace

Onderò

Un'app dove i viaggiatori pianificano, partono insieme e trasformano i loro itinerari in guide da vendere.

App mobileSocialMarketplace
03
Multi-Agent AI Platform

SinfonIA

Pipeline di agenti AI progettate in una conversazione: dalla ricerca con gli utenti al POC funzionante.

Agenti AILLM & RAGDesign UX/UI
04
On-demand Learning Platform

BeConcept

La formazione degli hair stylist Treatwell trasformata in un'esperienza da streaming, con quiz e certificazioni.

Video streamingUX/UIWeb & mobile
05
Transport Operations Platform

Delivery OnTime

Servizi, mezzi e autisti su un'unica mappa: dalla pianificazione allo scarico, con l'app per chi è su strada.

DashboardApp autistiTracciabilità
Ecosistema digitale Fisascat06
Federated Digital Ecosystem

F.I.S.A.S.C.A.T.

Una regia centrale per rendere coerenti contenuti, territori e servizi, lasciando autonomia operativa a ogni nodo del network.

Multi-siteGovernanceService design
07
B2B Product & Lead Experience

ATS

Un’esperienza che rende leggibile un’offerta tecnica complessa e accompagna interlocutori diversi dal prodotto alla richiesta commerciale.

B2B UXProduct storyLead architecture
08
Member Experience & Service Design

MuTUA Cesare Pozzo

Un servizio digitale più chiaro e accessibile, costruito intorno alla continuità tra informazione, assistenza e operatività.

Service designAccessibilityMember journey

Per cosa ci contatti?

Raccontaci l'obiettivo del progetto: servizi, tempi e budget indicativo.

1/4