Screen Design – 2025

Screen Design – 2025

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.

Projet transversal (2026) avec Harry Bloch

Assistant·e·s
Théo Déchanez
Étudiant·e·s
Matthieu Noël, Layana Comte, Marco Boumya, Matteo Lucca, Benjamin Vermot, Eve Gremaud
Savoir-faire
UX/UI, Creative coding, Fiction, Web

Les Aventures d'Alice au pays des merveilles

Ce site web place l'utilisateur dans le rôle d'Alice qui, comme dans l'histoire de Lewis Carroll, entre au pays des merveilles après avoir suivi le Lapin blanc. L'expérience se déroule à travers plusieurs scènes interactives inspirées des moments clés du livre, au cours desquelles l'utilisateur peut collecter des tartes. Après avoir progressé à travers plusieurs scènes, le voyage culmine par un procès devant la Reine de cœur, qui accuse Alice d'avoir volé les tartes, rendant les réponses de l'utilisateur cruciales, car l'issue dépend du choix qu'il fait.

 

Vers le site

 

Par Matthieu Noël et Layana Comte

 

Macbook_Retouches_2-2.png
Phone_Retouches.png
Macbook_Retouches_2-1.png

Les Solitudes

Dans ce site web expérimental, adaptation de la nouvelle « L'Homme qui plantait des arbres » de Jean Giono, l'utilisateur est invité à superposer des calques interactifs, dévoilant ainsi des compositions variées. 

 

Vers le site

 

Par Benjamin Vermot et Eve Gremaud

 

Macbook_Retouches1.png
Phone_Retouches.png
Macbook_Retouches2.png

L'Étrange Cas du docteur Jekyll et de M. Hyde

Ce site web s’inspire de la séquence finale du roman de Robert Louis Stevenson et se concentre sur l’expérience de découverte et de reconstruction du mystère. À l’intérieur de cet espace virtuel, l’environnement peut être exploré librement afin d’observer et d’interagir avec différents objets significatifs, ainsi que de collecter des indices faisant écho aux événements et aux thèmes du dernier chapitre.

 

Vers le site

 

Par Marco Boumya et Matteo Lucca

 

Marco_Macbook2-2.png
Phone_Retouches_marco2.png
Marco_Macbook1-2.png

Projets liés à Web

Elena Biasi – Magnetic Fragments

BA MEDIA & INTERACTION DESIGN

Elena Biasi – Magnetic Fragments

with Pauline Saglio, Christophe Guignard, Laura Nieder, Alain Bellet, Gaël Hugo, Lara Défayes

Avant l’essor du numérique et des réseaux sociaux, les moments du quotidien étaient capturés sur supports analogiques, puis visionnés en famille de manière linéaire. Ces longues cassettes VHS, faites de séquences successives, ont peu à peu disparu, victimes de leur obsolescence. Magnetic Fragments propose de redécouvrir ces souvenirs oubliés via une interface web tridimensionnelle où chaque bulle incarne un souvenir à explorer et commenter. Destinée à un cercle privé, la plateforme collaborative offre une navigation libre, revisitant les fragments de souvenirs de façon dynamique et rompant avec la structure monotone des anciens visionnages. Magnetic Fragments devient ainsi un lieu de transmission intergénérationnelle où le passé se partage dans le présent.

Screen Design – 2024

BA MEDIA & INTERACTION DESIGN

Screen Design – 2024

with Harry Bloch

Sites web développés durant un semestre selon un livre choisi par les étudiants dans le cadre du cours de Screen Design de Harry Bloch, deuxième année Bachelor Communication Visuelle.

Valère Zen-Ruffinen – Memoria

BA MEDIA & INTERACTION DESIGN

Valère Zen-Ruffinen – Memoria

with Pauline Saglio, Christophe Guignard, Alain Bellet, Gaël Hugo, Laura Nieder, Lara Défayes

“All those moments will be lost in time, like tears in rain.” - Roy Batty, Blade Runner (1982). Une grande partie des moments passés avec nos proches finit par s’échapper de notre mémoire lorsque rien ne vient les raviver. Peu à peu, ces souvenirs s’effacent, jusqu’à disparaître. Memoria est une application d’album photo qui explore cette fragilité du souvenir, et la manière dont nous entretenons – ou laissons s’effacer – nos liens à travers lui. À travers un processus de disparition progressive, les personnes présentes sur nos photos s’effacent peu à peu si aucun nouveau souvenir partagé avec elles n’est ajouté. Pour maintenir ces visages présents à l’image, chacune et chacun est invité à entretenir régulièrement son album avec de nouveaux souvenirs partagés.

Paul Paturel – Grime Index

BA DESIGN GRAPHIQUE

Paul Paturel – Grime Index

by Paul Paturel

Grime Index est un projet de VJ-ing interactif qui centralise, visualise et permet de naviguer dans les moments cultes du grime, un genre chaotique né sur les ondes pirates de Londres. En transformant la data audio en identité et en signalétique visuelle, le projet rend lisible une culture fondée sur la performance, l’oralité et l’improvisation. Il s’adresse autant aux publics initiés qu’aux curieux, et repose sur trois modules interchangeables — le MC, l’instrumentale et les lyrics — rendant hommage à la culture du sample, du MC-ing et du mix. Diarisation, transcription, typographie dynamique et effets en temps réel s’associent pour révéler une mémoire vivante et navigable du genre.  

Emilie Müller – Librarynth

BA DESIGN GRAPHIQUE

Emilie Müller – Librarynth

by Emilie Müller

Il est bon de croire que la bibliothèque résiste. Non pas comme une relique du passé, mais comme une présence qui se réinvente, oscillant entre le tangible et l’immatériel. Il ne s’agit pas de nier le numérique, ni de se cramponner à nos pages jaunies. Mais de comprendre que si nous acceptons la bibliothèque comme un espace mouvant, un organisme qui mute avec son temps, alors son avenir n’est peut-être pas si sombre. Librarynth est une bibliothèque immersive, pensée comme une maison virtuelle. Chaque pièce évoque une des six thématiques issues de la collection Varia de la Fondation Jan Michalski. Sous la forme d’une interface web, le projet célèbre la sérendipité propre aux bibliothèques physiques tout en questionnant comment le numérique peut traduire l’expérience du livre.

Formations liées