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

Savoir-faire
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.

compilation vidéo des projets

Projets liés à UX/UI

The Mind Reader Interface

MA DIGITAL EXPERIENCE DESIGN

The Mind Reader Interface

with Gaël Hugo, Paul Lëon

The Mind Reader Interface fait passer l'informatique du réactif au proactif : d'un système qui obéit aux commandes à un système qui les anticipe. Là où les environnements intelligents assignent à leurs utilisateurs un rôle de pilote, condamnés à adresser sans cesse des instructions, ce projet supprime la friction de l'instruction. L'intention ne se déclare plus par un écran ou un bouton. Elle se déduit. En lisant le contexte, l'habitude et les signaux de la présence, l'interface agit avant qu'on ne le lui demande. Elle abandonne la forme de l'appareil pour devenir un Ghost in the Room qui perçoit plutôt qu'il n'obéit. L'utilisateur ne pilote plus l'espace ; il l'habite. Le système ne lit pas les pensées, seulement des traces, et met en scène la distance entre l'anticipation et la compréhension : ce que nous gagnons, et ce que nous cédons discrètement, lorsqu'un espace se met à agir en notre nom.

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é.

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.

RE-STRUCTURE

MA DIGITAL EXPERIENCE DESIGN

RE-STRUCTURE

with RNDR STUDIO

Pendant ce workshop d'une semaine, les étudiant·e·s du Master Digital Experience Design ont utilisé des outils de machine learning pour décomposer des clips musicaux en leurs éléments constitutifs : scènes segmentées, gestes détectés, couleurs extraites, beats analysés, stems audio séparés, transformant des objets audiovisuels linéaires en jeux de données structurées. Ces composants ont ensuite été réinventés sous forme de systèmes interactifs et non linéaires : cartes explorables, timelines génératives, interfaces rythmiques et structures auto-recomposables, construites avec le framework OPENRNDR.

Portfol.io

BA MEDIA & INTERACTION DESIGN

Portfol.io

with David Liebermann, Maximilian Kiepe, Jana Reddemann

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/

Formations liées