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.
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.
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.
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.
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.
MEDIA & INTERACTION DESIGN
Ultra Low Resolution
Workshop with Andreas Gysin, Pierry Jaquillard
Ultra Low Resolution – A workshop led by Andreas Gysin
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.
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.
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
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.
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.
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.
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.
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.
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.
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.
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.
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.
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
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
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
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.
MEDIA & INTERACTION DESIGN
Growth
Workshop with Nicolas Barradeau
Creative coding week with Nicolas Barradeau around the theme "Growth". More informations here
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.
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 .
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
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
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.
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
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.
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.
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.
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.
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.
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
MEDIA & INTERACTION DESIGN
Karian Foehr – Timor
Diploma project with Alain Bellet, Gaël Hugo
MEDIA & INTERACTION DESIGN
Reactive Type
Studio project with Gaël Hugo