wwwiki - Option Media & Interaction Design

wwwiki - Option Media & Interaction Design

wwwiki Travaux de graphisme spécifiques d'interface de site internet conçus à partir de divers contenus de pages Wikipedia. L'objectif est d'amener par des mise en pages graphiques originales un nouveau point de vue et une réinterprétation des informations. Projets Soraya Camina Julien Caulet Salomé Dotter Samuel Dumez Mélanie Fontaine Martial Grin Jamy Herrmann Sofia Hidalgo Flores Lily Rose Hold Achille Masson Nathanaël Vianin

Know-how
UX/UI

wwwiki

Travaux de graphisme spécifiques d'interface de site internet conçus à partir de divers contenus de pages Wikipedia.

L'objectif est d'amener par des mise en pages graphiques originales un nouveau point de vue et une réinterprétation des informations.

Projects related to UX/UI

RE-STRUCTURE

MA DIGITAL EXPERIENCE DESIGN

RE-STRUCTURE

with RNDR STUDIO

During this one-week workshop, Master Digital Experience Design students used machine learning tools to decompose music videos into their constituent parts: segmented scenes, detected gestures, extracted colors, analyzed beats, separated audio stems, transforming linear audiovisual artifacts into structured datasets. These components were then reimagined as interactive, non-linear systems: explorable maps, generative timelines, rhythm-driven interfaces, and self-recomposing structures built with the OPENRNDR framework.

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.

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.

Portfol.io

BA MEDIA & INTERACTION DESIGN

Portfol.io

with David Liebermann, Maximilian Kiepe, Jana Reddemann

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/

The Mind Reader Interface

MA DIGITAL EXPERIENCE DESIGN

The Mind Reader Interface

with Gaël Hugo, Paul Lëon

The Mind Reader Interface shifts computing from the reactive to the proactive: from a system that obeys commands to one that anticipates them. Where smart environments cast their users as pilots issuing constant instructions, this project removes the friction of instruction altogether. Intention is no longer declared through a screen or a button. It is inferred. Reading context, habit and the signals of presence, the interface acts before it is asked. It sheds the form of the device to become a Ghost in the Room that senses rather than obeys. The user no longer pilots the space; they inhabit it. The system does not read thoughts, only traces, and stages the distance between anticipation and understanding: what we gain, and what we quietly surrender, when a space begins to act on our behalf.

Related courses