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 à UX/UI

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.

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.

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

La première organisation anarchiste internationale est apparue en 1871, non pas à Londres, mais dans les montagnes jurassiennes, en Suisse. Qui l’eut cru ? Si vous pensez que l’anarchisme c’est le chaos, un punk à chien ou des casseurs cagoulés, ce webdocumentaire va briser ces stéréotypes. Vous découvrirez comment les horlogers jurassiens se sont organisés afin de fédérer leurs pairs au-delà des frontières, et ainsi faire face à la domination de la classe bourgeoise, capitaliste. La Fédération Jurassienne est un incontournable de l’histoire de l’anarchisme. La direction artistique fait coexister l’esthétique fanzine de la fin du 20e siècle avec un design d’interface moderne. Le travail graphique représente une part importante du documentaire, les visuels étant essentiellement des créations originales.

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