Feed

MEDIA & INTERACTION DESIGN

Elena Biasi – Magnetic Fragments

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

Before the rise of digital technology and social networks, everyday moments were captured on analog media and watched with family in one uninterrupted flow. These long VHS tapes, composed of successive sequences, gradually disappeared, victims of their obsolescence. Magnetic Fragments offers a way to rediscover these forgotten memories through a three-dimensional web interface, where each bubble represents a memory to explore and comment on. Designed for a private circle, the collaborative platform allows free navigation, revisiting each memory fragments in a dynamic way and breaking with the monotonous structure of past viewings. Magnetic Fragments thus becomes a space for intergenerational transmission, where the past is shared in the present.

MEDIA & INTERACTION DESIGN

Valère Zen-Ruffinen – Memoria

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

“All those moments will be lost in time, like tears in rain.” - Roy Batty, Blade Runner (1982). Many of the moments we share with our loved ones fade from memory when nothing brings them back to life. Little by little, they disappear. Memoria is a photo album application that explores the fragility of memory, and how we maintain — or allow to fade — our connections through it. Through a process of gradual disappearance, the people in our photos slowly fade if no new memories shared with them are added. To keep their faces visible, users are invited to regularly enrich their album with new shared moments.

GRAPHIC DESIGN

Hugo Scholl – Modulat – 2025

by Hugo Scholl

MODULAT is a variable typeface designed around the concept of a musical visualizer. Starting from a neutral design, it branches out into multiple character sets, each allowing adaptation to different graphic and sonic worlds. Its variation axes enable it to adjust to a wide range of display formats, making it suitable for use across various digital platforms. Conceived as a modular tool, it questions how a typeface can accompany music while maintaining visual coherence. The project combines formal experimentation with a search for graphic adaptability.

GRAPHIC DESIGN

Emilie Müller – Librarynth

by Emilie Müller

It is good to believe that the library is resilient. Not as a relic of the past, but as a presence that reinvents itself, oscillating between the tangible and the intangible. It's not a question of denying the digital, nor of clinging to our yellowed pages. But to understand that if we accept the library as a moving space, an organism that mutates with the times, then its future may not be so bleak. My diploma is a non-linear immersive library, conceived as a virtual house. Each piece evokes one of six themes from the Jan Michalski Foundation's Varia collection. In the form of a web interface, the project celebrates the serendipity inherent in physical libraries, while questioning how digital technology can translate the book experience.

GRAPHIC DESIGN

Delphine Brantschen – What Remains to Be Stitched

by Delphine Brantschen

What Remains to Be Stitched is an interactive website shaped as a memory palace. Through her mother's oral accounts, the graphic designer weaves together Brazil's past into 3D icons and narrative fragments. No objects or images have been preserved from this life — only words. These words are my only inheritance. But what remains when even she no longer remembers them? Blending graphic design, modeling, point clouds and spatial storytelling, the project explores a poetic form of transmission, stitching memories to preserve a fragile link between memory, culture and identity.

GRAPHIC DESIGN

Paul Paturel – Modulat – 2025 #2

by Paul Paturel

Grime Index is an interactive VJ-ing project that centralizes, visualizes, and enables navigation through iconic moments of grime — a chaotic genre born on London’s pirate airwaves. By turning audio data into visual identity and live signage, the project makes a performance-based, oral, and improvised culture more readable. Designed for both newcomers and longtime fans, it is built around three interchangeable modules — MC, instrumental, and lyrics — honoring the culture of sampling, MCing, and mixing. Diarization, transcription, dynamic typography, and real-time effects combine to reveal grime’s living and navigable memory.

GRAPHIC DESIGN

Marc Facchinetti – The Swiss Climate Report

by Marc Facchinetti

The Swiss Climate Report is an editorial design project that explores climate change through data. Based on recent meteorological records, put into perspective with historical averages sometimes dating back more than 150 years, the book is supported by plugins custom-developed for InDesign. These tools translate scientific data such as temperatures, UV radiation and Dobson units into typographic variations and ASCII forms. This experimental approach offers an alternative reading of climate information. The project offers a raw and precise computer graphics perspective.

MEDIA & INTERACTION DESIGN

