Maps x Spotify

Responsabilità

Responsabile
User Interface

Team

5 persone

Durata di sviluppo

15 giorni

Anno

2024

Piattaforma

Figma

Panoramica

Google Maps x Spotify nasce come esperimento di integrazione tra navigazione e ascolto personalizzato. L’obiettivo è creare un’esperienza dinamica e immersiva per chi viaggia, unendo la precisione di Maps con le capacità predittive di Spotify.

L’app suggerisce playlist basate sul tragitto, il tempo stimato e l’ambiente (urbano, rurale, mare, montagna). L’integrazione migliora non solo l’esperienza di guida, ma anche quella emotiva legata al viaggio.

Caratteristiche

MapBeats

L’app riconosce il percorso selezionato in Google Maps e propone automaticamente una selezione musicale ottimizzata. Le playlist si adattano al tipo di strada, alla durata del viaggio e persino al traffico in tempo reale. Gli utenti possono visualizzare in anteprima la playlist del tragitto, salvare i brani ascoltati durante la guida e interagire tramite comandi vocali per cambiare mood o genere musicale senza distrazioni.

Inoltre, l’app analizza le abitudini di ascolto per affinare progressivamente i suggerimenti, offrendo un mix unico di scoperta musicale e comfort.

Tre interfacce dell’app Spotify x Maps progettata dal team con Davide Molea, mostrate su iPhone: selezione della destinazione su Maps, scelta degli artisti preferiti e selezione delle canzoni.

Tre interfacce dell’app Spotify x Maps progettata dal team con Davide Molea, mostrate su iPhone: schermata di attesa per la generazione della playlist, interfaccia di navigazione in auto con player Spotify e schermata di fine viaggio.

Processo

Colori

Per l’identità visiva, ho scelto nero e bianco come base per garantire continuità con le interfacce originali di Google e Spotify. Il verde Spotify è usato come colore d’accento per evidenziare le azioni principali.

Font

Abbiamo scelto Avenir Next come font principale: una tipografia che garantisce ottima leggibilità in movimento, ideale sia per l’interfaccia mobile che per i display in auto. Ho definito tutti gli stili tipografici necessari per assicurare coerenza visiva e una gerarchia chiara tra titoli, testi secondari e comandi vocali.