Screen Design – 2023

Screen Design – 2023

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

Projet d’atelier (2023) avec Harry Bloch

Assistant·e·s
Elodie Anglade
Étudiant·e·s
Odran Jobin, Valentin Bonzon, Emma Grosu, Viktor Gagné, Charlotte Pralong, Julie Turin
Savoir-faire
UX/UI, Creative coding, Web

Les Takoyakis

Le takoyaki est un en-cas japonais populaire composé d'une pâte à base de farine de blé et rempli de divers ingrédients tels que du poulpe, des oignons verts et des morceaux de tempura. Ce site web présente une recette pour préparer le parfait takoyaki, avec des instructions détaillées et des images qui vous guident tout au long du processus.

 

Vers le site

 

Par Odran JobinValentin Bonzon

 

1/2

Web 1920 – 10.png
Screenshot 2023-02-10 at 11.42.59.png

LEs meilleurs macarons au monde

LES MEILLEURS MACARONS AU MONDE est un site web expérimental qui présente l'histoire et la recette des macarons. Le design du site s'inspire de l'emblématique boîte de macarons, accompagné d'une mise en page épurée et minimaliste.

 

Vers le site

 

Par Emma GrosuViktor Gagné

1.png

1/3


falafel.jpg

LE Dürüm FAlAFEL

Ce site web propose une expérience interactive et engageante, vous guidant tout au long du processus de préparation du Dürüm Falafel. Esmeralda, marchande du Marché du Temple, vous guide à travers les différentes étapes et vous explique comment son magasin a commencé à vendre cet en-cas.

 

Par Charlotte PralongJulie Turin

Capture d’écran 2023-02-23 à 17.00.33.png

1/3

Projets liés à Web

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.

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.

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.

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