MEDIA & INTERACTION DESIGN
Random?
Workshop avec Andreas Gysin, Sébastien Matos
Random? – Workshop par Andreas Gysin Les élèves ont travaillé sur le concept d’aléatoire pour générer une série de motifs et de dessins.
MEDIA & INTERACTION DESIGN
Nathanaël Vianin – The Last Forest
Projet de diplôme avec Alain Bellet, Christophe Guignard, Gaël Hugo, Laura Nieder, Pauline Saglio
The Last Forest propose une forêt, accessible par navigateur, contenant des informations spatialisées sur l’effondrement en général. Les internautes sont invité·e·s à s’y promener, et ils·elles y trouvent des messages de la communauté reddit r/collapse sous forme d’arbres. Catégorisation et index permettent une navigation structurée des informations contenues dans les arbres. The Last Forest a pour but de sensibiliser au changement climatique et à son potentiel de mettre fin à la civilisation mondialisée et consumériste telle que nous la connaissons.
MEDIA & INTERACTION DESIGN
Raster Walker
Workshop avec Gaël Hugo
Contenu produit pendant une semaine bloc avec Gaël Hugo, basé sur l'expérimentation autour de la rastérisation d'images et des systèmes de particules. Projets par ECAL/Alicia Gantès, Mélanie Martin, Julie Turin.
MEDIA & INTERACTION DESIGN
MATHEMATICAL MUSIC
Projet d’atelier avec Gaël Hugo
Soundtoys développés par Emma Grosu, Isaïa Delaplace, Gary Sandoz, Viktor Gagné de 1ère année Bachelor en Media & Interaction Design dans le cadre d'un cours donné par Gaël Hugo.
MEDIA & INTERACTION DESIGN
Transitions
Workshop avec Mario Von Rickenbach
Webtoys développés par les étudiants de 1ère année Bachelor en Media & Interaction Design dans le cadre d'une semaine de workshop donnée par Mario von Rickenbach.
MEDIA & INTERACTION DESIGN
Ultra Low Resolution
Workshop avec Andreas Gysin, Pierry Jaquillard
Ultra Low Resolution – Workshop par Andreas Gysin
MEDIA & INTERACTION DESIGN
Circle Studies
Workshop avec Zach Lieberman, Sébastien Matos
Circle Studies - Un atelier à distance d’une semaine enseigné par Zach Lieberman autour des croquis quotidiens. Les étudiants ont tous commencé avec le même cercle et ont trouvé différentes façons de le pousser et de le manipuler . Atelier d'une semaine donné par Zach Lieberman, assisté par Sébastien Matos.
MEDIA & INTERACTION DESIGN
From Screen to Paper Abecedarium
Workshop avec 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
Projet d’atelier avec Gaël Hugo
Illustrations intéractives réalisées autour du thème de la collection. Sélection de projets créés lors du cours Creative Coding avec Gaël Hugo
MEDIA & INTERACTION DESIGN
TEXTMODE
Workshop avec Andreas Gysin
Modes d'affichage et d'utilisation de texte comme matériel creatifs : tramme, ASCII art, émoticônes et poésie. Projets créés en première année Bachelor Media & Interaction lors du workshop TEXTMODE donné par Andreas Gysin. Workshop assisté par Paul Lëon.
MEDIA & INTERACTION DESIGN
Extra 2020
Workshop avec Cyril Diagne
Un workshop d’une semaine avec Cyril Diagne où les étudiants ont été invités à questionner le navigateur et son utilisation, à changer l’expérience du web grâce aux extensions Chrome. Trace ECAL/Jamy Herrmann « TRACE » est une extension Chrome qui vous permet de visualiser votre parcours à travers des images sur le web. Une alternative à l’historique de navigation classique et un projet simple mêlant graphisme et visualisation de données. History Bubble ECAL/Elodie Anglade « History Bubble », une extension Chrome vous aidant à visualiser votre historique de navigation au jour le jour. Chrome Pollution ECAL/Jorge Reis « Chrome Pollution » vous permet de voir l’invisible travailler avec des données de qualité de l’air en temps réel. iEye ECAL/Achille Masson « iEye » est le meilleur add-on pour votre navigateur de cette décennie. Changez d’onglet, faites défiler vers le bas, interagissez avec votre navigateur… Juste avec votre visage. Cette extension Chrome utilise ml5.js pour le facetracking. Rekt Animation ECAL/Martial Grin « Les animations de sites Web sont nulles » Avec l’extension Chrome « Rekt Animation », supprimez toute animation inutile et envahissante sur n’importe quel site web.
MEDIA & INTERACTION DESIGN
Evan Kelly – Invisible Social Network
Projet de diplôme avec Alain Bellet, Christophe Guignard, Gaël Hugo, Laura Nieder, Pauline Saglio
Mention Excellent Prix de l’ECAL « Invisible Social Network » est un dispositif portable qui rend perceptibles et tangibles les communications invisibles et autonomes des machines. La manière dont elles interagissent les unes avec les autres s’apparente aux modes de communications humains, créant ainsi un véritable réseau social de machines. Ce dispositif agit en médiateur entre les humains et les machines qui les entourent. Par le biais de son écran, il nous transmet des bribes de ses communications continues et silencieuses sous la forme de métaphores sociales humaines.
MEDIA & INTERACTION DESIGN
Satisfaction 2020
Workshop avec Mario Von Rickenbach
Webtoys satisfaisants développés par les étudiants de 1ère année Bachelor en Media & Interaction Design dans le cadre d'une semaine de workshop donnée par Mario von Rickenbach.
MEDIA & INTERACTION DESIGN
TYPEMACHINES
Workshop
Exploration autour des possibilités infinies de l'expression typographique, encadrée dans un système visuel strict. Une semaine de workshop donnée par Tim Rodenbröker aux 2ème année Bachelor en Media & Interaction Design, assisté par Pietro Alberti.
MEDIA & INTERACTION DESIGN
Super Low Resolution
Workshop avec Andreas Gysin
Pendant une semaine, les étudiants Bachelor 1ère année Media & Interaction Design ont été confrontés à la problématique de créer des visuels en utilisant une résolution minimale. Semaine bloc donné par Andreas Gysin et assisté par Callum Ross.
MEDIA & INTERACTION DESIGN
XY
Workshop avec Ted Davis
XY - Expérimentations autour du potentiel graphique et interactif des oscilloscopes. Une semaine de workshop donnée par Ted Davis aux 1re année Bachelor en Media & Interaction Design. Workshop assisté par Sébastien Matos.
MEDIA & INTERACTION DESIGN
Extra 2019
Workshop avec Cyril Diagne
Un workshop d'une semaine avec Cyril Diagne où les étudiants ont été invités à questionner le navigateur et son utilisation, à changer l'expérience du web grâce aux extensions chrome.
MEDIA & INTERACTION DESIGN
Satisfaction 2019
Workshop avec Mario Von Rickenbach
Webtoys satisfaisants développés par les étudiants de 1ère année Bachelor en Media & Interaction Design dans le cadre d'une semaine de workshop donnée par Mario von Rickenbach.
MEDIA & INTERACTION DESIGN
Infomesh
Collaboration avec Vincent Jacquier, Pauline Saglio
Infomesh est une plateforme web célébrant le 30ème anniversaire du World Wide Web qui explore les faits sociaux, techniques, culturels et juridiques à travers différentes chronologies interactives. Il a été initié en octobre 2018 lors d'un atelier d'une semaine en partenariat avec swissnex San Francisco, où les étudiants ont visité des partenaires clés et commencé à développer le projet. La chronologie présente une vue d'ensemble de l'histoire du Web, à commencer par la proposition d'hypertexte de Tim Berners-Lee au CERN en 1989, initialement sous le nom de "Information Mesh". A partir de cette date de début, les utilisateurs peuvent alors explorer 30 ans d'évolution. infomesh.org
MEDIA & INTERACTION DESIGN
Raster Walker
Workshop avec Gaël Hugo
Contenu produit pendant deux semaines blocs avec Gaël Hugo en 2018 et 2019, basé sur l'expérimentation autour de la rastérisation d'images et des systèmes de particules. Projets par 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 et Yaël Sidler
MEDIA & INTERACTION DESIGN
Network Related Design
Projet d’atelier avec Gaël Hugo
Sélection de jeux produits en 2018 dans le cadre du cours Network Related Design mené par Gaël Hugo. Projets par ECAL/Pablo Bellon, Bastien Claessens, Evan Kelly and Aurélien Pellegrini
MEDIA & INTERACTION DESIGN
Satisfaction 2018
Workshop avec Mario Von Rickenbach
Webtoys satisfaisants développés par les étudiants de 1ère année Bachelor en Media & Interaction Design dans le cadre d'une semaine de workshop donnée par Mario von Rickenbach.
MEDIA & INTERACTION DESIGN
Growth
Workshop avec Nicolas Barradeau
Semaine bloc de programmation créative avec Nicolas Barradeau autour du thème "Growth". Plus d'informations ici
MEDIA & INTERACTION DESIGN
Timeline 125
Collaboration avec Angelo Benedetto, Cyril Diagne, Vincent Jacquier
Timeline 125 est une timeline interactive créée spécialement pour le 125e anniversaire de l’Ecole hôtelière de Lausanne. Ce projet fut développé en collaboration avec les étudiant·x·e·s de 1ère année Bachelor, orientation Media & Interaction Design.
MEDIA & INTERACTION DESIGN
HHMMSS
Projet d’atelier avec Angelo Benedetto
Horloges virtuelles n'ayants aucun repères temporels, simples représentations du temps qui passe. Sélection de projets créés en première année Bachelor Media & Interaction lors du cours Dynamic Display avec Angelo Benedetto. Retrouvez toutes les versions interactives ici .
MEDIA & INTERACTION DESIGN
Moving Posters
Workshop avec Jürg Lehni
Ce workshop d'une semaine avec Jürg Lehni a permis aux étudiants de première année en Media & Interaction Design d'explorer et d'expérimenter avec le framework Paper.js. Plus de projets ici
MEDIA & INTERACTION DESIGN
Pietro Alberti – Beyond Fields
Projet de diplôme avec Alain Bellet, Cyril Diagne, Christophe Guignard, Gaël Hugo
Beyond Fields est un jeu multiplateforme de type puzzle, décomposé en trois chapitres chacun s'inspirant des interactions fondamentales de la nature. Au fil du jeu, le joueur traverse les niveaux au cours desquels il a l'occasion d’interagir avec différents éléments graphiques qui vont lui permettre de rééquilibrer les champs de forces présents et résoudre le niveau en question. Grâce à un système de filtres, il a la possibilité de voyager entre différentes représentations du jeu - graphiques, analytiques ou mathématiques - lui permettant ainsi d'avoir une vision globale des forces qui s'exercent entre les éléments graphiques. Jouer en ligne
MEDIA & INTERACTION DESIGN
Satisfaction 2017
Workshop avec Mario Von Rickenbach
Webtoys satisfaisants développés par les étudiants de 1ère année Bachelor en Media & Interaction Design dans le cadre d’une semaine de workshop donnée par Mario von Rickenbach. Toutes les versions interactives ici.
MEDIA & INTERACTION DESIGN
Audio Reactive
Autre avec Gaël Hugo
Série de projets réactifs au son développés pour l'identité visuelle du Pavillon français "Studio Venezia" par Xavier Veilhan à la Biennale de Venise. Des postes Instagram ont été produits à partir de ces expériences. Curation : Lionel Bovier et Christian Marclay Graphic Design : Gavillet Cie
MEDIA & INTERACTION DESIGN
Swiss Data
Collaboration avec Cyril Diagne, Vincent Jacquier
Une série de visualisation de données interactives à propos de la culture suisse et de l’activité de swissnex. Créés par les étudiants du Bachelor Media & Design d’Interaction de l’ECAL, les projets ont été initiés pendant un voyage d’une semaine à San Francisco en mars 2016. Ils présentent une manière nouvelle et ludique d’afficher des données. Commissioné par swissnex San Francisco.
MEDIA & INTERACTION DESIGN
Romain Cazier – Rec All
Projet de diplôme avec Alain Bellet, Cyril Diagne, Christophe Guignard, Gaël Hugo
Ce projet est une réinterprétation personnelle des jeux de réflexion géométrique que l’on trouve sur mobile. Reprenant certains codes propres au genre, j’ai également voulu m’en démarquer en proposant un univers singulier composé de créatures étranges dont les comportements cycliques sont générés d’un simple geste. L’application est composée d’un mode par niveaux où le joueur doit résoudre des puzzles, et d’un mode « découverte » où il peut produire des créatures sans limite. Rec All s’inscrit dans la continuité d’expérimentations ludiques et techniques que j’ai initiées à l’ECAL.
MEDIA & INTERACTION DESIGN
Bastien Girschig – Wimbi
Projet de diplôme avec Alain Bellet, Cyril Diagne, Christophe Guignard, Gaël Hugo
Wimbi est un jeu d’énigme basé sur une interaction particulière : au lieu de toucher l’écran, le joueur tape sur la table pour créer les vagues qui vont lui permettre de passer les différents niveaux. Au fur et à mesure, la précision demandée est de plus en plus grande, et le joueur devra utiliser des techniques plus poussées comme des rebonds ou des réactions en chaîne. Ce projet m’a permis de travailler sur une interaction singulière combinant les espaces réels et virtuels, permettant au jeu de sortir de l’écran seul, pour créer des interactions plus riches.
MEDIA & INTERACTION DESIGN
Nicolas Nahornyj – Lazy Pen
Projet de diplôme avec Alain Bellet, Cyril Diagne, Christophe Guignard, Gaël Hugo
Après réception de plus d’une dizaine de lettres manuscrites de ma grand-mère, j’ai finalement décidé d’y répondre. J’ai voulu allier le côté pratique d’une rédaction par ordinateur et l'aspect émotionnel d'une écriture manuscrite. Cet outil permet de modifier le tracé des caractères tout en écrivant, grâce aux palettes disposées sous les paumes de l'utilisateur. Le but est de pouvoir produire sa propre typographie en temps réel afin de proposer une approche plus personnelle.
MEDIA & INTERACTION DESIGN
Chain Reaction
Workshop avec Gaël Hugo, Mathieu Rivier
Cette installation est composée de six iPads disposés l’un au-dessus de l’autre. Les étudiants par groupe de deux ont développé une application qui s’adapte aux six différents appareils. Un système permet alors aux iPads de communiquer entre eux afin de former un ensemble visuel cohérent.
MEDIA & INTERACTION DESIGN
Sylvain Meltz – Mecadro
Projet de diplôme par Sylvain Meltz
Mecadro est un jeu de construction sur ordinateur disponible en ligne (sylvainmeltz.com/mecadro), qui permet de créer une « machine » qui repose sur des règles mathématiques et géométriques simples (translations, rotations, trigonométrie, …) afin d’obtenir des dessins complexes. Le jeu initie l’utilisateur à la programmation de manière graphique, en le poussant à expérimenter, raisonner d’une certaine manière, à observer/contempler un résultat plus ou moins attendu. Parmi les différentes découvertes faites durant ces 4 années à l’ECAL, la beauté cachée des mathématiques et de la géométrie a été l’une des plus intéressantes. Avec une simple formule, un point peut se transformer en un objet indépendant aux comportements et déplacements complexes. La programmation quant à elle a pris une grande partie de ma scolarité et m’a initié à un raisonnement et une attitude particuliers : expérimenter, chercher, rechercher… Sylvain Meltz
MEDIA & INTERACTION DESIGN
Karian Foehr – Timor
Projet de diplôme avec Alain Bellet, Gaël Hugo
MEDIA & INTERACTION DESIGN
Reactive Type
Projet d’atelier avec Gaël Hugo