MEDIA & INTERACTION DESIGN
Screen Design 2024
avec Harry Bloch
Sites web développés durant un semestre selon un livre choisi par les étudiants dans le cadre du cours de Screen Design de Harry Bloch, deuxième année Bachelor Communication Visuelle.
MEDIA & INTERACTION DESIGN
Countdown (2024)
avec Mario Von Rickenbach
Les étudiants ont travaillé sur un compte à rebours interactif dans un environnement web. Chaque jour, ils devaient créer une nouvelle esquisse, ce qui leur a permis de constituer leur propre collection, qui pouvait également être combinée avec les projets de l'ensemble de la classe.
MEDIA & INTERACTION DESIGN
Wonder Rooms
avec Gaël Hugo
Durant ce workshop, les étudiant·x·e·s de 2e année en media & interaction design ont créé des « wonder-rooms » interactives inspirées des cabinets de curiosités, mêlant environnements 3D et interactions en temps réel. Une collection de petits mondes étranges et imaginatifs à explorer.
MEDIA & INTERACTION DESIGN
Gary Sandoz – Reminix
par Gary Sandoz
En déléguant nos expériences de vie aux supports numériques traités par les algorithmes, la mémoire n’est plus uniquement humaine. Reminix explore la dimension émotionnelle et le devenir de nos souvenirs fragmentés grâce à un dispositif scannant et analysant des diapositives photographiques agissant comme une sauvegarde éphémère d’une vie passée. Dans une contemplation spatiale, l’image matérialisée en 3D accompagnée d’une narration générative reconstitue un passé alternatif à chaque déclenchement. Cette expérience interactive réactive le souvenir en l’absence du témoignage de son auteur et crée une passerelle entre l’utilisateur et le potentiel narratif que dégage l’image. Elle questionne la fragilité, la conservation, la confiance et la génération de nos souvenirs par les machines.
MEDIA & INTERACTION DESIGN
Viktor Gagné – Serialized Saplings
par Viktor Gagné
Le poids des matières produites par l'Homme serait aujourd’hui supérieur à celui de l’ensemble de la biomasse terrestre. Comment ces artefacts s’intégreront-ils au reste de l’environnement dans un million d'années? Serialized Saplings est une installation interactive qui spécule sur une forme potentielle de végétation à venir, fortement altérée par la démesure de la production humaine, ici cristallisée à travers le symbole de la prise électrique. En manipulant les branchements de plusieurs multiprises, l’interacteur est invité à programmer le « code génétique » d’espèces végétales hybrides qui n’existent pas encore et dont l’allure rappelle nos standards industriels. Cette végétation générée est ensuite classifiée sous la forme d’un herbier digital qui peut être consulté et étudié.
MEDIA & INTERACTION DESIGN
Marius Parisod – Get-Out 4
par Marius Parisod
A la croisée des chemins entre le jeu vidéo et le jeu de société, Get-Out 4 est une invitation à redécouvrir la joie de jouer ensemble. Ce puzzle game, conçu pour être joué à deux ou plus, favorise l’interaction directe et la coopération. L’utilisation de pièces de jeu externes encourage les joueur·euse·s à recourir à leur sens de l’observation et de déduction, en les réunissant autour d’une expérience commune qui dépasse les écrans. La conception de Get-Out 4 repose sur une esthétique minimale qui s’inspire des premiers jeux vidéo tels que Pong, Pac-Man ou Tetris. Cette simplicité visuelle ne sert pas seulement à évoquer la nostalgie, elle est stratégiquement employée pour renforcer l’engagement des joueur·euse·s en mettant l’accent sur les mécanismes de jeu.
MEDIA & INTERACTION DESIGN
LET THE DATASET CHANGE YOUR MINDSET
par Thomas Gaudin, Olivia Capol, Livia Schmid, Emilie Maier
Ce projet s’articule autour d’une expérience et d’une interface graphique de data visualisation complètement fonctionnelles, designées et programmées par les étudiant·e·s en 2e année de Bachelor Media & Interaction Design dans le cadre d'un cours donné par Gaël Hugo. Cette exercice prend comme point de départ cette réflexion: « Les datasets «fun» concernent des sujets d’intérêt personnel et peuvent être utilisés pour répondre à des questions inattendues ou explorer des relations qui ne sont pas immédiatement intuitives. Vous pouvez partir d’une question ou d’une hypothèse, puis trouver un ensemble de données pour prouver (ou réfuter) votre théorie. Vous pourriez même créer votre propre ensemble de données en utilisant des techniques de web scraping ou une API ouverte. En fait, créer votre propre ensemble de données vous permet de collecter, étiqueter et préparer un ensemble de données propre. » - Kindra Cooper
MEDIA & INTERACTION DESIGN
INSTANT TOY FOR MUSICIANS
avec Gaël Hugo
Soundtoys développés par des étudiant·e·s en 1ère année Bachelor en Media & Interaction Design dans le cadre d'un cours donné par Gaël Hugo.
MEDIA & INTERACTION DESIGN
Agents are All You Need
avec Matthieu Minguet
Agents Are All You Need est le résultat d’un workshop d’une semaine dédié à l’exploration des Agents Autonomes et de leur potentiel dans des scénarios innovants. En détournant des plateformes existantes, les étudiant·x·e·s ont exploité les capacités de raisonnement des modèles de langage multimodal pour automatiser des actions complexes plutôt que de se limiter à la génération de texte ou d’images.
MEDIA & INTERACTION DESIGN
Speaking with your hands
avec Vera van de Seyp
Comment notre corps physique interagit-il avec le contenu numérique ? Les étudiant·e·s ont exploré des moyens créatifs de manipuler la typographie et les graphismes en réponse aux mouvements humains.
MEDIA & INTERACTION DESIGN
It's About Time
avec Angelo Benedetto
Horloges digitales n’ayant aucun repères temporels, simples représentations du temps qui passe. Développées sur le principe des screensavers, ces projets sont programmés pour évoluer graphiquement selon l'heure de la journée. Sélection de projets réalisés en première année Bachelor Media & Interaction lors du cours Dynamic Display avec Angelo Benedetto, assisté par Sébastien Matos.
MEDIA & INTERACTION DESIGN
Talk City
avec Gaël Hugo
Lors d’une semaine bloc donnée par Gaël Hugo, les étudiant·x·e·s ont développé des agents de conversation situationnels intégrant de l’intelligence artificielle. Ces échanges génèrent des environnements 3D associés pour offrir un support visuel.
MEDIA & INTERACTION DESIGN
Mathematical Sound
avec Gaël Hugo
Soundtoys développés par des étudiant·e·s en 1ère année Bachelor en Media & Interaction Design dans le cadre d'un cours donné par Gaël Hugo.
MEDIA & INTERACTION DESIGN
Screen Design 2023
avec Harry Bloch
Sites web développés durant un semestre selon une recette choisie par les étudiants dans le cadre du cours de Screen Design de Harry Bloch, deuxième année Bachelor Communication Visuelle.
MEDIA & INTERACTION DESIGN
Break It Fix It
avec Daniël Maarleveld
Break it Fix it est le résultat d'un workshop réalisé sous la direction de Daniel Maarleveld. Basé sur la musique Technologic - Daft Punk. Chaque groupe s'est réapproprié une phrase de la musique afin de la valoriser graphiquement. Le résultat est à la fois: une série d'affiches, un clip vidéo compilant les différents systèmes typographiques, ainsi qu'une série de posters interactifs basés sur les mêmes règles.
MEDIA & INTERACTION DESIGN
Random?
avec Andreas Gysin
Workshop par Andreas Gysin Les étudiant·e·s 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
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
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.
MEDIA & INTERACTION DESIGN
What’s The Prompt?
avec Cyril Diagne
Lors d’un workshop d’une semaine donné par Cyril Diagne, les étudiants de deuxième année ont exploré l’intégration d’outils de Machine Learning dans leur processus créatif. En limitant les étapes de code au profit de l’utilisation du concept de Prompt, ils ont pu expérimenter avec des modèles de diffusion tels que GPT3, Clip ou DALL-E afin de créer des textes, des images et des vidéos.
MEDIA & INTERACTION DESIGN
MATHEMATICAL MUSIC
avec Gaël Hugo
Soundtoys développés par des étudiant·e·s en 1ère année Bachelor en Media & Interaction Design dans le cadre d'un cours donné par Gaël Hugo.
MEDIA & INTERACTION DESIGN
Transitions
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
avec Andreas Gysin
Projets créés en première année Bachelor Media & Interaction lors d’un workshop donné par Andreas Gysin.
MEDIA & INTERACTION DESIGN
Circle Studies
avec Zach Lieberman
Un workshop à 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. Workshop d’une semaine donné par Zach Lieberman, assisté par Sébastien Matos.
MEDIA & INTERACTION DESIGN
From Screen to Paper Abecedarium
avec Jessica In
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
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
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
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
Evan Kelly – Invisible Network
avec Alain Bellet, Christophe Guignard, Gaël Hugo, Laura Nieder, Pauline Saglio
Invisible 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
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
avec Tim Rodenbröker
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
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
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
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
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
avec Pauline Saglio, Vincent Jacquier, Laura Nieder
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
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.
MEDIA & INTERACTION DESIGN
Network Related Design
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
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
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
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
avec Angelo Benedetto
Horloges virtuelles n’ayant 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
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
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
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
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
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
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
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
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
avec Gaël Hugo
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.