Feed

Type

Course

Know-how

Years

2006 2022
Random?

MEDIA & INTERACTION DESIGN

Random?

Workshop with Andreas Gysin, Sébastien Matos

Random ? – 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

Diploma project 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

Workshop with Gaël Hugo

Content produced during a one week workshop led by Gaël Hugo, around experimenting with image rasterisation and particle systems. Projects by ECAL/Alicia Gantès, Mélanie Martin, Julie Turin.

MATHEMATICAL MUSIC

MEDIA & INTERACTION DESIGN

MATHEMATICAL MUSIC

Studio project with Gaël Hugo

Soundtoys coded by Emma Grosu, Isaïa Delaplace, Gary Sandoz, Viktor Gagné, 1st year Bachelor students in Media & Interaction Design as part of a semester project led by Gaël Hugo.

Transitions

MEDIA & INTERACTION DESIGN

Transitions

Workshop 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

Workshop with Andreas Gysin, Pierry Jaquillard

Ultra Low Resolution – A workshop led by Andreas Gysin

Circle Studies

MEDIA & INTERACTION DESIGN

Circle Studies

Workshop with Zach Lieberman, Sébastien Matos

Circle Studies - 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

Workshop with Jessica In, Paul Noël, Clio Hadjigeorgiou

<meta charset="UTF-8"> Un workshop d’une semaine à distance avec Jessica In où les étudiant·e·s de 1ère année Media & Interaction Design et Design Graphique ont travaillé ensemble sur le lien entre contenu écran et imprimé. Durant cette semaine, les étudiant·e·s ont effectué des recherches formelles dans Processing afin de réaliser un abécédaire, ensuite imprimé à l'aide d'un plotter axidraw.

Collection

MEDIA & INTERACTION DESIGN

Collection

Studio project 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

TEXTMODE

MEDIA & INTERACTION DESIGN

TEXTMODE

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

Extra 2020

MEDIA & INTERACTION DESIGN

Extra 2020

Workshop 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. Trace ECAL/Jamy Herrmann “TRACE” is a Chrome extension that lets you visualize your path through images on the web. An alternative to the classical browsing history and a simple project mixing graphic design and data visualization. History Bubble ECAL/Elodie Anglade “History Bubble”, a Chrome extension helping you visualize your browsing history on a day-to-day basis. Chrome Pollution ECAL/Jorge Reis “Chrome Pollution” allows you to see the invisible working with real time air quality data. iEye ECAL/Achille Masson “iEye” is the best add-on for your browser in this decade. Switch tabs, scroll down, interact with your browser… just with your face. This Chrome extension uses ml5.js for facetracking. Rekt Animation ECAL/Martial Grin “Website Animations suck” With the Chrome extension “Rekt Animation”, remove any pointless and invasive animation on any website.

Evan Kelly – Invisible Social Network

MEDIA & INTERACTION DESIGN

Evan Kelly – Invisible Social Network

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

Mention Excellent Prix de l’ECAL “Invisible Social 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

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

TYPEMACHINES

MEDIA & INTERACTION DESIGN

TYPEMACHINES

Workshop

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.

Super Low Resolution

MEDIA & INTERACTION DESIGN

Super Low Resolution

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

XY

MEDIA & INTERACTION DESIGN

XY

Workshop 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

Workshop 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

Workshop 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

Collaboration with Vincent Jacquier, Pauline Saglio

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

Workshop 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. Projects by ECAL/Antony Demierre, Antoine Barras, Aurélien Pellegrini, Bastien Claessens, Basil Dénéréaz, Diane Thouvenin, Dorian Jovanovic, Evan Kelly, Guillaume Giraud, Ignacio Pérez, Ivan Chestopaloff, Kylan Luginbühl, Léonard Guyot, Maya Bellier, Malik Sobgoui, Michael Pica, Nora Fatehi, Paul Lëon, Paul Fritz, Sébastien Galera Larios, Valentine Leimgruber, Valerio Meschi and Yaël Sidler

Network Related Design

MEDIA & INTERACTION DESIGN

Network Related Design

Studio project with Gaël Hugo

Selectio 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

Workshop 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

Workshop with Nicolas Barradeau

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

Timeline 125

MEDIA & INTERACTION DESIGN

Timeline 125

Collaboration 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

Studio project 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

Workshop 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

Diploma project 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

Workshop 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

Other 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

Collaboration 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

Diploma project 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

Diploma project 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

Diploma project 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

Workshop with Gaël Hugo, Mathieu Rivier

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

Diploma project 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

Diploma project with Alain Bellet, Gaël Hugo

Reactive Type

MEDIA & INTERACTION DESIGN

Reactive Type

Studio project with Gaël Hugo

Filter