Portfol.io

Portfol.io

Hello World! Goodbye predictable, standardized and interchangeable web. Students questioned the conventions of the digital World, explored the Wide possibilities of the medium, and even invented new approaches to interact with the Web. And what better way to give web design meaning than through the students own portfolios, understood as expressions of attitude and personality.

https://websites.ecal-mid.ch/

Workshop (2026) with David Liebermann, Maximilian Kiepe, Jana Reddemann

Assistants
Thomas Gaudin
Know-how
UX/UI, Web





Projects related to UX/UI

Baptiste Godart – L'anarchisme n'est pas une invention des Sex Pistols.

BA MEDIA & INTERACTION DESIGN

Baptiste Godart – L'anarchisme n'est pas une invention des Sex Pistols.

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

The first international anarchist organization appeared in 1871—not in London, but in the Jura Mountains of Switzerland. Who would have thought? If you think anarchism is all about chaos, crust punks, or masked rioters, this web documentary will shatter those stereotypes. You’ll discover how the Jura watchmakers organized to unite their peers across borders and confront the domination of the bourgeois, capitalist class. The Jura Federation is a key chapter in the history of anarchism. The art direction combines the fanzine aesthetic of the late 20th century with a modern interface design. Visual work is a major part of the documentary, with most of the imagery being original creations.

Screen Design – 2025

BA MEDIA & INTERACTION DESIGN

Screen Design – 2025

with Harry Bloch

Websites developed over the course of a semester based on books chosen by students, which they adapted into web experiences as part of Harry Bloch's Screen Design course, second year of the Bachelor's degree in Visual Communication.

Emilie Maier – Moji

BA MEDIA & INTERACTION DESIGN

Emilie Maier – Moji

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

A simple password can be cracked in a matter of seconds. Many people reuse the same password for years, or entrust all their passwords to specialized software, counting on not having to remember them themselves. Moji offers a playful and accessible alternative for strengthening our digital security, without the complexity. Designed for people who are less at ease with these issues, the application accompanies the user step by step, guided by Moji — a little character who simplifies the creation of passwords and makes their memorization more intuitive. The whole experience is designed to be fluid and non-anxious, transforming an often tedious task into a simple, guided and reassuring moment.

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.

Enshittification - 2026

BA MEDIA & INTERACTION DESIGN

Enshittification - 2026

with Tibor Udvari

Many platforms degrade over time, shifting from useful tools into manipulative systems. In this workshop, we explore enshittification as a creative method by modifying existing websites or developing small web experiments that exaggerate friction, automation, overload, and disorientation in order to reveal the underlying logics.

Related courses