Feed

Type

Formation

Savoir-faire

Années

2006 2022
Mélanie Fontaine – Latent*

MEDIA & INTERACTION DESIGN

Mélanie Fontaine – Latent*

Projet de diplôme avec Alain Bellet, Christophe Guignard, Gaël Hugo, Laura Nieder, Pauline Saglio

Le système de conversation en miroir des messageries instantanées sous-entend la disponibilité présumée de l’interlocuteur·rice. Pourtant, dans l’attente d’une réponse, certaines questions deviennent récurrentes : « Alex est en ligne, pourquoi ne me répond-il·elle pas ? Que fait-il ? » Latent* est une application de chat permettant de converser avec ses ami·e·s en développant le contexte de la discussion et ce qui n’y est pas dit. A la manière du théâtre, elle nourrit la conversation en ajoutant des didascalies générées en fonction des données récoltées (temps de réponse, localisation). En mettant en avant les non-dits d’un échange, le mode de lecture généré enrichit la discussion, crée une tension poétique, et permet aux interlocuteur·rice·s de devenir les personnages de leur propre pièce. www.melaniefontaine.ch

Elodie Anglade – Digital DNA

MEDIA & INTERACTION DESIGN

Elodie Anglade – Digital DNA

Projet de diplôme avec Alain Bellet, Christophe Guignard, Gaël Hugo, Laura Nieder, Pauline Saglio

Digital DNA est une plateforme de visualisation 3D présentant une analyse du contenu qui m’est proposé sur Instagram. L’interface met en regard la dualité existante entre ma perception et celle de l’algorithme. Il en résulte un espace virtuel représentant un génome digital que le visiteur est invité à explorer. Il y découvre alors les subtilités de la rencontre entre la perspective humaine et algorithmique. En me penchant sur ces systèmes « intelligents », je me suis aperçue que leur capacité d’analyse n’est pas sans poser problèmes. En effet, certaines catégories m’étant attribuées s’avèrent être surprenantes : elles ne correspondent pas aux visuels présentés. Ainsi, Digital DNA met en avant l’écart créé par cette non-correspondance entre « catégories » et « visuels » proposés. Essayer l'expérience

Manon Vouga – Sensitive Binaries

DESIGN GRAPHIQUE

Manon Vouga – Sensitive Binaries

Projet de diplôme par Manon Vouga

Le concept de qualité de vie est utilisé pour mesurer le bien-être de la population. Il comporte neuf dimensions interdépendantes, relatives aux conditions de vie matérielles mais aussi à nos perceptions subjectives de celle-ci. Cette première édition imprimée met en lumière chacune de ces dimensions en les illustrant au travers de divers indicateurs¬ afin de fournir des informations et des points de comparaison entre chaque ville partenaire. Sous la forme de séries de données couvrant la plupart des aspects liés aux conditions de vie et mené sous la direction de l’étude City Statistics de l’Office fédéral de la statistique, ce projet vous invite à un voyage intangible au travers des villes de Bâle, Berne, Genève, Lausanne, Lucerne, Lugano, Saint-Gall, Winterthur et Zurich.

Martial Grin – Spectacle·s Museum

MEDIA & INTERACTION DESIGN

Martial Grin – Spectacle·s Museum

Projet de diplôme avec Alain Bellet, Christophe Guignard, Gaël Hugo, Laura Nieder, Pauline Saglio

Spectacle·s Museum s’intéresse à la photographie des spectateur·rice·s au sein de l’espace muséal. Au travers d’un atlas web, ce projet dresse une série de portraits autour d’un des musées les plus photographiés : le Louvre. En reprenant des images publiées sur Instagram, mon projet classifie et regroupe celles-ci selon leurs spécificités formelles et spatiales. Au travers de Spectacle·s Museum, j’aborde le thème de la mise en scène de soi, en particulier dans l’espace muséal.

Achille Masson – Phone Archaeology

MEDIA & INTERACTION DESIGN

Achille Masson – Phone Archaeology

Projet de diplôme avec Alain Bellet, Christophe Guignard, Gaël Hugo, Laura Nieder, Pauline Saglio

