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

Voir plus de projets

Teo Grajqevci – reform

BA MEDIA & INTERACTION DESIGN

Teo Grajqevci – reform

by Teo Grajqevci

reform s'inscrit dans un contexte où les designers sont progressivement dépossédés de leurs outils : les logiciels de création deviennent plus automatisés, fermés et dépendants du cloud. Aujourd'hui, les IA génératives permettent de produire facilement des formes en 3D, mais au prix d'une perte de contrôle, de compréhension et d'appropriation du geste créatif. reform propose une autre voie : rendre la modélisation 3D plus simple, alors qu'elle est habituellement complexe et difficile à maîtriser. Le projet prend la forme d'un logiciel libre, avec une interface simplifiée, des interactions naturelles et des guides accompagnant l'apprentissage de ces outils. Ces démonstrations et exercices didactiques redonnent aux designers l'envie et les moyens de modéliser eux-mêmes.

Steve Bouillant – Re:soil

BA MEDIA & INTERACTION DESIGN

Steve Bouillant – Re:soil

by Steve Bouillant

Le smartphone a transformé la sortie en montagne en exercice de documentation. On photographie, on géolocalise, on publie : la nature devient un contenu avant d'être un moment de reconnexion avec son environnement. Re:soil propose un dispositif compact outdoor dont les outils se déploient pour capter en continu l'humidité, la lumière et les transitions entre les milieux traversés. Sa sonde, plantée dans le sol, mesure la chaleur de la terre et la compare à celle de la main de l'utilisateur·trice. Son micro capture la texture sonore du lieu. Re:soil transmet ces relations par vibration et lumière, sans écran, sans performance et sans téléphone. Au retour, une application liée génère un journal éphémère mêlant interprétations sensibles, géologie du lieu, faune et flore potentielles.

Yann Müller – Trame Noire

BA MEDIA & INTERACTION DESIGN

Yann Müller – Trame Noire

by Yann Müller

À mesure que les villes s'illuminent, la nuit disparaît de notre regard. Trame Noire est une application mobile d'exploration nocturne qui sensibilise le grand public aux effets de la pollution lumineuse sur la faune et la flore active à la tombée de la nuit. À la croisée de l'expérience immersive et de la science participative, le projet propose une nouvelle manière d'observer et de comprendre notre cohabitation avec le vivant. Au fil des saisons et des cycles naturels, l'application invite à parcourir l'environnement urbain et à capter, lieu après lieu, l'empreinte lumineuse propre à chaque endroit. À travers ces explorations, Trame Noire construit une cartographie sensible de la nuit mettant en lumière ce que l'éclairage artificiel altère dans les comportements du vivant nocturne.

Beyond Clicks

MA DIGITAL EXPERIENCE DESIGN

Beyond Clicks

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.

MICRO UI – 2026

MA DIGITAL EXPERIENCE DESIGN

MICRO UI – 2026

with Romain Collaud, Alain Bellet

Micro UI est le projet de semestre du module d'orientation Interface Design, semestre II. Il propose aux étudiant·e·s d'explorer comment les affordances et les micro-animations façonnent l'usabilité des interfaces digitales, en analysant les principes qui guident le comportement des utilisateur·rice·s avant même qu'ils et elles n'en aient conscience. À partir de l'étude des indices visuels et interactifs qui structurent les attentes, le projet invite à concevoir des animations subtiles mais efficaces, capables d'améliorer le feedback, l'engagement et l'accessibilité. L'enjeu est de trouver l'équilibre entre esthétique et fonction, afin que mouvement et affordance travaillent ensemble à créer des interactions fluides, réactives et porteuses de sens. Le cours aborde également, à titre complémentaire, la question des dark patterns, ces mêmes principes détournés à des fins de manipulation plutôt que d'accompagnement.

Formations liées

Voir toutes les formations