Progetto personale · Risorse universitarie

La Bussola di Infouma

Un posto da cui partire per trovare link, orari e informazioni utili alla vita universitaria.
Contesto
Progetto personale per gli studenti di Informatica Umanistica
Contributo
Ideazione, progettazione e sviluppo
Ambiti
Organizzazione dei contenuti · Interfaccia · Sviluppo web
Stato
Progetto personale
Schermata della Bussola con illustrazione dorata, titolo e ricerca
Una versione del progetto conservata nel portfolio.
01 / Il punto di partenza

Orientarsi tra risorse sparse.

La Bussola nasce come progetto personale legato alla mia esperienza in Informatica Umanistica. Portali, orari e informazioni pratiche si trovano in posti diversi: ho voluto raccogliere i punti di accesso in una pagina da consultare quando serve, organizzata intorno alle attività degli studenti.

02 / Il progetto

Partire da quello che si deve fare.

La home distingue link utili, lezioni, aule libere e domande frequenti. Ogni voce ha un titolo breve e una descrizione che anticipa la destinazione. I collegamenti alle mappe dei poli completano il percorso, rimandando anche a strumenti esterni.

03

Un’immagine per orientarsi

La bussola rende immediata l’idea del progetto. Gli asset illustrati conservati nel sito affiancano un’interfaccia che oggi usa anche icone lineari e schede essenziali.

La bussola
La bussola

Una bussola dorata, con quadrante chiaro e ago rosso, introduce il progetto. Il volume dell’illustrazione la distingue dal fondo scuro.

Le informazioni come piccolo manuale
Le informazioni come piccolo manuale

Il libro con il punto interrogativo appartiene al repertorio illustrato del sito. Colori pieni e forme arrotondate richiamano un oggetto familiare.

04

Colori e caratteri

La Bussola comprende più temi: questa palette descrive il fondo scuro e i toni neutri, mentre le varianti cambiano colori e caratteri.

Fondo#030305
Testo#F0F0F2
Testo secondario#8A8A9B
Accento neutro#D4D4D8
DM Sans · Tema Original · testi

Link utili, lezioni e aule.

Bricolage Grotesque · Tema Nord · carattere

Da dove vuoi partire?

Il tema Original abbina Fraunces e DM Sans. Le altre varianti esplorano registri diversi: Bricolage Grotesque nel tema Nord, Instrument Serif in Letterato, Syne e JetBrains Mono in Neo.

05

Dentro il lavoro

01

Organizzare per necessità.

Ho separato le risorse da consultare, gli orari e le informazioni sugli spazi. La home funziona come un indice: poche categorie ampie permettono di scegliere una direzione prima di entrare nei dettagli.

02

Tenere riconoscibili le destinazioni.

Schede, icone e descrizioni brevi rendono esplicito il contenuto dei collegamenti. Le mappe esterne sono indicate come tali, mentre le sezioni interne mantengono una navigazione comune.

03

Lasciare scegliere l’aspetto.

Il pannello delle impostazioni permette di cambiare tema e, nelle varianti previste, modalità chiara o scura. Le preferenze vengono conservate nel browser. Ho usato queste varianti per sperimentare caratteri e atmosfere diverse mantenendo gli stessi contenuti.

06

Il progetto sullo schermo

Schermata delle risorse della Bussola
L’organizzazione delle risorse nella versione documentata.
Pagina interna della Bussola
Dettaglio dell’interfaccia conservata.
Cosa mi porto dal progetto

Un progetto vicino alla vita da studente.

La Bussola è uno spazio personale in cui mettere insieme organizzazione dei contenuti e prove di interfaccia. Il suo obiettivo è rendere più facile ritrovare una risorsa utile, mantenendo chiara la distinzione tra il progetto e i servizi universitari a cui rimanda.