← Tutti i progettiIDENTITY / WEB / iOS / ANDROID

Mappa Viva

Verona.
La città, vista insieme.

MAPPA VIVA VERONA × GIRAFFA STUDIODAL MARCHIO ALL’APP
VERONA, ITALIA

Una città.
Molte voci.

Un’identità e un prodotto digitale
per la partecipazione civica.
BRAND IDENTITY → DIGITAL EXPERIENCEMateriali di presentazione dell’app
01 / IDENTITÀ VISIVA

Un luogo.
Un segno.

Abbiamo costruito l’identità di Mappa Viva: marchio, colori e linguaggio visivo. Il segnaposto incontra la spunta, collegando un luogo all’idea di azione.

Il blu della mappaIl giallo dell’azione
02 / DESIGN E SVILUPPO WEB

La città.
In un solo spazio.

Abbiamo progettato e sviluppato il sito: una porta d’ingresso alle segnalazioni, alla mappa e ai dati pubblici. La stessa identità accompagna ogni passaggio.

Homepage di Mappa Viva Verona: identità, mappa della città e accesso alle segnalazioni
WEB / 02

Cambiare vista.
Capire la città.

Categorie, filtri, viste 3D. Abbiamo dato forma a un’interfaccia che mette i luoghi al centro.

Apri la mappa ↗
Dettaglio della mappa pubblica di Verona in vista 3D, senza il pannello delle singole segnalazioni
MapLibre · OpenFreeMap · © OpenMapTiles · Dati: OpenStreetMap

Un progetto civico indipendente.
Un punto di vista condiviso sulla città.

Esplora il sito ↗
03 / ESPERIENZA E APP MOBILE

Dalla foto.
Alla mappa.

Design dell’esperienza e sviluppo delle app iOS e Android. Un percorso essenziale per documentare un problema, ritrovarlo sulla mappa e seguirne lo stato.

Scorri i tre passaggi ↔

01

Scatta.

Visual ufficiale dell’app: accesso alla funzione Scatta e segnala

Il problema prende forma.

Foto, posizione e dettagli in un percorso guidato. L’interfaccia accompagna la segnalazione, passo dopo passo.

02

Esplora.

Visual ufficiale dell’app: esplorazione di segnalazioni, categorie e circoscrizioni

La città diventa leggibile.

La mappa riunisce le segnalazioni. Categorie, filtri e viste aiutano a orientarsi tra i luoghi e i problemi.

03

Segui.

Visual di presentazione dell’app: dati e statistiche delle segnalazioni

Le informazioni restano visibili.

Stati, categorie e grafici danno una lettura condivisa delle segnalazioni e del loro avanzamento.

Visual di presentazione dell’app. Le schermate e i valori mostrati descrivono l’interfaccia, non risultati del progetto.

Vedi su App Store ↗
04 / IL PROGETTO COMPLETO

Un’idea.
Tutto quello che serve
per farla funzionare.

Dall’identità al prodotto, abbiamo curato design e realizzazione tecnica. Sito e app fanno parte della stessa esperienza: riconoscibile, coerente e costruita attorno alle persone.

01

Identity

Marchio e linguaggio visivo

02

Web

Design e sviluppo del sito

03

iOS

Esperienza e sviluppo app

04

Android

Esperienza e sviluppo app

Diamo forma al tuo progetto ↗
Progetto successivoNoleggio Lorini
Immagine Mappa Viva ingrandita