City Meter

City Meter

City Meter is an app designed to measure noise pollution in cities thanks to online accessible webcams, and then represents it visually using datamoshing techniques.

The project was carried out during an experimental project course during my 3rd year of Visual Communication at HEAD-Genève.

Roles

UI+UX Design
Datamoshing

Timeframe

2 months—Nov to Dec 2022

Teachers

Martine Anderfuhren
Anette Lenz
Alban Thomas


Why Noise Pollution?

Being quite a sensitive person to noise, I wanted to design an app that could raise awareness about the dangers of noise pollution in cities around the world.

Some Background

After conducting research, I discovered that Geneva (the city I’m studying in) was the noisiest city in Switzerland, knowing that Zürich for example is in the average.

The goal of my project is to break this almost idyllic landscape that we have when we think about cities and with all the advantages they can have.
We almost never think about the noise, or at least I've never seen people on Instagram post pictures where they complain about the noise in the city.

How does it work?

The noise disturbs the incoming city webcams video feed and makes it glitchy. A metaphor of how the brain interprets noise and it becomes an interpretation of sensory overload.

Underneath is an example with a video. The sound’s binary data is pasted into the video’s binary data. No After Effects or software required. This is real glitch, and it’s called datamoshing.


And here's the app

The app features a map with interest points around the city you’re on.

On top, a status bar with the time and date, including the average noise level.

On the bottom, a search bar and a timeline so you can visit the city in its earlier noise levels.

City Meter app open on the Map View of Geneva, Switzerland.
City Meter app focusing on a noise spot of Plainpalais, Geneva, Switzerland.

Spot Selection

When you select a spot, this page opens with the webcam video feed, a decibel meter, statistics about the place and a sound wave form.

Under the video feed, you’ll find a toggle to enable or disable the video glitch, and a slider to control how much the current noise can affect the video feed.

Gliteched webcam view of Plaipalais, showing 58 dbA in yellow.
Calm webcam view of a place out of the city at 34 dbA, with other more glitched and corrupted webcam views at 102 dbA and 136 dbA.

Colors

The color of the whole UI is defined by the city you set as default. So for example, if you open the app by night, the colors might be yellow or maybe green.

City Meter's UI spectrum of colors

Prototype

Please open the prototype on desktop or tablet.