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.

Pixel Perfect – 2025

MA DIGITAL EXPERIENCE DESIGN

Pixel Perfect – 2025

with Romain Collaud, Frederik Mahler-Andersen, Lara Défayes

Pixel Perfect is the semester project of the Interface Design orientation module, semester I. It invites students to put into practice the methods and principles introduced in the Macro UI and Screen Grammar courses, exploring how graphic systems structure the digital user experience. Based on the analysis of an existing website, the project encourages a critical and creative reinterpretation of its visual identity and hierarchy. The challenge is to design a contemporary, coherent and expressive interface capable of renewing the original design system while respecting its uses, content and functional constraints, as well as its key principles: consistency, modularity, and the scalability of graphic and interactive components.  

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/

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.

Related courses