Extra – 2020

Projects BA MEDIA & INTERACTION DESIGN

Extra – 2020

A one week workshop with Cyril Diagne where students were asked to question the browser and its use, to change the experience of the web thanks to chrome extensions.

Workshop (2020) with Cyril Diagne

Students
Elodie Anglade, Martial Grin, Jamy Herrmann, Achille Masson, Jorge Reis
Know-how
UX/UI, Creative coding, Data visualization, Web, Tools

Trace

ECAL/Jamy Herrmann

TRACE is a Chrome extension that lets you visualize your path through images on the web.
An alternative to the classical browsing history and a simple project mixing graphic design and data visualization.

 

History Bubble

ECAL/Elodie Anglade

History Bubble, a Chrome extension helping you visualize your browsing history on a day-to-day basis.

 

Chrome Pollution

ECAL/Jorge Reis

Chrome Pollution allows you to see the invisible working with real time air quality data.

 

iEye

ECAL/Achille Masson

iEye is the best add-on for your browser in this decade. Switch tabs, scroll down, interact with your browser… just with your face.
This Chrome extension uses ml5.js for facetracking.

 

Rekt Animation

ECAL/Martial Grin

“Website Animations suck”
With the Chrome extension “Rekt Animation”, remove any pointless and invasive animation on any website.


Trace ECAL/Jamy Herrmann
Trace ECAL/Jamy Herrmann
Trace ECAL/Jamy Herrmann
Trace ECAL/Jamy Herrmann

1/4
History Bubble ECAL/Elodie Anglade
History Bubble ECAL/Elodie Anglade

1/2
Chrome Pollution ECAL/Jorge Reis
iEye ECAL/Achille Masson
Rekt Animation ECAL/Martial Grin

Projects related to Web
See more projects

Evan Kelly – Invisible Network

BA MEDIA & INTERACTION DESIGN

Evan Kelly – Invisible Network

with Alain Bellet, Christophe Guignard, Gaël Hugo, Laura Nieder, Pauline Saglio

Invisible Network is a portable device that makes the invisible and autonomous communications of machines perceptible and tangible. The way they interact with each other is akin to the modes of human communication, thus creating a real social network of machines. This device mediates between users and the machines around them. Via the screen it transmits fragments of its continuous and silent communications in the form of human social metaphors.
Nathanaël Vianin – The Last Forest

BA MEDIA & INTERACTION DESIGN

Nathanaël Vianin – The Last Forest

with Alain Bellet, Christophe Guignard, Gaël Hugo, Laura Nieder, Pauline Saglio

The Last Forest offers a browser-based walkable forest of spatialised information about collapse in general. Internet users are invited to wander through it and to find posts from the r/collapse reddit community in the form of trees.  The categorisation and index provide a more structured browsing of the information contained in the trees.  The Last Forest aims to raise awareness about climate change and its potential to end globalised, consumerist civilisation as we know it. 
Elena Biasi – Magnetic Fragments

BA MEDIA & INTERACTION DESIGN

Elena Biasi – Magnetic Fragments

with Pauline Saglio, Christophe Guignard, Laura Nieder, Alain Bellet, Gaël Hugo, Lara Défayes

Before the rise of digital technology and social networks, everyday moments were captured on analog media and watched with family in one uninterrupted flow. These long VHS tapes, composed of successive sequences, gradually disappeared, victims of their obsolescence. Magnetic Fragments offers a way to rediscover these forgotten memories through a three-dimensional web interface, where each bubble represents a memory to explore and comment on. Designed for a private circle, the collaborative platform allows free navigation, revisiting each memory fragments in a dynamic way and breaking with the monotonous structure of past viewings. Magnetic Fragments thus becomes a space for intergenerational transmission, where the past is shared in the present.
Extra – 2019

BA MEDIA & INTERACTION DESIGN

Extra – 2019

with Cyril Diagne

A one week workshop with Cyril Diagne where students were asked to question the browser and its use, to change the experience of the web thanks to chrome extensions.
Emilie Müller – Librarynth

BA GRAPHIC DESIGN

Emilie Müller – Librarynth

by Emilie Müller

It is good to believe that the library is resilient. Not as a relic of the past, but as a presence that reinvents itself, oscillating between the tangible and the intangible. It's not a question of denying the digital, nor of clinging to our yellowed pages. But to understand that if we accept the library as a moving space, an organism that mutates with the times, then its future may not be so bleak. My diploma is a non-linear immersive library, conceived as a virtual house. Each piece evokes one of six themes from the Jan Michalski Foundation's Varia collection. In the form of a web interface, the project celebrates the serendipity inherent in physical libraries, while questioning how digital technology can translate the book experience.

Related courses
See all courses

BA MEDIA & INTERACTION DESIGN
Nous utilisons des cookies pour collecter des informations sur la manière dont vous utilisez ecal.ch.
Nous utilisons ces informations pour faire fonctionner le site web au mieux et améliorer nos services.