
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
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
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
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
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
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
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
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
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
with Andreas Gysin
Projects created in the first year Bachelor Media & Interaction during a workshop given by Andreas Gysin.
MEDIA & INTERACTION DESIGN
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
with Nicolas Barradeau
Creative coding week with Nicolas Barradeau around the theme “Growth”. More informations here.
MEDIA & INTERACTION DESIGN
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
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
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
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
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
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
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
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
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
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
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.
MEDIA & INTERACTION DESIGN
by Sylvain Meltz
Mecadro is a construction game available on computer and online (sylvainmeltz.com/mecadro), that allows you to create a “machine“ based on simple mathematical and geometric principles (translations, rotations, trigonometry…) to product complex drawings. The game introduces the user to programming through a graphic interface: he has to experiment, think in a certain way, observe and contemplate a more or less expected result. During my 4 years at ECAL, the hidden beauty of mathematics and geometry has been one of the most interesting discoveries: with a simple formula, a point can become a moving, independent and complex object. Programming took a significant part in my studies and introduced me to a certain reasoning and creative “behaviour” : to experiment, to research, to alter… Sylvain Meltz
MEDIA & INTERACTION DESIGN
with Alain Bellet, Gaël Hugo
MEDIA & INTERACTION DESIGN
with Gaël Hugo