← All projectsIDENTITY / WEB / iOS / ANDROID

Mappa Viva

Verona.
The city, seen together.

MAPPA VIVA VERONA × GIRAFFA STUDIOFROM BRAND TO APP

VERONA, ITALY

One city.
Many voices.

An identity and a digital product
for civic participation.

Mappa Viva Verona: app home presentation visual

Mappa Viva Verona: civic data presentation visual

BRAND IDENTITY → DIGITAL EXPERIENCEApp presentation materials

01 / VISUAL IDENTITY

A place.
A mark.

We created Mappa Viva’s identity: its logo, colours and visual language. The location pin meets the check mark, connecting a place with the idea of action.

THE BRAND

REAL REPORTS. CLEAR DATA.

Map blueAction yellow

02 / WEB DESIGN & DEVELOPMENT

The city.
In one place.

We designed and developed the website: a starting point for reports, the map and public data. The same identity runs through every step.

Mappa Viva Verona homepage: identity, city map and access to reports

WEB / 02

A different view.
A clearer city.

Categories, filters, 3D views. We shaped an interface that puts places at its centre.

Open the map ↗

Detail of Verona’s public map in 3D view, without the individual report panel — MapLibre · OpenFreeMap · © OpenMapTiles · Data: OpenStreetMap

An independent civic project.
A shared perspective on the city.

Explore the website ↗

03 / MOBILE EXPERIENCE & APPS

From photo.
To map.

Experience design and development of the iOS and Android apps. A clear journey to document an issue, find it on the map and follow its status.

Swipe through the three steps ↔

Capture.

Give the issue a clear form.

Photo, location and details in a guided journey. The interface supports the report, step by step.

Explore.

Official app visual: exploring reports, categories and districts

Make the city readable.

The map brings reports together. Categories, filters and views help people navigate places and issues.

Follow.

App presentation visual: report data and statistics

Keep the information visible.

Statuses, categories and charts provide a shared view of reports and their progress.

App presentation visuals. The screens and values shown illustrate the interface, not project outcomes.

View on the App Store ↗

04 / THE COMPLETE PROJECT

One idea.
Everything it takes
to make it work.

From identity to product, we handled design and technical delivery. Website and apps belong to the same experience: recognisable, consistent and built around people.

Identity

Brand and visual language

Web

Website design and development

iOS

App experience and development

Android

App experience and development

Let’s shape your project ↗

Next projectNoleggio Lorini