RE-STRUCTURE

Projets MA DIGITAL EXPERIENCE DESIGN

RE-STRUCTURE

Pendant ce workshop d'une semaine, les étudiant·e·s du Master Digital Experience Design ont utilisé des outils de machine learning pour décomposer des clips musicaux en leurs éléments constitutifs : scènes segmentées, gestes détectés, couleurs extraites, beats analysés, stems audio séparés, transformant des objets audiovisuels linéaires en jeux de données structurées. Ces composants ont ensuite été réinventés sous forme de systèmes interactifs et non linéaires : cartes explorables, timelines génératives, interfaces rythmiques et structures auto-recomposables, construites avec le framework OPENRNDR.

Workshop (2026) avec RNDR STUDIO

Assistant·e·s
Martial Grin
Étudiant·e·s
Amna Ahmad, Delphine Brantschen, Seoyun Choi, Marc Facchinetti, Sina Fathollahi, Gwenaëlle Gustin, Emilie Müller, Cindy Murier, Thomas Neyroud, Shin Young Park, Rishab Sachidanand, Youri Zermatten
Savoir-faire
UX/UI, Creative coding, Data visualization

EPLE

 

This project is an interactive data visualization installation about the videoclip Röyksopp - Eple. It is divided in three experimentations, with sound, objects, and images. It is inspired by the looping effect inside of the music, and the videoclip. 

Par Rhishab Sachidanand - Marc Facchinetti - Emilie Müller

AROUND THE WORLD

 

Inspired by the hypnotic repetition of Around the World, this project invites users to look closer, to move beyond the surface of the music and into the geometry beneath it.

Each group of dancers in the clip is not merely performing. They are embodying an instrument, a frequency, a voice in the composition. By observing their patterns, their spacing, their motion, this data visualisation peels back the layers of an image we thought we already knew. Like a score made visible, the movements become data points, and the data points become meaning. The circle, omnipresent and deliberate, serves as both structure and symbol. It is the loop of the song, the orbit of the dancers, the shape of repetition itself. Through this visualisation, we trace its role not as decoration but as the underlying logic of the entire piece. This project is a metaphor for attentive watching. It turns passive listening into active excavation, uncovering what choreography, composition and visual rhythm reveal when studied together, layer by layer.

Par Shin Young Park - Delphine Brantschen - Cindy Murier

Sledgehammer

 

The final result of this workshop is a visual project that transforms linear data into a clear and engaging visual composition. By applying different techniques learned during the workshop, we explored how raw data can be organized, structured, and represented visually. The project focuses on making complex information easier to understand through generative design, visual mapping, and experimentation with form, movement, randomness and layout. Overall, the outcome shows how data can be turned into a meaningful and visually interesting representation.

Par Amna Ahmad - Seoyun Choi - Sina Fathollahi

Projets liés à UX/UI
Voir plus de projets

Elena Biasi – Magnetic Fragments

BA MEDIA & INTERACTION DESIGN

Elena Biasi – Magnetic Fragments

with Pauline Saglio, Christophe Guignard, Laura Nieder, Alain Bellet, Gaël Hugo, Lara Défayes

Avant l’essor du numérique et des réseaux sociaux, les moments du quotidien étaient capturés sur supports analogiques, puis visionnés en famille de manière linéaire. Ces longues cassettes VHS, faites de séquences successives, ont peu à peu disparu, victimes de leur obsolescence. Magnetic Fragments propose de redécouvrir ces souvenirs oubliés via une interface web tridimensionnelle où chaque bulle incarne un souvenir à explorer et commenter. Destinée à un cercle privé, la plateforme collaborative offre une navigation libre, revisitant les fragments de souvenirs de façon dynamique et rompant avec la structure monotone des anciens visionnages. Magnetic Fragments devient ainsi un lieu de transmission intergénérationnelle où le passé se partage dans le présent.
LET THE DATASET CHANGE YOUR MINDSET - 2025

BA MEDIA & INTERACTION DESIGN

