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.
MEDIA & INTERACTION DESIGN
Timeline 125
with Angelo Benedetto, Cyril Diagne, Vincent Jacquier
Timeline 125 is an interactive timeline for the 125th anniversary of Ecole hôtelière de Lausanne. The project is developed in collaboration with 1st year students in BA Media & Interaction Design.
MEDIA & INTERACTION DESIGN
HHMMSS
with Angelo Benedetto
Virtual clocks with no time markers, simple representations of time passing. Selection of projects created in the first year Bachelor Media & Interaction during the Dynamic Display course with Angelo Benedetto. Find all the interactive versions here.
MEDIA & INTERACTION DESIGN
Moving Posters
with Jürg Lehni
During this one week workshop led by Jürg Lehni, the students have explored and made experiments with the Paper.js framework. More projects here
MEDIA & INTERACTION DESIGN
Pietro Alberti – Beyond Fields
with Alain Bellet, Cyril Diagne, Christophe Guignard, Gaël Hugo
Beyond Fields is a plateform independent puzzle game composed of three chapters each inspired by the fundamental interactions of nature. Throughout the game the player pass through different levels during which he has the opportunity to interact with various graphical elements that will allow him to rebalance the force fields and to solve the level. Thanks to a system of filters, it is possible to travel through different representations of the game - graphical, analytical or mathematical - thus allowing the player to have a global vision of the forces that are exerted between the graphical elements. Play online
MEDIA & INTERACTION DESIGN
Satisfaction 2017
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. Every interactive versions here.
MEDIA & INTERACTION DESIGN
Audio Reactive
with Gaël Hugo
Series of audio reactive projects developed for the visual identity of the French Pavilion “Studio Venezia” by Xavier Veilhan at the Biennale di Venezia. Instagram posts were produced based on these experiments. Curators: Lionel Bovier and Christian Marclay Graphic Design: Gavillet Cie
MEDIA & INTERACTION DESIGN
Swiss Data
with Cyril Diagne, Vincent Jacquier
A series of interactive data-visualizations around swiss culture and the swissnex activity. Designed by Bachelor Media & Interaction Design students of ECAL/University of Art and Design Lausanne, the projects were initiated during a one-week trip to San Francisco in March 2016. They present a novel and entertaining way to display various data. Commissioned by swissnex San Francisco.
MEDIA & INTERACTION DESIGN
Romain Cazier – Rec All
with Alain Bellet, Cyril Diagne, Christophe Guignard, Gaël Hugo
This project is a personal interpretation of the geometrical puzzle game, widely popular on mobile. Taking some of this genre’s features, I also wanted to stand out and propose a singular universe, where strange creatures with a cyclic behaviour are generated from a simple gesture. It is composed of two parts: an “arcade” mode with different levels the player must resolve, and a “sandbox” mode where he can generate creatures at will. Rec All is the continuation of playful and technical experimentations I initiated at ECAL.
MEDIA & INTERACTION DESIGN
Bastien Girschig – Wimbi
with Alain Bellet, Cyril Diagne, Christophe Guignard, Gaël Hugo
Wimbi is a riddle game based on a peculiar interaction: Instead of touching the screen as usual, the player uses the table as an input to create the waves he needs to unlock the targets. As the levels rise, he will have to be more and more precise, and make good use of chain reactions, bounding, and clipping of the waves. This project gave me the opportunity to work on a combination of real and virtual spaces, allowing the game to extend beyond the simple screen, to create richer interactions.
MEDIA & INTERACTION DESIGN
Nicolas Nahornyj – Lazy Pen
with Alain Bellet, Cyril Diagne, Christophe Guignard, Gaël Hugo
After receiving a dozen handwritten letters from my grandmother, I finally decided to answer them. I wanted to combine the practical side of computer-based word processing and the emotional aspect of one's handwriting. This tool allows the user to distort the typeface as they write, using the moving palettes placed beneath their palms. The goal is to be able to produce one's own typography in real time, thus offering a more personal touch.
MEDIA & INTERACTION DESIGN
Chain Reaction
with Gaël Hugo
This installation is composed of six iPads disposed one above the other. Students in group of two developed an application that could be adapted for the six different devices. A system then allows the iPads to communicate with each other. Each unit is related to a type of behavior developed independently but taking into account all the juxtaposed iPads to form a coherent visual whole.