Olivia Capol – How Do They Know ?

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

We all use ChatGPT. But why? Perhaps because it seems to have an answer to everything. How Do They Know ? is an interactive experience that invites us to follow the path of each question we ask an AI, from the moment it enters the system until a truth is delivered to us. Three guides are available to take us to the heart of language model mechanisms. Their points of view, sometimes opposing, intersect and contradict each other. What if the way algorithms respond to us influences what we believe? Behind each exchange lies our relationship to human knowledge, what we expect from machines, what they learn from us, and what we decide to believe.

MEDIA & INTERACTION DESIGN

Aryana Noorani – Check-out / Check-in

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

In this point-and-click game, players take on the role of a maid on her first day in a luxury hotel. Each level consists of a messy room left behind by guests. The player must remember the list of tasks and complete them in the correct order to restore the room. The gameplay relies on simple, repetitive actions, where order and memory are key, with no room for error in such meticulous surroundings. Through repetition, the actions become mechanical, but the slightest mistake forces the player to start over. Guided by the overbearing voice of a manager, the experience combines curiosity, frustration and a quiet sense of absurdity in a simple game loop.

MEDIA & INTERACTION DESIGN

Quentin Kohler – EnhancedCrops

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

“At EnhancedCrops, we aim to create the apple of the future.Thanks to our exclusive technology, which promises to revolutionize the future of agriculture, we are about to develop an apple tree capable of surviving the hottest heatwave as well as the latest spring frost. No matter what parasite clings to it, our Tungsten apple tree will always resist. And that’s not even counting that it will produce the perfect apple, available year-round. Humanity is accelerating climate change? It doesn’t matter! We have the solution. It’s up to us to help it surpass itself. At EnhancedCrops, we’ve made it our mission. Join us, and let’s cultivate a sweeter, ever more fruitful world together.” A story of a failure foretold.

MEDIA & INTERACTION DESIGN

LET THE DATASET CHANGE YOUR MINDSET - 2025

by Steve Bouillant, Teo Grajqevci, Yann Müller

Data has the power to reshape the way we interpret the world. Starting from a simple question or hypothesis, this project explores how visualization can reveal patterns that are not immediately visible. The result is a fully functional data visualization experience with an interactive interface, including a mobile controller that allows users to manipulate the display in real time. Designed and programmed by second-year Bachelor students in Media & Interaction Design as part of a course taught by Gaël Hugo, the project demonstrates how interactive visualization can make complex data more accessible and engaging.

MEDIA & INTERACTION DESIGN

Screen Design 2024

with Harry Bloch

Websites developed over a semester according to a book chosen by the students as part of Harry Bloch's Screen Design course, second year Bachelor of Visual Communication.

MEDIA & INTERACTION DESIGN

Countdown (2024)

with Mario Von Rickenbach

The students worked on an interactive countdown in a web environment. Each day, they were tasked with creating a new sketch, culminating in their own collection, which could also be combined with projects from the entire class.

MEDIA & INTERACTION DESIGN

Wonder Rooms

with Gaël Hugo

During this workshop, second year media & Interaction design students crafted interactive 'wonder-rooms' inspired by curiosity cabinets, blending 3D environments with real-time interactions. A collection of bizarre, imaginative little worlds to be explored.

MEDIA & INTERACTION DESIGN

Gary Sandoz – Reminix

by Gary Sandoz

By delegating our life experiences to digital media processed by algorithms, memory is no longer solely human. Reminix explores the emotional dimension and the future of our fragmented memories through a device that scans and analyzes photographic slides, acting as an ephemeral backup of a past life in the absence of the author's testimony. In a spatial contemplation, the image materialized and rendered in 3D, accompanied by generative narration, reconstitutes an alternative past with each activation. This interactive experience reactivates the memory and creates a bridge between the user and the narrative potential of the image, while questioning the fragility, preservation, trust, and generation of our memories by machines.

MEDIA & INTERACTION DESIGN

Viktor Gagné – Serialized Saplings

by Viktor Gagné

