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

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.

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.

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.

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/

Related courses