MEDIA & INTERACTION DESIGN
TalkCity
with Gaël Hugo, Yehwan Song
The students worked on creating a typographic 3D environment in a web browser. Using the words extracted from a dialogue, a sequence is illustrated in a synchronised way on two screens.
MEDIA & INTERACTION DESIGN
with Gaël Hugo, Yehwan Song
The students worked on creating a typographic 3D environment in a web browser. Using the words extracted from a dialogue, a sequence is illustrated in a synchronised way on two screens.
MEDIA & INTERACTION DESIGN
with Yehwan Song
“During the workshop we’ve invented a new web-interaction with the hand and body gesture. The unique gestures found in our daily habits have been combined with mobile touch screen, gyro sensor, web camera and microphones and created new narration in the websites on the screen. As we use specific gestures to express certain feelings, we need to create more sophisticated and diverse user web-interaction. This workshop was the first step of inventing and exploring diverse user interaction and sophisticated web-narration.” Yehwan Song
MEDIA & INTERACTION DESIGN
with Daniël Maarleveld
Break it Fix it is the workshop's result conducted under the direction of Daniel Maarleveld. Based on the music Technologic - Daft Punk, each group have reappropriated a phrase to enhance it graphically. The result is a series of posters, a video clip compiling the different typographic systems, and a series of interactive posters based on the same rules.
MEDIA & INTERACTION DESIGN
with Angelo Benedetto
Beyond the screen - is a series of interactive machines developed by students in their first year of Bachelor Media & Interaction Design. These systems are inspired by the relationship between instructions and execution within a computer system. These machines create text through a modular typographic system.
MEDIA & INTERACTION DESIGN
with Andreas Gysin
Workshop with Andreas Gysin The students worked on the concept of randomness to generate a series of patterns and drawings.
MEDIA & INTERACTION DESIGN
with Alain Bellet, Christophe Guignard, Gaël Hugo, Laura Nieder, Pauline Saglio
Today, for many, the memories that remain are only those of images taken with digital cameras. Through this continuous storage process, we offload those moments by trusting instantaneous backups. MEMOGRAM challenges this delegation by offering a time capsule in the form of tickets, accompanying our memories with textual clues and descriptions. www.memogram.ch
MEDIA & INTERACTION DESIGN
with Alain Bellet, Christophe Guignard, Gaël Hugo, Laura Nieder, Pauline Saglio
In an environment where the line between digital and tangible is becoming increasingly thin, having an existence in immaterial spaces implies shaping and maintaining an avatar that is often created in one’s own image. Living in these in-between worlds inevitably leads to the development of a more or less strong connection with one’s own digital representations. This is notably the case of my own avatar, with whom I share more than just a well-defined clothing style. In Mirror Me-rror, she and I become one. By using my physical and digital data to influence her abilities as my “virtual self”, I find myself constantly connected to her. With this project, I question the relationship that each of us nurtures with our digital identities and offer a gamified perspective of our own lives.
MEDIA & INTERACTION DESIGN
with Alain Bellet, Christophe Guignard, Gaël Hugo, Laura Nieder, Pauline Saglio
How can artists/designers share and enrich their practice in a context where videoconferencing is becoming one of the most used means of disseminating content? In the form of a mini web-conference, Public Lectures consists of a succinct presentation of the work of people active in the field of culture through audiovisual content. Encouraging interaction, through comments and content exchange, Public Lectures seeks to erase the usual boundaries between presenter and viewer. A form of horizontality is thus born within the platform, inviting people to contribute in order to bring out innovative forms of dialogue and to meet the challenges of this new means of communication.
MEDIA & INTERACTION DESIGN
with Alain Bellet, Christophe Guignard, Gaël Hugo, Laura Nieder, Pauline Saglio
The mirroring system of instant messaging implies the presumed availability of the interlocutor. However, while waiting for a response, certain questions become recurrent: “Alex is online, why isn’t he answering? What is he doing?” Latent* is a chat application that allows you to converse with your friends by developing the context of the discussion and what is not said. Just like theatre, it fuels the conversation by adding didascalies generated according to the collected data (response time, location). By highlighting the unsaid parts of an exchange, the generated reading mode enriches the discussion, creates poetic tension, and allows the interlocutors to become the characters of their own play. www.melaniefontaine.ch
MEDIA & INTERACTION DESIGN
with Alain Bellet, Christophe Guignard, Gaël Hugo, Laura Nieder, Pauline Saglio
Digital DNA is a 3D data visualisation platform that displays an analysis of the content that is shown to me on Instagram. The interface compares the duality of my perception with that of the algorithm. It results in a virtual space representing a digital genome that visitors are invited to explore in order to discover the subtleties of the intersection between human and algorithmic perspectives. While studying these “smart” systems, I became aware that their ability to analyse is somewhat biased. Some of the categories I was assigned were unexpected and did not match the visuals presented. In this way, Digital DNA highlights the gap created by this contrast between the categories and the visuals that are displayed. Try it here
MEDIA & INTERACTION DESIGN
with Alain Bellet, Christophe Guignard, Gaël Hugo, Laura Nieder, Pauline Saglio
Phone Archaeology is an interactive installation that traces the evolution of mobile phones through my own experience. The project reveals a digitalised, speculated, and recovered private life, like traces of the past. This memory engraved in silicon that tends to be obsolete is the story of memories left behind every time we change phones. Research around Phone Archaeology brings to light a form of reflection on our data. The matter of data recovery is intrinsically linked to digital archiving and planned obsolescence. While the abstraction of a digital file may seem timeless, the imminent danger of losing even more digital memories forces us to rethink how we archive them. phonearchaeology.com
MEDIA & INTERACTION DESIGN
with Alain Bellet, Christophe Guignard, Gaël Hugo, Laura Nieder, Pauline Saglio
Spectacle·s Museum looks at the photographs of visitors in a museum space. Through a web atlas, this project paints a series of portraits in one of the most photographed museums in the world, the Louvre. Using images published on Instagram, the project classifies and groups them according to their formal and spatial specificities. Through Spectacle·s Museum, I approach the theme of the staging of the self, particularly in the museum space.
MEDIA & INTERACTION DESIGN
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.
MEDIA & INTERACTION DESIGN
with Alain Bellet, Christophe Guignard, Gaël Hugo, Laura Nieder, Pauline Saglio
Twist was thought out as part of the upcoming industrial design exhibition at mudac - Musée cantonal de design et d’arts appliqués contemporains. The aim of this project is to engage children’s curiosity about design, for whom the idea of visiting a museum is often not the most exciting. How can we encourage a stimulating visit and discovery of the exhibits? By bringing out an object from the exhibition, the Bold chair by Big-Game studio, this project transforms it into an interactive installation. Guided by a character on screen, children are invited to interact with certain parts of the chair: sitting, pinching, turning, etc. These interactions trigger games, and information is presented in a playful way, thus creating a direct and memorable relationship with the object and raising awareness of design.
MEDIA & INTERACTION DESIGN
with Alain Bellet, Christophe Guignard, Gaël Hugo, Laura Nieder, Pauline Saglio
Per Aspera Ad Astra is a web-documentary that tells the story of five women astronomers who were in charge of discovering, calculating, classifying and mapping the cosmos between 1879 and 1979. This project aims to rehabilitate the crucial contribution made by women in STEM. In the early days, before the word “computer” was used to describe a machine, it was in actual fact used to describe a person, namely the women who made calculations and observations by hand. The “Harvard Computers” significantly contributed to astronomy and science by discovering many galaxies and establishing the stellar classification system that is still in use today. Nowadays, however, we speak very little about these five women; their work remains unknown, and their discoveries have often been attributed to the men who employed them. per-aspera-ad-astra.vercel.app
MEDIA & INTERACTION DESIGN
with Alain Bellet, Christophe Guignard, Gaël Hugo, Laura Nieder, Pauline Saglio
“My project aims to demystify FM synthesis and to offer a new approach to its programming. After analysing various FM synthesizers and their interface, I identified two major problems: - The difficulty of understanding how they work - The complexity of sound exploration My project offers two objects to remedy these problems: a guide, based on texts in FM Theory & Applications, which enables the user to understand FM synthesis in a theoretical way, and a synthesizer that enables the user to explore the basics of synthesis with a more hands-on approach, thanks to an interface that offers all the controls without “menu diving”. These two objects provide the user with an ideal introduction to electronic music.”
MEDIA & INTERACTION DESIGN
with Alain Bellet, Christophe Guignard, Gaël Hugo, Laura Nieder, Pauline Saglio
At a time when music can be accessed anywhere and at any time, how can one compose an interactive and evolving album that takes into account its environment? In an ode to strolling around Lausanne, the auditor discovers a polyphonic orchestra while walking through the city’s landmarks. The mobile phone becomes the tool for a composition that features different sound layers, revealed throughout the walk, where the music no longer has a pre-established duration but varies according to the places that are visited. By their geolocation, the listeners/composers initiate new musical tracks as they walk along. A more organic mode of listening is introduced, where compass and binaural sounds reveal the abstract and digital substance that floats around us.
MEDIA & INTERACTION DESIGN
with Alain Bellet, Christophe Guignard, Gaël Hugo, Laura Nieder, Pauline Saglio
Alter provides users with a platform to take control of an alter-ego, whose virtual identity is based on archetypes observed on Instagram. The primary intention of the project is to explore the possibility that social networks offer to live experiences that are not our own. Thus, Alter highlights the typical profiles that have been instituted on Instagram over the years. These different archetypes incorporate various ways of showing off, staging oneself or communicating. These archetypes influence, despite ourselves, the way we use certain networks. The project consists of two distinct parts: on the one hand, the observation and study of these different archetypes, and on the other, their use in a webapp.
MEDIA & INTERACTION DESIGN
by Elodie Anglade, Maya Bellier, Soraya Camina, Marine Dang, Basil Dénéréaz, Nora Fatehi, Mélanie Fontaine, Sébastien Galera Larios, Evan Kelly, Jamy Herrmann, Bogdan Nastase, Michael Pica, Jorge Reis, Nathanaël Vianin, Julie Ryser
At the initiative of the Réunion des Musées Nationaux – Grand Palais and Fisheye , the second edition of the Palais Augmenté festival will be held from June 17 to 19, 2022 at the Grand Palais Ephémère in Paris. On this occasion, the Bachelor Media & Interaction Design of ECAL will be represented in several ways.
MEDIA & INTERACTION DESIGN
with Mario Von Rickenbach
Video game made by Marius Parisod during the first year Interactive Graphics course.
MEDIA & INTERACTION DESIGN
with Mario Von Rickenbach
Video game made by Viktor Gagné, Charlotte Pralong and Julie Turin during the first year Interactive Graphics course.
MEDIA & INTERACTION DESIGN
with Angelo Benedetto
Dynamic identity for the fictional art space EVA (Espace Veveysan d'Architecture) proposed by Odran Jobin as part of the Dynamic Display course led by Angelo Benedetto.
MEDIA & INTERACTION DESIGN
with Angelo Benedetto
Dynamic identity for the fictional art space GRAM (Galerie Romande d'Art Moderne) proposed by Viktor Gagné as part of the Dynamic Display course led by Angelo Benedetto.
MEDIA & INTERACTION DESIGN
with Angelo Benedetto
Dynamic identity for the fictional art space CNAE (Centre Neuchâtelois d'Arts Expérimentaux) proposed by Gary Sandoz as part of the Dynamic Display course led by Angelo Benedetto.
MEDIA & INTERACTION DESIGN
with Lucas Zanotto
Moody Orchestra is an interactive orchestra of seamless mood-loops. The students learned the software Cinema4D in order to create a visual and musical loop. This week of work led by @lucas_zanotto resulted on colorful and satisfying visuals.
MEDIA & INTERACTION DESIGN
with Dirk Koy
During a week, our first-year Bachelor students in Media & Interaction Design attended a workshop led by Dirk Doy focusing on “Loops”. It assisted by Sébastien Matos The workshop was divided into two distinct parts, each utilizing a unique technique: typography and image.
MEDIA & INTERACTION DESIGN
with Gaël Hugo
Content produced during a one week workshop led by Gaël Hugo, around experimenting with image rasterisation and particle systems.
MEDIA & INTERACTION DESIGN
with Gaël Hugo, Pauline Saglio
Realized in collaboration with Musée de la Main UNIL-CHUV, Lausanne for the exhibition « Intelligence Artificielle. Nos reflets dans la machine ». By revisiting the shape of the mirror, “Alter Ego” questions the notion of digital reflection. It highlights, in a playful way, image analysis by artificial intelligence. Project lead: Pauline Saglio, Gaël Hugo Development and finalization of projects: Sébastien Matos, Paul Lëon
MEDIA & INTERACTION DESIGN
with Cyril Diagne
During a week workshop given by Cyril Diagne, second year students explored the integration of machine learning tools in their creative process. By limiting the coding step in favour of using the concept of Prompt they experimented with Diffusion Models such as GPT3, Clip or DALL-E to create texts, images and videos. Comparing the way our brain seems to make our dreams and the way some AI models work, Elina Crespi used some Diffusion Model to represent her dreams.
MEDIA & INTERACTION DESIGN
with Patrick Keller
Semester project produced by Alexandre Gambarini during 3D graphic course given by Patrick Keller to first year Media & Interaction Design students.
MEDIA & INTERACTION DESIGN
with Patrick Keller
Semester project produced by Odran Jobin during 3D graphic course given by Patrick Keller to first year Media & Interaction Design students.
MEDIA & INTERACTION DESIGN
with Patrick Keller
Semester project produced by Mélanie Martin during 3D graphic course given by Patrick Keller to first year Media & Interaction Design students.
MEDIA & INTERACTION DESIGN
with Patrick Keller
Semester project produced by Emma Grosu during 3D graphic course given by Patrick Keller to first year Media & Interaction Design students.
MEDIA & INTERACTION DESIGN
with Patrick Keller
Semester project produced by Théo Déchanez during 3D graphic course given by Patrick Keller to first year Media & Interaction Design students.
MEDIA & INTERACTION DESIGN
with Patrick Keller
Semester project produced by Viktor Gagné during 3D graphic course given by Patrick Keller to first year Media & Interaction Design students.
MEDIA & INTERACTION DESIGN
with Patrick Keller
Semester project produced by Gary Sandoz during 3D graphic course given by Patrick Keller to first year Media & Interaction Design students.
MEDIA & INTERACTION DESIGN
with Sami Benhadj
VR Music Video projects created by second-year students in the Bachelor of Media & Interaction Design program.
MEDIA & INTERACTION DESIGN
with Gaël Hugo
Soundtoys coded by 1st year Bachelor students in Media & Interaction Design as part of a semester project led by Gaël Hugo.
GRAPHIC DESIGN
MEDIA & INTERACTION DESIGN
with Angelo Benedetto, Vincent Jacquier, Pauline Saglio
During the Service Design course, the 3rd year of the Graphic Design, Photography and Media & Interaction Design bachelors had to create multi-media projects. A collaboration of the Visual Communication department which had as subject the SDGs (*Sustainable Development Goals). The theme was called "For a good cause, make the SDGs a reality" and its objective was to allow students to develop a cause that is close to their hearts. Each project consists of at least two different media, one primary and one secondary. These projects could take any form that the students deemed relevant, be it a website, editions, posters, a video sequence or virtual reality.
MEDIA & INTERACTION DESIGN
with Samy La Crapule
It is around the theme “Avatars” that we spent this week of workshop with Samy La Crapule. The idea was to learn around the software Daz Studio in order to create a virtual CGI avatar. The results presented here are the result of a week’s work for the 1st, 2nd and 3rd year students. You can find more details about each project on our Instagram @ecal_mid.
MEDIA & INTERACTION DESIGN
with Mario Von Rickenbach
Webtoys coded by 1st year Bachelor students in Media & Interaction Design as part of a week-long workshop given by Mario von Rickenbach.
MEDIA & INTERACTION DESIGN
with Andreas Gysin
Projects created in the first year Bachelor Media & Interaction during a workshop given by Andreas Gysin.
MEDIA & INTERACTION DESIGN
with Pauline Saglio, Vincent Jacquier
Fantastic Smartphones – a series of interactive installations developed by students in Bachelor Media & Interaction Design at ECAL, investigating in a critical and offbeat way our relationship with smartphones and the way they influence our daily behavior. See the press room
MEDIA & INTERACTION DESIGN
with Alain Bellet, Christophe Guignard, Gaël Hugo, Laura Nieder, Pauline Saglio
The Goko is a digital musical instrument that explores new ways of playing music. It is a chord machine in the form of a MIDI controller. This tool promotes and facilitates the composition of chords. It enables beginners to play while having fun and offers professionals a new understanding and visualisation of the rules of musical harmony.
MEDIA & INTERACTION DESIGN
with Alain Bellet, Christophe Guignard, Gaël Hugo, Laura Nieder, Pauline Saglio
Miksyn is an installation that invites us to rethink our relationship with living things by challenging our natural aversion to the various insects and arachnids of our domestic ecosystem, my primary motivation being to highlight the unexplored richness of microscopic forms. Miksyn is part of research on digital interactions with the microcosm. By decontextualising these tiny creatures under the lens of a high-resolution optical microscope, my project puts the spotlight on their imperceptible peculiarities. Can we use technology to overcome our bodily limitations and awaken a holistic conception of nature?
MEDIA & INTERACTION DESIGN
with Alain Bellet, Christophe Guignard, Gaël Hugo, Laura Nieder, Pauline Saglio
In a world dominated by images, where content is constantly blasted at our brain, the race for maximum performance and ultra-high definition feels endless. (un)load chooses to go beyond the classic forms of digital experience. With this tool, we will try to dive into a molecular state, where the single unit becomes the whole. In a kind of reverse cinema, you will be deprived of some of your senses and will reach overload through extreme reduction. Expressing the constant overload we experience as a society and the capacity we have to construct our own relationship to the world, (un)load explores the narrative potential of immersive technologies, based on the senses and beyond representation. Warning: this work contains flashing lights.
MEDIA & INTERACTION DESIGN
with Alain Bellet, Christophe Guignard, Gaël Hugo, Laura Nieder, Pauline Saglio
Nowadays, almost all of us have adopted the unconscious reflex of pulling out our smartphone when we are faced with some form of loneliness or passivity. Hence, it has become difficult for us to cope with waiting without the help of our cell phones. The aim of Oblique Reasoning is to invite users to question notions of attention economy and FOMO (Fear Of Missing Out) while offering, in the manner of Oblique Strategies, reflections and alternatives. By recording unread notifications and quantifying them in units of time, this portable device offers us the possibility to step back and rethink our relationship with the smartphone.
MEDIA & INTERACTION DESIGN
with Alain Bellet, Christophe Guignard, Gaël Hugo, Laura Nieder, Pauline Saglio
In 2020, we reached a tipping point with the mass of man-made artefacts exceeding the biomass on our planet. This is mainly due to an economic system of manufacturing and consumption where the overabundance of objects has become the norm. Overloaded.supply is a semi-autonomous system that exploits the control of creation algorithms in order to question current patterns of design, production and legislation. To do so, the installation allows users, via a physical interface, to control an intangible, invisible and vast universe of objects where they can take possession of them through a fictitious patent document. This document will be stored on a dedicated website that acts as a repository of already protected objects that may or may not be produced. overloaded.supply
MEDIA & INTERACTION DESIGN
with Alain Bellet, Christophe Guignard, Gaël Hugo, Laura Nieder, Pauline Saglio
Confessionnal is a web app that enables users to anonymously confess their behaviour on social networks. With the advent of social media years ago, the behaviour of users varies. Unmentionable acts are sometimes committed on these platforms. This project is inspired by the Catholic confessional as we know it but is based on the digital era we live in. Users live the anonymous experience with a mask as participants or spectators. They confess orally and personalise their mask based on their age, the platform or the main subject of the confession. On the other hand, they can observe other masks and listen to the confessions of other users.
MEDIA & INTERACTION DESIGN
with Alain Bellet, Christophe Guignard, Gaël Hugo, Laura Nieder, Pauline Saglio
Is This the Middle East? investigates representation of the Middle East and North Africa (MENA) in a selection of video games. I am interested in the patterns, repetitive artefacts, locations and texts in games that claim to be set in the MENA region. These objects become archetypes. Are these photo-realistic environments also realistic in the scenes they depict or do they become another backdrop for war-related games? Using photogrammetry to reconstruct these environments, I address the implications of seeing an abundance of often over-simplified images of the Middle East, especially in a world where video games are becoming not only a global phenomenon, but also a means to encounter other cultures.