Phone Archaeology est une installation interactive retraçant l’évolution des téléphones mobiles au travers de ma propre expérience. Le projet permet d’y découvrir une vie privée digitalisée, spéculée et récupérée, telles les traces d’un passé. Cette mémoire gravée dans le silicium qui tend à être obsolète est le récit de souvenirs laissés derrière nous, à chaque changement de téléphone. La recherche autour de Phone Archaeology met en lumière une réflexion sur nos données. La question de la récupération est intrinsèquement liée à l’archivage numérique et l’obsolescence programmée. Alors que l’abstraction d’un fichier numérique peut sembler intemporelle, le danger imminent de perdre encore plus de souvenirs nous oblige à réfléchir sur notre façon de les archiver. phonearchaeology.com

Soraya Camina – Per Aspera Ad Astra – Five Women Who Mapped the Cosmos

MEDIA & INTERACTION DESIGN

Soraya Camina – Per Aspera Ad Astra – Five Women Who Mapped the Cosmos

Projet de diplôme avec Alain Bellet, Christophe Guignard, Gaël Hugo, Laura Nieder, Pauline Saglio

Per Aspera Ad Astra est un web-documentaire retraçant l’histoire de cinq femmes astronomes ayant été en charge de découvrir, calculer, classifier et cartographier le cosmos entre 1879 et 1979. Ce projet entend réhabiliter l’importante contribution des femmes dans le développement des technosciences. Avant que le mot computer ne désigne une machine, il décrivait les femmes qui effectuaient calculs et observations astronomiques à la main. Les « ordinatrices de Harvard » ont grandement contribué à la science en découvrant nombre de galaxies et en établissant le système de classification stellaire encore utilisé de nos jours. Aujourd’hui pourtant, nous ne parlons que très peu de ces cinq femmes ; leur travail reste méconnu et leurs découvertes ont souvent été attribuées aux hommes qui les employaient. per-aspera-ad-astra.vercel.app

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.

Antoine Contreras Salazar – Ballade

MEDIA & INTERACTION DESIGN

Antoine Contreras Salazar – Ballade

Projet de diplôme avec Alain Bellet, Christophe Guignard, Gaël Hugo, Laura Nieder, Pauline Saglio

A l’heure où la musique n’a jamais été aussi accessible, peu importe l’endroit, comment compose-t-on un album interactif et évolutif qui tiendrait compte de son environnement?  Dans une ode à la déambulation dans Lausanne, l’auditeur·rice découvre un orchestre polyphonique en parcourant les lieux phares de la ville. Le téléphone devient outil d’une composition où différentes couches sonores se révèlent lors de la marche, rendant les musiques non plus soumises à une durée préétablie, mais au rythme de la découverte des lieux. Par sa géolocalisation, l’auditeur·rice-compositeur·rice enclenche de nouvelles pistes musicales au fur et à mesure de son avancée. Une écoute plus organique se fait jour, où boussole et sons binauraux révèlent la matière abstraite et numérique qui flotte autour de nous.

Pauline Baldinetti – Entrecroisés

DESIGN GRAPHIQUE

Pauline Baldinetti – Entrecroisés

Projet de diplôme par Pauline Baldinetti

Entrecroisés est un livre polyglotte de neufs langues qui traite du sujet du multilinguisme en Suisse.

Ignacio Pérez – Overloaded.supply

MEDIA & INTERACTION DESIGN

Ignacio Pérez – Overloaded.supply

Projet de diplôme avec Alain Bellet, Christophe Guignard, Gaël Hugo, Laura Nieder, Pauline Saglio

En 2020, nous avons atteint le point de basculement où la masse d’artefacts créée par l’homme a dépassé la biomasse présente sur notre planète. Cela est principalement dû à un système économique de manufacture et de consommation où la surabondance d’objets est devenue la norme. Overloaded.supply est un système semi-autonome qui exploite le contrôle d’algorithmes de création afin d’interroger les modèles de conception, production et législation actuels. Pour ce faire, l’installation permet via une interface physique le contrôle d’un univers intangible, invisible et vaste d’objets ou l’utilisateur prend possession sous la forme d’un document de brevet fictif. Ce document sera stocké sur un site web dédié qui fait office de dépôt d’objets déjà protégés qui pourraient — ou pas — être produits. https://overloaded.supply/

Rayane Jemaa – Is This the Middle East?

