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 Web

Ethical, Accessible and Mindful Design

MA DIGITAL EXPERIENCE DESIGN

Ethical, Accessible and Mindful Design

with Irene Pereyra

Ethical, Accessible & Mindful Design is a one-week module that trains students to examine the ethical dimensions of design decisions. Through practice, students learn to design experiences that are inclusive, transparent, and considerate of their broader social impact. This semester, the module took low-vision accessibility as its central design constraint. Working under the brief Goodbye to All …, students were asked to guide a user through a permanent, irreversible, and non-negotiable farewell. Beyond WCAG compliance, the exercise required sustained attention to contrast across all interface states, legible typography, keyboard-only navigation, focus visibility, and layout integrity at both 100% and 300% zoom, without loss of hierarchy or readability.

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.

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.

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.

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