Portfol.io

Portfol.io

Hello World ! Aurevoir le web prévisible, standardisé et interchangeable. Les étudiant·e·s ont remis en question les conventions du monde numérique, exploré les vastes possibilités du médium, et inventé de nouvelles façons d'interagir avec le Web. Et quoi de mieux pour donner du sens au design web que les portfolios des étudiant·e·s eux-mêmes, compris comme des expressions d'attitude et de personnalité.

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

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

Assistant·e·s
Thomas Gaudin
Savoir-faire
UX/UI, Web





Projets liés à Web

Enshittification - 2026

BA MEDIA & INTERACTION DESIGN

Enshittification - 2026

with Tibor Udvari

De nombreuses plateformes se dégradent avec le temps, passant d'outils utiles à des systèmes manipulateurs. Dans cet atelier, nous abordons l'enshittification comme une méthode créative en modifiant des sites existants ou en développant de petites expériences web qui exagèrent la friction, l'automatisation, la surcharge et la désorientation afin de révéler les logiques sous-jacentes.

Ethical, Accessible and Mindful Design

MA DIGITAL EXPERIENCE DESIGN

Ethical, Accessible and Mindful Design

with Irene Pereyra

Ethical, Accessible & Mindful Design est un module d'une semaine qui forme les étudiant·e·s à interroger les dimensions éthiques des décisions de design. Par la pratique, les étudiant·e·s apprennent à concevoir des expériences inclusives, transparentes et attentives à leur impact social plus large. Ce semestre, le module a pris l'accessibilité pour les personnes malvoyantes comme contrainte centrale de design. Sous l'intitulé Goodbye to All …, les étudiant·e·s devaient accompagner un·e utilisateur·trice à travers un adieu permanent, irréversible et non négociable. Au-delà de la conformité aux WCAG, l'exercice exigeait une attention soutenue au contraste dans tous les états de l'interface, à la lisibilité typographique, à la navigation au clavier seul, à la visibilité du focus, ainsi qu'à l'intégrité de la mise en page aux zooms 100 % et 300 %, sans perte de hiérarchie ni de lisibilité.

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

Avant l’essor du numérique et des réseaux sociaux, les moments du quotidien étaient capturés sur supports analogiques, puis visionnés en famille de manière linéaire. Ces longues cassettes VHS, faites de séquences successives, ont peu à peu disparu, victimes de leur obsolescence. Magnetic Fragments propose de redécouvrir ces souvenirs oubliés via une interface web tridimensionnelle où chaque bulle incarne un souvenir à explorer et commenter. Destinée à un cercle privé, la plateforme collaborative offre une navigation libre, revisitant les fragments de souvenirs de façon dynamique et rompant avec la structure monotone des anciens visionnages. Magnetic Fragments devient ainsi un lieu de transmission intergénérationnelle où le passé se partage dans le présent.

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

Un mot de passe trop simple peut être décrypté en quelques secondes. Beaucoup réutilisent le même depuis des années ou confient tous leurs mots de passe à des logiciels spécialisés, en comptant ne pas avoir à s’en souvenir eux-mêmes. Moji propose une alternative ludique et accessible pour renforcer notre sécurité numérique, sans complexité. Pensée pour les personnes peu à l’aise avec ces enjeux, l’application accompagne l’utilisateur pas à pas, guidé par Moji - un petit personnage qui simplifie la création de mots de passe et rend leur mémorisation plus intuitive. L’ensemble de l’expérience est conçu pour être fluide et non anxiogène, transformant ainsi une tâche souvent pénible en un moment simple, guidé et rassurant.

Screen Design – 2025

BA MEDIA & INTERACTION DESIGN

Screen Design – 2025

with Harry Bloch

Sites web développés durant un semestre à partir de livres choisis par les étudiants, qu’ils ont adaptés en expériences web, dans le cadre du cours de Screen Design de Harry Bloch, deuxième année Bachelor Communication Visuelle.

Formations liées