MEDIA & INTERACTION DESIGN

Rayane Jemaa – Is This the Middle East?

Projet de diplôme avec Alain Bellet, Christophe Guignard, Gaël Hugo, Laura Nieder, Pauline Saglio

Is This the Middle East? étudie la représentation du Moyen-Orient et de l’Afrique du Nord (MENA) dans une sélection de jeux vidéo. Je m’intéresse aux schémas, aux artefacts répétitifs, aux lieux et aux textes propres aux jeux qui prétendent se dérouler dans la région MENA. Ces objets deviennent des archétypes. Ces environnements photoréalistes sont-ils également réalistes dans les scènes qu’ils dépeignent, ou deviennent-ils une autre toile de fond pour les jeux liés à la guerre? En utilisant la photogrammétrie pour reconstruire ces environnements, j’aborde les implications de l’abondance d’images souvent trop simplifiées du Moyen-Orient, surtout dans un monde où les jeux vidéo deviennent non seulement un phénomène mondial, mais aussi un moyen de rencontrer d’autres cultures.

Michael Pica – Confessionnal

MEDIA & INTERACTION DESIGN

Michael Pica – Confessionnal

Projet de diplôme avec Alain Bellet, Christophe Guignard, Gaël Hugo, Laura Nieder, Pauline Saglio

Confessionnal est un site web permettant à ses utilisateurs de se confesser anonymement sur leur comportement sur les réseaux sociaux. Avec l’arrivée des réseaux sociaux, il y a des années, le comportement des utilisateurs sur ses derniers varie. Des actes inavouables sont parfois commis sur ces plateformes. Ce projet reprend le fonctionnement du confessionnal catholique que nous connaissons, mais se base sur l’ère digitale que nous vivons actuellement. C’est à l’aide de masques que l’utilisateur va vivre l’expérience anonyme en tant que participant ou spectateur. Il se confesse à l’oral et personnalise un masque selon son âge, la plateforme et le sujet principal de la confession. Il peut aussi, d’un autre côté, observer d’autres masques et écouter les confessions d’autres utilisateurs.

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.

Pablo Bellon – Lockdown Memorial Archive

MEDIA & INTERACTION DESIGN

Pablo Bellon – Lockdown Memorial Archive

Projet de diplôme avec Alain Bellet, Christophe Guignard, Gaël Hugo, Laura Nieder, Pauline Saglio

En 2020, avec l’apparition du Covid-19 chacun s’isole. Pour beaucoup, c’est l’occasion de réfléchir à sa situation. « Lockdown Memorial Archive » permet à chacun de partager son témoignage du confinement et de prendre conscience du ressenti d’autres personnes. A travers une application web, les participants sont invités à personnaliser un objet emblématique, puis d’y associer le témoignage de leur expérience. L’ensemble va ainsi constituer une archive faite de plusieurs mémoriaux immersifs où l’on pourra revivre autrement cette situation d’isolement.

Diane Thouvenin – Sun Connection

MEDIA & INTERACTION DESIGN

Diane Thouvenin – Sun Connection

Projet de diplôme avec Alain Bellet, Christophe Guignard, Gaël Hugo, Laura Nieder, Pauline Saglio

Mention Bien Quelle heure est-il à Montréal chez Hortense ? Quel temps fait-il à Tokyo chez Alexandre ? Lorsque je communique avec mes proches, dispersés aux quatre coins du réseau, je suis déconnectée de mon espace-temps physique. Sources de lumière artificielle constante et fenêtres sur le monde digital, les écrans remplacent le soleil en tant que repère spatio-temporel. « Sun Connection » permet de se reconnecter à ses proches par le biais d’un soleil délocalisé. Libre à chacun d’investir son espace physique et digital avec une présence lumineuse et colorée pour se transposer dans la temporalité d’un ailleurs.

Paul Lëon – Caption

MEDIA & INTERACTION DESIGN

Paul Lëon – Caption

Projet de diplôme avec Alain Bellet, Christophe Guignard, Gaël Hugo, Laura Nieder, Pauline Saglio