The weight of materials produced by humans is now believed to exceed that of all terrestrial biomass. How will these artifacts integrate into the rest of the environment in a million years? Serialized Saplings is an interactive installation that speculates on a potential form of vegetation to come, heavily altered by the excesses of human production, here crystallized through the symbol of the electrical outlet. By manipulating the connections of several power strips, the participant is invited to program the "genetic code" of hybrid plant species that do not yet exist and whose appearance resembles our industrial standards. This generated vegetation is then classified in the form of a digital herbarium that can be consulted and studied.

MEDIA & INTERACTION DESIGN

Marius Parisod – Get-Out 4

by Marius Parisod

At the crossroads between video games and board games, Get-Out 4 is an invitation to rediscover the joy of playing together. This puzzle game, designed to be played by two or more players, encourages direct interaction and cooperation. The use of external game pieces invites players to rely on their observation and deduction skills, bringing them together in a shared experience that goes beyond screens. The design of Get-Out 4 is based on a minimalist aesthetic inspired by early video games such as Pong, Pac-Man, and Tetris. This visual simplicity not only evokes nostalgia but is strategically employed to enhance player engagement by focusing on gameplay mechanics. This project, beyond its playful aspect, offers human interaction through the lens of gaming.

MEDIA & INTERACTION DESIGN

LET THE DATASET CHANGE YOUR MINDSET

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

This project revolves around a fully functional data visualization experience and graphical interface, designed and programmed by second-year Bachelor students in Media & Interaction Design as part of a course taught by Gaël Hugo. This exercise begins with the following reflection: "Fun" datasets concern topics that are of personal interest, and can be used to answer unexpected questions and explore relationships that aren’t immediately intuitive. Perhaps you start with a question or hypothesis, and then find a dataset to prove (or disprove) your theory. Or, you might even generate your own dataset using web scraping techniques or an open API. In fact, creating your own dataset enables you to collect, label, and prepare a clean dataset. - Kindra Coope

MEDIA & INTERACTION DESIGN

INSTANT TOY FOR MUSICIANS

with Gaël Hugo

Soundtoys coded by 1st year Bachelor students in Media & Interaction Design as part of a semester project led by Gaël Hugo.

MEDIA & INTERACTION DESIGN

Agents are All You Need

with Matthieu Minguet

Agents Are All You Need is the result of a one-week workshop dedicated to exploring Autonomous Agents and their potential in innovative scenarios. By repurposing existing platforms, students leveraged the reasoning capabilities of multimodal language models to automate complex actions rather than limiting themselves to generating text or images.

MEDIA & INTERACTION DESIGN

Speaking with your hands

with Vera van de Seyp

How does our physical body interact with digital content ? The students have explored creative ways in which typography and graphics can be manipulated in response to human movement.

MEDIA & INTERACTION DESIGN

It's About Time

with Angelo Benedetto

Digital clocks with no temporal reference points, simple representations of the passage of time. Developed on the principle of screensavers, these projects are programmed to evolve graphically according to the time of day. Selection of projects created in the first-year Bachelor Media & Interaction Dynamic Display course with Angelo Benedetto, assisted by Sébastien Matos.

MEDIA & INTERACTION DESIGN

TalkCity

with Gaël Hugo

During a one week workshop led by Gaël Hugo, students developed situational conversational agents integrating artificial intelligence. These exchanges generate associated 3D environments to provide visual support.

MEDIA & INTERACTION DESIGN

Mathematical Sound

with Gaël Hugo

Soundtoys coded by 1st year Bachelor students in Media & Interaction Design as part of a semester project led by Gaël Hugo.

MEDIA & INTERACTION DESIGN

Screen Design 2023

with Harry Bloch

Websites developed during a semester according to a recipe chosen by the students in the course of Screen Design of Harry Bloch, second year Bachelor Visual Communication.

MEDIA & INTERACTION DESIGN

Break It Fix It

with Daniël Maarleveld

Break it Fix it is the workshop's result conducted under the direction of Daniel Maarleveld. Based on the music Technologic - Daft Punk, each group have reappropriated a phrase to enhance it graphically. The result is a series of posters, a video clip compiling the different typographic systems, and a series of interactive posters based on the same rules.

MEDIA & INTERACTION DESIGN

Random?

with Andreas Gysin

Workshop with Andreas Gysin The students worked on the concept of randomness to generate a series of patterns and drawings.

