• Riepilogo
  • Sfide
  • Problemi
  • Personas
  • Implementazione
  • UX & UI
TrailPass Mockup

Privacy by Design

geolocalizzazione opt-in e granulare

Mobile First

Angular + Ionic + Capacitor

Ho progettato e sviluppato TrailPass per la mia tesi di diploma, creando un Location-Based Social Network dedicato alla community fuoristrada italiana. Il progetto integra principi di Value Sensitive Design per bilanciare funzionalità social, controllo granulare della privacy e coordinamento di eventi in un'esperienza mobile nativa. Attraverso metodologie di Goal-Directed Design e Activity-Centered Design, ho affrontato le tensioni tra usabilità, funzionalità complesse e privacy degli utenti, implementando un sistema di consenso contextual che rappresenta il primo LBSN con controlli granulari durante gli eventi.

Home AvventureHome EventiHome TracciatiHome Community

Sfide

PROBLEMI IDENTIFICATI:

  • Frammentazione degli strumenti di coordinamento
  • Mancanza di controllo sui dati di geolocalizzazione
  • Interfacce non ottimizzate per le esigenze specifiche
  • Assenza di strumenti evento-centrici per organizzatori
Value Sensitive Design Diagram

La community fuoristrada italiana coordina le uscite con strumenti frammentati: WhatsApp per messaggi, Google Maps per tracciati, forum per informazioni. Come progettare un Location-Based Social Network che risponda ai bisogni specifici di questa community, bilanciando usabilità, funzionalità complesse e privacy degli utenti?


Problemi Affrontati

Lo sviluppo di TrailPass ha richiesto l'affrontare sfide tecniche e progettuali complesse in ambiti LBSN e mobile UX:

  • Interfacce mobili efficaci – progettazione di UI multifunzionali per piattaforme LBSN che integrano mappe, eventi e comunicazione.
  • Privacy e geolocalizzazione – implicazioni etiche nella condivisione della posizione geografica, risolte attraverso privacy by design (opt-in granulare, dati trasparenti e consensuali).
  • Onboarding e semplicità – semplificazione dei flussi principali (iscrizione, evento, condivisione traccia) con onboarding chiaro e progressivo.

Personas

Target: Personas

TrailPass si rivolge a tre macro-categorie di utenti, ognuna con esigenze specifiche:

  • Club e Associazioni: Organizzano uscite di gruppo, gestiscono calendari, coordinano attività per i membri.
  • Esploratori Individuali: Cercano nuovi percorsi, vogliono tracciare le proprie avventure, condividere esperienze.
  • Creator di Tracciati: Creano e condividono percorsi dettagliati con la community, fornendo informazioni preziose.

Implementazione

Stack Tecnologico

  • Frontend mobile: Angular + Ionic + Capacitor (Webview su iOS/Android)
  • Mappe: Google Maps SDK, con fallback e geocoding su Nominatim/OpenStreetMap
  • Backend: Symfony (REST API, gestione utenti/eventi/tracce, sicurezza e granularità permessi)
  • Persistenza locale: SQLite (salvataggio temporaneo tracce, export GeoJSON)

UX, Design & Accessibilità

Il design di TrailPass segue principi rigorosi di user experience e accessibilità, combinando estetica e funzionalità:

  • Goal-Directed Design e Activity-Centered Design come metodo base – ogni funzione sostiene obiettivi utente o task reali.
  • Interfaccia tab-bar con quattro sezioni principali: Home, Mappa, Messaggi, Profilo.
  • Empty state didattici, microcopy trasparenti, scelta lessico neutro e tono affidabile.
  • Personalizzazione e branding – palette colori coerente, logo, tipografia Lufga con linee guida fotografiche per comunicazione.

Responsabilità Estetica ed Etica

  • Privacy by design: dati posizione condivisi solo durante eventi/autorizzati dall'utente; sistema opt-in e revocabile in ogni momento.
  • Value Sensitive Design: bilanciamento privacy/sicurezza/community tramite opzioni flessibili di visibilità.
  • Nessun dark pattern: onboarding educativo sulle scelte privacy, sicurezza e trasparenza nella gestione dati sensibili.

Una frazione della prototipazione completa del progetto

Alcune delle schermate

OnboardingRegistrazioneHome AvventuraHome CommunityHome EventiHome TracciatiDettaglio Avventura 1Dettaglio Avventura 2Crea Avventura 1Crea Avventura 2Crea Avventura 3Crea Avventura 4Crea Avventura 5Crea Avventura 6Crea Avventura 7Crea Avventura 8Messaggi ChatMessaggi NotificheProfilo Empty 1Profilo Empty 2Settings Privacy

Vuoi approfondire il progetto TrailPass?

Richiedi la tesi completa