Feed

Type

Course

Know-how

Years

2006 2024
Mathematical Sound

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.

Screen Design 2023

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.

Break It Fix It

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.

Random?

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.

Nathanaël Vianin – The Last Forest

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.

Raster Walker

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.

What’s The Prompt?

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.

MATHEMATICAL MUSIC

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.

Transitions

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.

Ultra Low Resolution

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.

Circle Studies

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.

From Screen to Paper Abecedarium

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.

Collection

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.

Extra 2020

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.

TEXTMODE

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.

Evan Kelly – Invisible Network

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.

Satisfaction 2020

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.

Super Low Resolution

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.

TYPEMACHINES

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.

XY

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.

Extra 2019

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.

Satisfaction 2019

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.

Infomesh

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

Raster Walker

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.

Network Related Design

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

Satisfaction 2019

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.

Growth

MEDIA & INTERACTION DESIGN

Growth

with Nicolas Barradeau

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

Timeline 125

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.

HHMMSS

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.

Moving Posters

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

Pietro Alberti – Beyond Fields

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

Satisfaction 2017

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.

Audio Reactive

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

Swiss Data

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.

Romain Cazier – Rec All

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.

Bastien Girschig – Wimbi

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.

Nicolas Nahornyj – Lazy Pen

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.

Chain Reaction

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.

Sylvain Meltz – Mecadro

MEDIA & INTERACTION DESIGN

Sylvain Meltz – Mecadro

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

Karian Foehr – Timor

MEDIA & INTERACTION DESIGN

Karian Foehr – Timor

with Alain Bellet, Gaël Hugo

Reactive Type

MEDIA & INTERACTION DESIGN

Reactive Type

with Gaël Hugo

Filter