Mention Bien Aujourd’hui, nous capturons sans discontinuer des images dans lesquelles nous plaçons un espoir de mémoire. Dans les faits, la plupart de ces images sont laissées à l’abandon dans la masse de nos galeries ou sur des disques durs dormants. « Caption » nous expose des images oubliées piochées dans la galerie de ses utilisateur·trice·x·s. Par une série de questions, nous sommes invités à faire l’introspection de notre rapport à ces images. En synthétisant et exposant toutes les réponses récoltées, « Caption » nous plonge dans une recherche ethnographique qui étudie notre rapport collectif aux images.

Bastien Mouthon – MoodWalk

MEDIA & INTERACTION DESIGN

Bastien Mouthon – MoodWalk

Projet de diplôme avec Alain Bellet, Christophe Guignard, Gaël Hugo, Laura Nieder, Pauline Saglio

Mention Bien « MoodWalk » est un lecteur de musique proposant de découvrir de la musique différemment. Il génère des « moods » sonores basés sur la programmation musicale d’une ville (clubs/salles de concerts/bars/lieux culturels). L’app est constituée de deux mode d’utilisation fonctionnant grâce à la géolocalisation : un mode « boussole » et un mode « balade ». Désirant offrir une alternative locale et radicale de découverte musicale, « MoodWalk » permet d’éclater les bulles algorithmiques existantes afin d’offrir un outil de découverte du paysage sonore environnant.

Aurélien Pellegrini – Pump and Surf

MEDIA & INTERACTION DESIGN

Aurélien Pellegrini – Pump and Surf

Projet de diplôme avec Alain Bellet, Christophe Guignard, Gaël Hugo, Laura Nieder, Pauline Saglio

Mention Très bien Prix METAA « Pump and Surf » invite chaque internaute à s’interroger sur la quantité d’énergie dépensée lorsqu’il navigue sur internet. Avant de pouvoir visionner un site, l’internaute est invité à fournir un effort physique similaire à l’énergie nécessaire à l’acheminement des données qui vont permettre l’affichage du site sur son écran. Au travers d’expériences interactives et de visualisations graphiques, « Pump and Surf » amènent l’internaute à prendre la mesure des quantités d’énergie engagées dans les échanges d’information, jusqu’à les ressentir dans son corps.

Bruno Jolliet – New York Urban Atlas

DESIGN GRAPHIQUE

Bruno Jolliet – New York Urban Atlas

Projet de diplôme avec Gilles Gavillet, Nicole Udry

« New York Urban Atlas » est un projet portant sur les différentes façons dont la densité urbaine est retranscrite de manière physique dans la ville de New York.  L’édition reprend le principe des zones résidentielles administratives pour explorer, sous forme d’illustrations, différents quartiers. Au cours des chapitres, le lecteur est amené à explorer la matérialité urbaine sous un angle analytique avec des facteurs environnementaux liés aux illustrations. Des informations cartographiques mettent en perspective les divers quartiers explorés au cours du livre.

Bruno Jolliet – New York Urban Atlas

DESIGN GRAPHIQUE

Bruno Jolliet – New York Urban Atlas

Projet de diplôme avec Gilles Gavillet, Nicole Udry

« New York Urban Atlas » est un projet portant sur les différentes façons dont la densité urbaine est retranscrite de manière physique dans la ville de New York.  L’édition reprend le principe des zones résidentielles administratives pour explorer, sous forme d’illustrations, différents quartiers. Au cours des chapitres, le lecteur est amené à explorer la matérialité urbaine sous un angle analytique avec des facteurs environnementaux liés aux illustrations. Des informations cartographiques mettent en perspective les divers quartiers explorés au cours du livre.

Graphisme d'information

DESIGN GRAPHIQUE

Graphisme d'information

Projet d’atelier avec Angelo Benedetto

Pour le cours de graphisme d’information, les étudiants ont réalisé une affiche cartographique à partir d’un film du genre "road-movie", dans une représentation directe ou abstraite.

Drawing Machines

MEDIA & INTERACTION DESIGN

Drawing Machines

Projet d’atelier avec Daniël Maarleveld

Drawing Machines - Projets axés sur la conception de machines capables de produire des dessins de façon générative. Semaine bloc donnée à la classe de 2ème année en Media & Interaction Design par Daniël Maarleveld. Workshop assisté par Callum Ross et Pietro Alberti.

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.

Nathan Vogel – relations.watch

MEDIA & INTERACTION DESIGN

