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

Pixel Perfect – 2025

MA DIGITAL EXPERIENCE DESIGN

Pixel Perfect – 2025

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

Pixel Perfect est le projet de semestre du module d’orientation Interface Design, semestre I. Il propose aux étudiant·e·s d’appliquer concrètement les méthodes et principes abordés dans les cours Macro UI et Screen Grammar, en explorant comment les systèmes graphiques structurent l’expérience utilisateur digitale.   À partir de l’analyse d’un site existant, le projet invite à une réinterprétation critique et créative de son identité et de sa hiérarchie visuelles. L’enjeu est de concevoir une interface contemporaine, cohérente et expressive, capable de renouveler le design system initial tout en respectant ses usages, son contenu, ses contraintes fonctionnelles, et ses principes clés: cohérence, modularité et évolutivité des composants graphiques et interactifs.  

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.

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.

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.

Formations liées