Speaking with your hands

Speaking with your hands

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.

Workshop (2024) with Vera van de Seyp

Assistants
Martial Grin
Students
Elena Biasi, Olivia Capol, Thomas Gaudin, Quentin Kohler, Mathias Liniger, Emilie Maier, Aryana Noorani, Livia Schmid, Alexine Sierro, Charlotte Waridel, Valère Zen-Ruffinen
Know-how
Augmented Reality (AR, XR), UX/UI, Creative coding

OVERDOSE

Advertising sells us dreams, it’s up to you to choose your reality. The user tries to chase away increasingly invasive ads.

 

By Mathias Liniger and Quentin Kohler


Client vs Designer

A conversation between a designer and their client represented in a fighting game.

 

By Alexine Sierro and Charlotte Waridel


SMOKE

By imitating the gesture of smoking a cigarette, the user creates virtual smoke that reveals a message.

 

By Valère Zen-Ruffinen and Baptiste Godart


FAceOFF

A photo booth steals your face and gives it to someone else. You must catch it to get it back.

 

By Elena Biasi and Emilie Maier


Locoland

A car ride in an imaginary world. Drive the vehicle using your arms.

 

By Thomas Gaudin and Olivia Capol


POND

Above a pond, the user fishes for puns related to fish.

 

By Aryana Noorani and Livia Schmid

Projects related to Augmented Reality (AR, XR)

Paul Paturel – Modulat – 2025 #2

BA 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.  

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

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.

Emilie Müller – Librarynth

BA 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.

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

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.

Valère Zen-Ruffinen – Memoria

BA 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.

Related courses