Nathan Vogel – relations.watch

Projet de diplôme avec Alain Bellet, Christophe Guignard, Gaël Hugo, Pauline Saglio

Les conflits d’intérêts sont souvent au cœur des crises démocratiques ou environnementales, mais dans le paysage informationnel d’aujourd’hui, nous recevons et oublions en masse ces informations. Avec une approche ouverte et collaborative, relations.watch rassemble et résume des relations entre personnes, entreprises et médias afin que chacun puisse découvrir des potentiels conflits d’intérêts à l’œuvre. L’un des principaux défis du projet est de communiquer des données sémantiques très denses de manière simple, tout en restant aussi neutre que possible au sein de sujets polémiques. relations.watch

Guillaume Simmen – zero lux(e)

MEDIA & INTERACTION DESIGN

Guillaume Simmen – zero lux(e)

Projet de diplôme avec Alain Bellet, Christophe Guignard, Gaël Hugo, Pauline Saglio

La pollution lumineuse est une nuisance que l’humain ne remarque pas.  Pourtant elle perturbe l’écosystème de milliers d’espèces.   L’objectif de mon projet est d’éteindre l’éclairage nocturne en zone rurale. Il est composé de trois outils, un luxmètre DIY géolocalisé afin de mesurer la pollution de son village, une boîte DIY à placer sous un lampadaire qui permet d’interpeler la commune et le site internet qui réunit les informations collectées et qui sert également de support pour mobiliser les gens. Ce projet m’a montré comment je peux aider dans des causes importantes. zerolux-e.org

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

Sonogram

MEDIA & INTERACTION DESIGN

Sonogram

Projet d’atelier

Contenu produit durant un cours donné par Alain Bellet aux étudiants de 2ème année en Bachelor Media & Interaction Design.

Adrien Kaeser – Weather Thingy

MEDIA & INTERACTION DESIGN

Adrien Kaeser – Weather Thingy

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

Mon projet consiste à utiliser des événements climatiques en temps réel pour contrôler et modifier les réglages d’instruments de musique. A travers ce projet, j’ai voulu proposer une nouvelle façon de composer et de jouer de la musique en laissant la nature nous accompagner dans nos mélodies. Ce projet s’inscrit dans une suite de modules sonores que j’ai conçus dans le but de trouver de nouvelles façons de composer avec des événements environnementaux.

Pierry Jaquillard – Prelude in ACGT, Chr. 1 to 22 and XY

MEDIA & INTERACTION DESIGN

Pierry Jaquillard – Prelude in ACGT, Chr. 1 to 22 and XY

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

2018 : les avancées technologiques promettent une conservation des données éternelle. L’ADN semble être le nouveau support de mémoire. Pourtant l’interprétation de ces données est capitale pour les comprendre. Pourrons-nous les décoder ?  Proposant une nouvelle interprétation de ce code à travers la musique, je cherche à le découvrir. Comment est-il composé ? A-t-il déjà été composé ? Cette recherche se matérialise en quatre écrans permettant d’interagir avec différentes interprétations d’un seul code. Entre science et musique, ce projet agit en tant qu’interface entre culture, codes et nature.

André Andrade – 300 000 km/s

MEDIA & INTERACTION DESIGN

André Andrade – 300 000 km/s

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

La probable future expansion du territoire de l’Homme sur Mars nous amènera à communiquer via un Internet interplanétaire. L’éloignement entre les deux astres ne permettra physiquement pas l’instantanéité d’Internet telle qu’on la connaît sur Terre.  Mon projet met en évidence la limite de la vitesse de communication à travers la visualisation simplifiée d’un « ping » (c’est-à-dire un aller-retour) permanent entre la Terre et Mars. Dans un monde où tout s’accélère, « 300'000 km/s » illustre symboliquement les limites de la physique et évoque une patience à laquelle nous ne sommes plus habitués.

Giulio Barresi – Tools for Connected Humans

MEDIA & INTERACTION DESIGN

Giulio Barresi – Tools for Connected Humans

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

