
MEDIA & INTERACTION DESIGN
Screen Design 2024
with Harry Bloch
Websites developed over a semester according to a book chosen by the students as part of Harry Bloch's Screen Design course, second year Bachelor of Visual Communication.
MEDIA & INTERACTION DESIGN
with Harry Bloch
Websites developed over a semester according to a book chosen by the students as part of Harry Bloch's Screen Design course, second year Bachelor of Visual Communication.
MEDIA & INTERACTION DESIGN
with Pauline Saglio
Folklore Fusion – a CGI character project developed by students in Bachelor Media & Interaction Design at ECAL, exploring the creative collision between Japanese and Swiss folklore through the lens of contemporary visual storytelling.
GRAPHIC DESIGN
MEDIA & INTERACTION DESIGN
PHOTOGRAPHY
with Angelo Benedetto, Vincent Jacquier, Pauline Saglio, Calypso Mahieu
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 Gaël Hugo
During this workshop, second year media & Interaction design students crafted interactive 'wonder-rooms' inspired by curiosity cabinets, blending 3D environments with real-time interactions. A collection of bizarre, imaginative little worlds to be explored.
MEDIA & INTERACTION DESIGN
by Gary Sandoz
By delegating our life experiences to digital media processed by algorithms, memory is no longer solely human. Reminix explores the emotional dimension and the future of our fragmented memories through a device that scans and analyzes photographic slides, acting as an ephemeral backup of a past life in the absence of the author's testimony. In a spatial contemplation, the image materialized and rendered in 3D, accompanied by generative narration, reconstitutes an alternative past with each activation. This interactive experience reactivates the memory and creates a bridge between the user and the narrative potential of the image, while questioning the fragility, preservation, trust, and generation of our memories by machines.
MEDIA & INTERACTION DESIGN
by Marius Parisod
At the crossroads between video games and board games, Get-Out 4 is an invitation to rediscover the joy of playing together. This puzzle game, designed to be played by two or more players, encourages direct interaction and cooperation. The use of external game pieces invites players to rely on their observation and deduction skills, bringing them together in a shared experience that goes beyond screens. The design of Get-Out 4 is based on a minimalist aesthetic inspired by early video games such as Pong, Pac-Man, and Tetris. This visual simplicity not only evokes nostalgia but is strategically employed to enhance player engagement by focusing on gameplay mechanics. This project, beyond its playful aspect, offers human interaction through the lens of gaming.
GRAPHIC DESIGN
MEDIA & INTERACTION DESIGN
PHOTOGRAPHY
with Angelo Benedetto, Vincent Jacquier, Pauline Saglio, Calypso Mahieu
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 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.
MEDIA & INTERACTION DESIGN
with Angelo Benedetto
First-year students explored the creation of dynamic identities for fictional places. This project, part of the Dynamic Display course led by Angelo Benedetto, challenged them to imagine graphic universes reflecting the essence of each invented location.
MEDIA & INTERACTION DESIGN
with Cyril Diagne
CAN THEY DANCE? is the result of a week-long workshop centered around the concept of Large Action Models (LAM). By repurposing existing platforms, the students leveraged the reasoning capabilities of these artificial intelligence models (LLM).
MEDIA & INTERACTION DESIGN
with Gaël Hugo
During a one week workshop led by Gaël Hugo, students developed situational conversational agents integrating artificial intelligence. These exchanges generate associated 3D environments to provide visual support.
GRAPHIC DESIGN
with Jonathan Hares, Aurèle Sack
Yours to Play and Win is a typeface promotion project on the theme of chess. Letters, just like the game’s pieces, are symbols which become meaningful once they have been activated by abstract human activity, i.e. thought. Referring to Duchamp, the ideographic representations of the cognitive process show their real potential, which goes beyond plain visual organisation. The font belongs to the Egyptian family, which hints to a modern mechanism, while honouring craftsmanship with the serifs. The monocase proportions adapt to the game’s modular elements and the rounded edges add an organic quality to recall the human mind. The text showcases the game’s principles and the ideas as a way to demonstrate the project’s message.
MEDIA & INTERACTION DESIGN
by Jeanne Weber
Dusky Large Blue is a web experience that raises awareness of the impact of human activities on endangered species. This project is part of the context of the Grande Cariçaie reserve with which I have collaborated for its realisation. A fictional walk leads the visitor through five stations, each of which approaches an endangered species. Dusky Large Blue is a prototype that presents a specific case: the life cycle of the Dusky Large Blue, a species of butterfly. The visitor also discovers which problems are linked to its life cycle in the reserve and outside it. This project has allowed me both to develop a subject that is close to my heart and to offer an alternative version of a specific environment by superimposing a personal visual and auditory approach to reality.
MEDIA & INTERACTION DESIGN
by Bogdan Nastase
Designed for the field of photojournalism, FULCRUM addresses privacy concerns surrounding the publication of photographs. Whilst many photo-journalists would agree that blurring or censoring faces tampers with important historical documents, protecting sources is ultimately a core journalistic principle. Given today’s ubiquitous data scraping and face recognition algorithms, legislation aimed at mitigating potential abuse remains outpaced by the swift progress of technology. FULCRUM offers a contemporary solution to the ethical debate between photojournalists and the public. By masking subjects’ faces with AI generated ones, FULCRUM ensures non-destructive anonymisation that simultaneously safeguards the identity of the individuals depicted and the photographic quality of the image.
MEDIA & INTERACTION DESIGN
by Lily Rose Hold
Dotto is a digital puzzle game that draws inspiration from classic dot-to-dot games. It combines connecting dots with the satisfaction of creating vector graphics. As you navigate through the collection of puzzles, you embark on a journey of discovery. Each connected dot unveils a part of the underlying artwork, gradually bringing it to life with every connection. A blend of satisfying gameplay and the celebration of vector Illustration, Dotto offers an experience for puzzle enthusiasts and those who love graphic illustration alike.
MEDIA & INTERACTION DESIGN
by Tickie Bindner
Sazen City immerses us into the collective landscape of our memories. Each participant takes part in the experience by exploring a territory, then sending digital postcards that generate a dynamic and imaginary map. Unlike photos of panoramas or cities, these digital cards depict memories, universal moments and emotions, revealing a new form of epistolary exchange that is more suited to our digital spaces. Inspired by Italo Calvino’s Invisible Cities, Sazen City employs machine learning to co-create a collective space. As it evolves, this shared landscape questions the individuality of our memories and the role of artificial imagination in our digital environments.
MEDIA & INTERACTION DESIGN
by Niki Zaal
Waazo is a mobile game that connects unknown participants for a social and friendly experience. It is an experience where virtual reality and reality come together. Today, smartphones and social networks connect us with people far away, but they can also separate us from our physical surroundings. This interactive game uses this hyper-connectivity to reconnect people in a specific location, paradoxically. The game draws inspiration from our childhood games, such as Where’s Waldo? or Cluedo. Using their phone, each participant explores the people around them to discover unknown individuals. Subtle clues like their posture, mood or main accessory will guide the player in this quest for encounters.
MEDIA & INTERACTION DESIGN
by Paul Dorsaz
With GlobalCom, generate your business’s visual identity thanks to the power of AI! The recent emergence of services like ChatGPT or DALL·E prompts us to question the role of AI in design processes. In a reality where an advertising designer inevitably turns to the web for inspiration, the final product often appears similar to others. What would logos and visual identities look like if the initial design was driven by an AI, whose dataset is already saturated with overproduction and mimicry? GlobalCom, a product of this automated process, reveals that these tools are still too naive to operate independently. However, could they be employed as catalysts to stimulate the creativity of designers?
GRAPHIC DESIGN
with Aurèle Sack, Jonathan Hares
Coemeter offers a reinterpretation of the Trajan typeface. This font is rich in history, from the Roman stones on which it first appeared to its various contemporary adaptations in stone engraving, predominantly found on funerary monuments in the Western world. This typographic work is showcased on a website. A digital cemetery awaits, where you can engrave your tombstone and personalise your mourning space. Coemeter plays on dualities, i.e. the sacred and the profane, history and anachronism, matter and consciousness. This unpretentious and poetic experience invites us to reconsider our connection with stone, memory and loss.
GRAPHIC DESIGN
with Guy Meldem, Tessa Roy
The Digital Feminist Manifesto website aims to present a set of principles for envisioning the body and its limitless nature in digital spaces, thus taking into account concepts such as inclusivity, the gender spectrum and intersectionality. The site consists of a textual section (the manifesto and its stakes) and avatars that represent one of the many possible interpretations of the body. These avatars are neither linear nor hierarchical; therefore they are organised in an evolving and branching way. Upon entering the site, we find ourselves at the central point of the page, allowing us to explore the site in all directions and discover its possibilities.
GRAPHIC DESIGN
with Aurèle Sack, Gilles Gavillet
Influenced by the rise of the metaverse, Varia is a metaphor of the early failure and absurdity of this technology, as well as research about typographic shapes. Mimicking the optimisation phenomena of object in 3D engines (Level of Detail), Varia is composed of three cuts of the same name: 0, 4, 8. While Level 0 seems closer to traditional typography, it is in fact a “smoothed out” version of the previous cuts, which already seeks to synthesise letters down to their most rudimentary forms. From the rigidity of the shapes, the existential constraints that the research brings to light illustrate the retrograde and dystopian vision of the metaverse, while at the same time offering a reassuring reflection of a future geometric transition of our bodies.
MEDIA & INTERACTION DESIGN
with Angelo Benedetto
Dynamic identity for the fictional artistic ceramics festival ARC (Artistic Revolution of Ceramics) proposed by Livia Schmid as part of the Dynamic Display course led by Angelo Benedetto.
MEDIA & INTERACTION DESIGN
with Angelo Benedetto
Dynamic identity for the fictional indie film festival HIFF (Haze Indie Film Festival) proposed by Valère Zen-Ruffinen as part of the Dynamic Display course led by Angelo Benedetto
MEDIA & INTERACTION DESIGN
with Angelo Benedetto
Dynamic identity for the fictional electronic music festival UFOS (Underground From Outter Space) proposed by Baptiste Godart as part of the Dynamic Display course led by Angelo Benedetto.
MEDIA & INTERACTION DESIGN
with Angelo Benedetto
Dynamic identity for the fictional upcycling festival R&R (Rebuild & Revive) proposed by Emilie Maier as part of the Dynamic Display course led by Angelo Benedetto.
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.
MEDIA & INTERACTION DESIGN
with Harry Bloch
Websites developed during a semester according to a recipe chosen by the students in the course of Screen Design of Harry Bloch, second year Bachelor Visual Communication.
GRAPHIC DESIGN
MEDIA & INTERACTION DESIGN
PHOTOGRAPHY
with Angelo Benedetto, Vincent Jacquier, Pauline Saglio
During the service design course, the 3rd year of the Graphic Design, Photography and Media & Interaction Design bachelor's degree programs realized multi-media projects. A collaboration of the Visual Communication department with the theme of SDGs (*Sustainable Development Goals). The theme named "For a good cause, make the SDGS a reality" aims to develop a cause close to the heart of the different student groups. Each project is composed of at least two different supports, one primary and one secondary. The projects could therefore take any form the students deemed relevant, be it a website, editions and posters, a video sequence, or even virtual reality.
MEDIA & INTERACTION DESIGN
with Alain Bellet, Yehwan Song
Second year Interaction Design students developped a messaging app centered around the theme of “Much Faster / Much Slower”. The goal is to create a unique mobile messaging app that offers a distinctive experience compared to existing instant messaging apps. The project explores the impact of technology on our relationship with speed and communication. It focuses on how advancements in technologies have shaped our experiences and preferences for speed. The project also looks at the role of instant messaging apps in changing the way we communicate and interact, taking up a significant amount of our daily engagement time. The goal is to translate this fascination with speed and slowness into innovative interaction design concepts related to communication.
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 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
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
GRAPHIC DESIGN
by Hugo Le Corre
Are legibility and expressiveness incompatible terms in typography? Anchored in a context of digitalisation of communication media, Relativ is a typeface that questions the notion of distance in reading. Associated with an AI algorithm, this variable font adapts itself through an axis covering two extremes: from continuous reading to monumental titling, from micro to macro-typographic. Thus, this system automatically favours legibility and expressiveness, taking into account the reader’s distance. In a context where screens tend to replace printed media, Relativ opens new perspectives between typography, adaptive technologies and digital communication.
GRAPHIC DESIGN
by Charlotte Viglino
FMXM (FemMeXs et Musique) is a music label that aims to represent female musicians in the French-speaking part of Switzerland. The project began after meeting womxn and discussing various issues such as legitimacy, stereotypes, sexualisation, discrimination, sexism or lack of representation. FMXM is a platform that aims to denounce gender-related issues but also to promote contemporary music produced by womxn. FMXM takes the form of a website including original sound and visual content as well as a video/sound installation highlighting the denunciation aspect of the project. FMXM navigates around a political subject but with an immersive, intimate and poetic point of view.
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
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
GRAPHIC DESIGN
by Angelo Barbattini
Since I am half Indian and have studied in India, my graduation project mainly consists of a collection of saris (lit. “strips of cloth”), a traditional garment worn by women in India. The fabrics created are a modern interpretation of this rich cultural heritage. Through this project, my aim is to denounce the issues of discrimination observed in India, most known as the caste system – a system that is now illegal but which continues to be perpetuated and create inequalities. The concept of the project is to acknowledge the problem and through a modern, digitally printed, cotton sari, to communicate a message of equality and equal rights to humanity. The goal is to have activists wear these saris to perpetuate this utopian ideal of equality and abolish the caste system.
GRAPHIC DESIGN
by Samuel Bregnard
Electro, so to speak, is not a musical genre. The term itself refers to a wide range of digitally created music. It is often used to simplify and help people understand when discussing this topic. Electro is, if you will, a “surface” term. Electro is a project that aims to identify and deconstruct sub genres of electronic music using different analytical paths. The website offers an audio experience which helps get familiar with this universe and understand its principles and foundations.
GRAPHIC DESIGN
by Marion Marquet
Like a typeface, Moving from Trisha offers a repertoire of ten choreographic signs generated based on an adaptation of Trisha Brown’s Glacial Decoy. The dancer’s movements serve as a support for the drawings of the characters. The vertical depth of the movements defines the thickness of the lines. These signs draw the trajectory of one of the dancers’ hands seen from above. Their feet are physically located in the centre of each sign, free to be interpreted according to a desired orientation and by the desired hand. The repertoire, which can be constantly developed, constitutes a methodology. A two-dimensional choreographic notation system and creates an applicable link to a three-dimensional performative interpretation.
GRAPHIC DESIGN
by Raphaël Carruzzo
Remote is a variable typeface born from a desire to recreate the link between movement and letters. Inspired by the body and choreographic notation, this typeface was designed for digital media. It helps interact with graphic content thanks to movement. Faced with an animated body, Remote interacts and transforms the typographic forms by following variations of movement. Passing easily from text to abstract typography, this variable font helps link movement and typographic compositions, thanks to a multitude of possible instances.
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
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
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.
GRAPHIC DESIGN
with Atlas Studio
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.