MEDIA & INTERACTION DESIGN

Nathanaël Vianin – The Last Forest

with Alain Bellet, Christophe Guignard, Gaël Hugo, Laura Nieder, Pauline Saglio

The Last Forest offers a browser-based walkable forest of spatialised information about collapse in general. Internet users are invited to wander through it and to find posts from the r/collapse reddit community in the form of trees. The categorisation and index provide a more structured browsing of the information contained in the trees. The Last Forest aims to raise awareness about climate change and its potential to end globalised, consumerist civilisation as we know it.

MEDIA & INTERACTION DESIGN

Raster Walker

with Gaël Hugo

Content produced during a one week workshop led by Gaël Hugo, around experimenting with image rasterisation and particle systems.

MEDIA & INTERACTION DESIGN

What’s The Prompt?

with Cyril Diagne

During a week workshop given by Cyril Diagne, second year students explored the integration of machine learning tools in their creative process. By limiting the coding step in favour of using the concept of Prompt they experimented with Diffusion Models such as GPT3, Clip or DALL-E to create texts, images and videos. Comparing the way our brain seems to make our dreams and the way some AI models work, Elina Crespi used some Diffusion Model to represent her dreams.

MEDIA & INTERACTION DESIGN

MATHEMATICAL MUSIC

with Gaël Hugo

Soundtoys coded by 1st year Bachelor students in Media & Interaction Design as part of a semester project led by Gaël Hugo.

MEDIA & INTERACTION DESIGN

Transitions

with Mario Von Rickenbach

Webtoys coded by 1st year Bachelor students in Media & Interaction Design as part of a week-long workshop given by Mario von Rickenbach.

MEDIA & INTERACTION DESIGN

Ultra Low Resolution

with Andreas Gysin

Projects created in the first year Bachelor Media & Interaction during a workshop given by Andreas Gysin.

MEDIA & INTERACTION DESIGN

Circle Studies

with Zach Lieberman

A week-long remote workshop taught by Zach Lieberman around daily sketching. The students all started with the same circle and found different ways to push and manipulate it. Workshop taught by Zach Lieberman, assisted by Sébastien Matos.

MEDIA & INTERACTION DESIGN

From Screen to Paper Abecedarium

with Jessica In

A one week workshop with Jessica In where 1st year Media & Interaction Design and Graphic Design students worked together on the link between screen and print content. During this week, the students did formal research in Processing in order to create an alphabet book, which was then printed using an Axidraw plotter.

MEDIA & INTERACTION DESIGN

Collection

with Gaël Hugo

Interactive illustrations created around the theme of the collection. Selection of projects created during Creative Coding course with Gaël Hugo.

MEDIA & INTERACTION DESIGN

TEXTMODE

with Andreas Gysin

Modes of display and use of text as creative material: raster, ASCII art, emoticons and poetry. Projects created in the first year Bachelor Media & Interaction workshop TEXTMODE given by Andreas Gysin. Workshop assisted by Paul Lëon.

MEDIA & INTERACTION DESIGN

Extra 2020

with Cyril Diagne

A one week workshop with Cyril Diagne where students were asked to question the browser and its use, to change the experience of the web thanks to chrome extensions.

MEDIA & INTERACTION DESIGN

Evan Kelly – Invisible Network

with Alain Bellet, Christophe Guignard, Gaël Hugo, Laura Nieder, Pauline Saglio

Invisible Network is a portable device that makes the invisible and autonomous communications of machines perceptible and tangible. The way they interact with each other is akin to the modes of human communication, thus creating a real social network of machines. This device mediates between users and the machines around them. Via the screen it transmits fragments of its continuous and silent communications in the form of human social metaphors.

MEDIA & INTERACTION DESIGN

Satisfaction 2020

with Mario Von Rickenbach

Satisfying webtoys coded by 1st year Bachelor students in Media & Interaction Design as part of a week-long workshop given by Mario von Rickenbach.

MEDIA & INTERACTION DESIGN

TYPEMACHINES

with Tim Rodenbröker

Exploration through the infinite possibilities of typographic expression, framed in a strict visual system. A one week workshop given by Tim Rodenbröker to the 2nd year Bachelor in Media & Interaction Design, assisted by Pietro Alberti.