Aujourd’hui, le smartphone s’apparente à un prolongement du corps humain. Autant outil que distraction, cet appareil met notre attention à rude épreuve étant donné la surabondance d’interactions digitales. Notre capacité à dialoguer avec les autres sans dispositif connecté fléchit.  En tant que designer d’interactions, je questionne notre relation à la technologie et ses promesses d’un monde meilleur.  A la recherche d’espace pour plus d’interactions déconnectées, j’ai conçu « Tools for Connected Humans », une collection d’outils connectés prêts à nous aider à nous déconnecter.

Stockify

MEDIA & INTERACTION DESIGN

Stockify

Workshop avec Dries Depoorter

Stockify est un service de musique en ligne qui suit l'humeur de la bourse. L'application propose de la musique heureuse uniquement lorsque l'indice boursier monte et vice versa, de la musique triste quand il redescend.  L'app exploite les API de la bourse afin de transformer l'état du marché en une expérience musicale.

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 .

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

Thomas Faucheux – Sockciety

MEDIA & INTERACTION DESIGN

Thomas Faucheux – Sockciety

Projet de diplôme avec Alain Bellet, Cyril Diagne, Christophe Guignard, Gaël Hugo

Sous couvert d'un magasin de chaussettes en ligne, "Sockciety" propose une façon de consommer dans laquelle les données personnelles issues des réseaux sociaux sont converties en droits ou en interdictions d'achat. C'est aussi une réflexion sur les conséquences de la mise en données du monde, mêlées à un système de "gamification" pervers où toutes actions quantifiées deviennent des critères d'évaluation, nécessaires à l'obtention d'un uniforme.

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.

Machine Learning

MEDIA & INTERACTION DESIGN

Machine Learning

Workshop

Le workshop était une introduction au machine learning et à la classification d’image. Les étudiants ont apportés chacun une cinquantaine d’objets que nous avons photographiés. Ces objets ont ensuite été analysées par un algorithme qui les a classifié et nous a permis de les placer au sol de la manière la plus ordonnée. Chaque étudiant a ensuite réalisé un projet utilisant la collection d’objets. Comme par exemple un moteur de recherche physique par mot-clés où les objets correspondant s’éclairent ou un dégradé d’objets similaires en utilisant du suivi d’objet et de la reconnaissance d’image. quasimondo.com

Martin Hertig – Sensible Data

MEDIA & INTERACTION DESIGN

Martin Hertig – Sensible Data

Projet de diplôme avec Alain Bellet, Cyril Diagne, Christophe Guignard, Gaël Hugo

Sensible Data est une installation interactive composée de trois machines, qui permet de créer un passeport à partir de données personnelles. Prenez-vous en photo et une machine dessinera votre portrait. Envoyez un email et un algorithme estimera vos âge, sexe et beauté. Appuyez enfin sur un bouton douteux pour obtenir un joli tampon de validation. Merci pour votre contribution ! Ce projet m’a permis de m’interroger sur la confiance que nous attribuons aux systèmes d’enregistrement de données qui nous entourent : une expérience ludique en échange d’informations personnelles.

Pierre-Xavier Puissant – EURI - LOW RES AWAY

MEDIA & INTERACTION DESIGN

Pierre-Xavier Puissant – EURI - LOW RES AWAY

Projet de diplôme avec Alain Bellet, Cyril Diagne, Christophe Guignard, Gaël Hugo

LOW RES AWAY est un système de télé-présence modulaire dont EURI est le premier module. Le but de mon projet était de prolonger une des réflexions de mon mémoire : l’idée que l’instantanéité du net « rend la géographie obsolète ». J’ai décidé de travailler sur la représentation sonore de données météorologiques au moyen d’objets idiophoniques simples. Pour ce premier module, je me suis intéressé à la pluie. Une application permet à l’utilisateur de définir un point auquel récupérer les données météo. Les EURI créent alors une composition sonore abstraite, répliquant une réalité distante.

Botcaves

MEDIA & INTERACTION DESIGN

Botcaves

Workshop avec Patrick Keller, Matthew Plummer-Fernandez

Botcaves est un atelier tenu en novembre 2014 explorant les bots et la relation entre leur comportement autonome (logiciel) et leur physicalité (matériel intégré dans les objets) ainsi que la relation potentielle que ces objets maintiendraient avec des infrastructures de cloud computing à l’échelle mondiale. Les étudiants ont conçus et développés les robots qui ont pris part à des activités en ligne. Dans certains cas, les robots utilisaient des capteurs électroniques comme déclencheur, tandis que dans d’autres cas, ils ont utilisé des données en ligne et les ont exprimé à l’aide de la robotique. Les résultats ont été présentés à la fin de la semaine. Le processus et les résultats sont documentés sur le blog de l’IICloud : iiclouds.org

