MEDIA & INTERACTION DESIGN
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
avec Nicolas Barradeau
Semaine bloc de programmation créative avec Nicolas Barradeau autour du thème « Growth ». Plus d’informations ici.
MEDIA & INTERACTION DESIGN
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
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
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
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
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
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
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
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
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
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
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.
MEDIA & INTERACTION DESIGN
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
avec Alain Bellet, Gaël Hugo
MEDIA & INTERACTION DESIGN
avec Gaël Hugo