MEDIA & INTERACTION DESIGN

Super Low Resolution

with Andreas Gysin

For a week, the first year students of the Media & Interaction Design Bachelor were given the challenge of creating interesting experiences using a super low resolution. Project week led by Andreas Gysin and assisted by Callum Ross.

MEDIA & INTERACTION DESIGN

XY

with Ted Davis

XY - Experiments around the graphical and interactive potential of oscilloscopes. One week workshop given by Ted Davis to the 1st year Bachelor in Media & Interaction Design. Workshop assisted by Sébastien Matos.

MEDIA & INTERACTION DESIGN

Extra 2019

with Cyril Diagne

A one week workshop with Cyril Diagne where students were asked to question the browser and its use, to change the experience of the web thanks to chrome extensions.

MEDIA & INTERACTION DESIGN

Satisfaction 2019

with Mario Von Rickenbach

Satisfying webtoys coded by 1st year Bachelor students in Media & Interaction Design as part of a week-long workshop given by Mario von Rickenbach.

MEDIA & INTERACTION DESIGN

Infomesh

with Pauline Saglio, Vincent Jacquier, Laura Nieder

Information Mesh is a web platform celebrating the 30th anniversary of the World Wide Web that explores social, technical, cultural and legal facts throughout different interactive timelines. It was initiated in October 2018 during a one week workshop in partnership with swissnex San Francisco, where students visited key partners and began developing the project. The timelines present an overview of Web history, starting with the proposal for hypertext by Tim Berners-Lee at CERN in 1989, initially under the name “Information Mesh.” From this start date, users can then explore 30 years of evolution. infomesh.org

MEDIA & INTERACTION DESIGN

Raster Walker

with Gaël Hugo

Content produced during two one week workshops led by Gaël Hugo in 2018 and 2019, around experimenting with image rasterisation and particle systems.

MEDIA & INTERACTION DESIGN

Network Related Design

with Gaël Hugo

Selection of videogames produced in 2018 during a course about Network Related Design led by Gaël Hugo. Projects by ECAL/Pablo Bellon, Bastien Claessens, Evan Kelly and Aurélien Pellegrini

MEDIA & INTERACTION DESIGN

Satisfaction 2019

with Mario Von Rickenbach

Satisfying webtoys coded by 1st year Bachelor students in Media & Interaction Design as part of a week-long workshop given by Mario von Rickenbach.

MEDIA & INTERACTION DESIGN

Growth

with Nicolas Barradeau

Creative coding week with Nicolas Barradeau around the theme “Growth”. More informations here.

Filter

Feed

Type

Course

Know-how

Years

Elena Biasi – Magnetic Fragments

Valère Zen-Ruffinen – Memoria

Hugo Scholl – Modulat – 2025

Emilie Müller – Librarynth

Delphine Brantschen – What Remains to Be Stitched

Paul Paturel – Modulat – 2025 #2

Marc Facchinetti – The Swiss Climate Report

Olivia Capol – How Do They Know ?

Aryana Noorani – Check-out / Check-in

Quentin Kohler – EnhancedCrops

LET THE DATASET CHANGE YOUR MINDSET - 2025

Screen Design 2024

Countdown (2024)

Wonder Rooms

Gary Sandoz – Reminix

Viktor Gagné – Serialized Saplings

Marius Parisod – Get-Out 4

LET THE DATASET CHANGE YOUR MINDSET

INSTANT TOY FOR MUSICIANS

Agents are All You Need

Speaking with your hands

It's About Time

TalkCity

Mathematical Sound

Screen Design 2023

Break It Fix It

Random?

Nathanaël Vianin – The Last Forest

Raster Walker

What’s The Prompt?

MATHEMATICAL MUSIC

Transitions

Ultra Low Resolution

Circle Studies

From Screen to Paper Abecedarium

Collection

TEXTMODE

Extra 2020

Evan Kelly – Invisible Network

Satisfaction 2020

TYPEMACHINES

Super Low Resolution

XY

Extra 2019

Satisfaction 2019

Infomesh

Raster Walker

Network Related Design

Satisfaction 2019

Growth