Beijing Connection

MEDIA & INTERACTION DESIGN

Beijing Connection

Autre avec Alain Bellet, Vincent Jacquier, Pauline Saglio

Beijing Connection est une plateforme web hébergeant des projets réalisés durant un voyage d’une semaine à Pékin avec 15 étudiants. L’objectif du voyage était de travailler autour de la question du soi quantifié, la collecte de données et aussi de mener une réflexion autour des images et des films standards que les gens réalisent au cours de leur voyage. Pour réaliser précisément ces projets, nous avons dû oeuvrer 24 heures par jour pour obtenir nos données et notre matériel visuel. Nous remercions le programme « Université d’été » du canton de Vaud qui a rendu cela possible et aussi toutes les personnes qui nous ont accueillis à Tsinghua University, CAFA University et au Beijing Maker Space. beijing-connection.ecal-mid.ch

David Colombini – Attachment

MEDIA & INTERACTION DESIGN

David Colombini – Attachment

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

Attachment, une machine poétique connectée à Internet, vous permettra d’envoyer dans les airs, grâce à un ballon biodégradable, un message accompagné d’une image, d’un son ou d’une vidéo. L’idée de base est de prendre le contre-pied de l’utilisation actuelle des technologies « intelligentes » pour créer un concept poétique qui, en utilisant les moyens techniques actuels, nous permet de communiquer différemment en reprenant goût à l’attente, au hasard et à l’imprévu. Le site vous permet, en inscrivant votre nom et email, d’envoyer un message texte et d’y attacher une image, un son ou une vidéo. Une fois votre contenu validé, la machine imprime le message ainsi qu’un code sur une feuille A6, le glisse dans un cylindre en biopolymère attaché à un ballon, qui est lâché dans les airs. Le ballon voyage de manière hasardeuse jusqu’à un potentiel destinataire.

Siméon Brandner – Spin Motion

MEDIA & INTERACTION DESIGN

Siméon Brandner – Spin Motion

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

« Spin Motion est une application iPhone qui permet de créer et de partager des stop-motions. Sur les animations partagées on peut participer à la réalisation en ajoutant une image à la suite. Cela va créer deux types d’animations : les animations faites par une personne ou des cadavres exquis. L’application est divisée en trois parties: la création se fait image par image. Pour chaque photo prise, une ligne principale, qui traverse l’écran par son milieu sert de guide pour aligner quelque chose dessus. Cette ligne tourne de quelques degrés après chaque prise de vue jusqu’à faire un tour complet. La visualisation se fait en tournant le iPhone, ce qui fait avancer ou reculer l’animation. La ligne de base crée à l’aide du guide reste horizontale alors que l’on fait tourner l’écran. La modification des stop-motions permet de retravailler les animations puis de les partager. J’ai développé beaucoup de connaissance dans l’ergonomie et le design d’une interface de partage sur iPhone. » Siméon Brandner

Ruslan Gaynutdinov – Sona

MEDIA & INTERACTION DESIGN

Ruslan Gaynutdinov – Sona

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

« Durant le premier semestre de la troisième année à l’ECAL, j’ai réalisé un projet d’installation basé sur la visualisa- tion du son. Je me suis intéressé à la ma- nière dont le spectateur est plongé dans l’oeuvre interactive en présence de cet élément. J’ai décidé de poursuivre mes recherches sur les thèmes du son et ambiance. Sona est un jeu expérimental sur iPad inspiré du classique « jeu de Simon ». L’univers est composé des tableaux sonores énigmatiques que le spectateur doit résoudre à travers des simples interactions. Le jeu se joue avec le casque d’écoute pour centrer l’attention sur le son. Ce projet m’a permis d’étudier en détail les phénomènes acoustiques et comprendre comment on mémorise et perçoit les sons. L’immersion et le son sont devenus les éléments essentiels pour moi dans un projet interactif. » Ruslan Gaynutdinov

Filtrer