LET THE DATASET CHANGE YOUR MINDSET - 2025

by Steve Bouillant, Teo Grajqevci, Yann Müller

Les données ont le pouvoir de transformer notre manière d’interpréter le monde. À partir d’une simple question ou hypothèse, ce projet explore comment la visualisation peut révéler des motifs qui ne sont pas immédiatement perceptibles. Le résultat est une expérience de visualisation de données pleinement fonctionnelle avec une interface interactive, incluant un contrôleur mobile permettant aux utilisateurs de manipuler l’affichage en temps réel. Conçu et programmé par des étudiants de deuxième année en Bachelor Media & Interaction Design dans le cadre d’un cours enseigné par Gaël Hugo, le projet montre comment la visualisation interactive peut rendre des données complexes plus accessibles et engageantes.
Emilie Müller – Librarynth

BA DESIGN GRAPHIQUE

Emilie Müller – Librarynth

by Emilie Müller

Il est bon de croire que la bibliothèque résiste. Non pas comme une relique du passé, mais comme une présence qui se réinvente, oscillant entre le tangible et l’immatériel. Il ne s’agit pas de nier le numérique, ni de se cramponner à nos pages jaunies. Mais de comprendre que si nous acceptons la bibliothèque comme un espace mouvant, un organisme qui mute avec son temps, alors son avenir n’est peut-être pas si sombre. Librarynth est une bibliothèque immersive, pensée comme une maison virtuelle. Chaque pièce évoque une des six thématiques issues de la collection Varia de la Fondation Jan Michalski. Sous la forme d’une interface web, le projet célèbre la sérendipité propre aux bibliothèques physiques tout en questionnant comment le numérique peut traduire l’expérience du livre.
LET THE DATASET CHANGE YOUR MINDSET

BA MEDIA & INTERACTION DESIGN

LET THE DATASET CHANGE YOUR MINDSET

by Thomas Gaudin, Olivia Capol, Livia Schmid, Emilie Maier

Ce projet s’articule autour d’une expérience et d’une interface graphique de data visualisation complètement fonctionnelles, designées et programmées par les étudiant·e·s en 2e année de Bachelor Media & Interaction Design dans le cadre d'un cours donné par Gaël Hugo. Cette exercice prend comme point de départ cette réflexion: « Les datasets «fun» concernent des sujets d’intérêt personnel et peuvent être utilisés pour répondre à des questions inattendues ou explorer des relations qui ne sont pas immédiatement intuitives. Vous pouvez partir d’une question ou d’une hypothèse, puis trouver un ensemble de données pour prouver (ou réfuter) votre théorie. Vous pourriez même créer votre propre ensemble de données en utilisant des techniques de web scraping ou une API ouverte. En fait, créer votre propre ensemble de données vous permet de collecter, étiqueter et préparer un ensemble de données propre. » - Kindra Cooper
Viktor Gagné – Serialized Saplings

BA MEDIA & INTERACTION DESIGN

Viktor Gagné – Serialized Saplings

by Viktor Gagné

Le poids des matières produites par l'Homme serait aujourd’hui supérieur à celui de l’ensemble de la biomasse terrestre. Comment ces artefacts s’intégreront-ils au reste de l’environnement dans un million d'années? Serialized Saplings est une installation interactive qui spécule sur une forme potentielle de végétation à venir, fortement altérée par la démesure de la production humaine, ici cristallisée à travers le symbole de la prise électrique. En manipulant les branchements de plusieurs multiprises, l’interacteur est invité à programmer le « code génétique » d’espèces végétales hybrides qui n’existent pas encore et dont l’allure rappelle nos standards industriels. Cette végétation générée est ensuite classifiée sous la forme d’un herbier digital qui peut être consulté et étudié.

Formations liées
Voir toutes les formations

MA DIGITAL EXPERIENCE DESIGN
Nous utilisons des cookies pour collecter des informations sur la manière dont vous utilisez ecal.ch.
Nous utilisons ces informations pour faire fonctionner le site web au mieux et améliorer nos services.