«Layers of Peace» Dataviz-Website

In the module Act 1, Laurent Steck, Mike De Bastiani, and I spent six weeks exploring what peace means to people in Mostar, Bosnia and Herzegovina. Based on data from the NGO Everyday Peace Indicators and feedback from the design agency Interactive Things, a website was developed that invites users to navigate through statements collected from residents in different parts of Mostar. The statements were gathered by researchers and organized into subcategories, categories, and dimensions to make the qualitative and complex dataset more comprehensible. The different levels were integrated into a data visualization. Each layer, from individual votes to overarching dimensions, reveals the connections and meanings of the various indicators. The result is a visual journey through the sense of peace and the history of Mostar. The project was made in code.

Full click-through 

Stills final Website
Different states of the data visualization.
The visualization changes depending on what is clicked.
Progress pictures
Figma connections
Figma connections
First try in code
First try in code
Different versions of the visualisation
Different versions of the visualisation
First onboarding
First onboarding
Base Idea
Base Idea
Sketches
Sketches
Act 1 | Studierende: Danielle Urech, Laurent Steck, Mike De Bastiani
Dozierende: Alain Leclerc von Bonin Michael Flückiger, Hanna Züllig
BA Data Design + Art, Hochschule Luzern - Design Film Kunst
© HSLU, 2025
↑Back to Top