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

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.

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.

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

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/

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.

Formations liées