Feed

Type

Formation

Savoir-faire

Années

2006 2022
Random?

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.

Nathanaël Vianin – The Last Forest

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.

Raster Walker

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.

MATHEMATICAL MUSIC

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.

Transitions

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.

Ultra Low Resolution

MEDIA & INTERACTION DESIGN

Ultra Low Resolution

Workshop avec Andreas Gysin, Pierry Jaquillard

Ultra Low Resolution – Workshop par Andreas Gysin

Circle Studies

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.

From Screen to Paper Abecedarium

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.

Collection

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

TEXTMODE

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.

Extra 2020

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.

Evan Kelly – Invisible Social Network

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.

Satisfaction 2020

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.

TYPEMACHINES

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.

Super Low Resolution

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.

XY

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.

Extra 2019

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.

Satisfaction 2019

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.

Infomesh

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

Raster Walker

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

Network Related Design

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

Satisfaction 2018

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.

Growth

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

Timeline 125

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.

HHMMSS

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 .

Moving Posters

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

Pietro Alberti – Beyond Fields

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

Satisfaction 2017

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.

Audio Reactive

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

Swiss Data

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.

Romain Cazier – Rec All

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.

Bastien Girschig – Wimbi

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.

Nicolas Nahornyj – Lazy Pen

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.

Chain Reaction

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.

Sylvain Meltz – Mecadro

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

Karian Foehr – Timor

MEDIA & INTERACTION DESIGN

Karian Foehr – Timor

Projet de diplôme avec Alain Bellet, Gaël Hugo

Reactive Type

MEDIA & INTERACTION DESIGN

Reactive Type

Projet d’atelier avec Gaël Hugo

Filtrer