Screen Design – 2023

Screen Design – 2023

Websites developed during a semester according to a recipe chosen by the students in the course of Screen Design of Harry Bloch, second year Bachelor Visual Communication.

Studio project (2023) with Harry Bloch

Assistants
Elodie Anglade
Students
Odran Jobin, Valentin Bonzon, Emma Grosu, Viktor Gagné, Charlotte Pralong, Julie Turin
Know-how
UX/UI, Creative coding, Web

Les Takoyakis

Takoyaki is a popular Japanese snack made of wheat-flour batter and filled with various ingredients such as diced octopus, green onion, and tempura bits. This website presents a step-by-step recipe to make the perfect takoyaki, complete with detailed instructions and images to guide you along the way.

 

To website

 

By Odran JobinValentin Bonzon

 

1/2

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

Word's best macarons

LES MEILLEURS MACARONS AU MONDE (Word's best macarons) is an experimental website that showcases the history and recipe of macarons. The website design is inspired by the iconic box of macarons, featuring a clean and minimalistic layout. 

 

to website

 

By Emma GrosuViktor Gagné

1.png

1/3


falafel.jpg

LE Dürüm FAlAFEL

This website offers an engaging and interactive experience, guiding you through the process of making the delicious Dürüm Falafel dish. Esmeralda from "Le Marché du Temple" will guide you through the different steps and explain the history of how her shop started selling this this snack.

 

By Charlotte PralongJulie Turin

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

1/3

Projects related to Creative coding

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). Many of the moments we share with our loved ones fade from memory when nothing brings them back to life. Little by little, they disappear. Memoria is a photo album application that explores the fragility of memory, and how we maintain — or allow to fade — our connections through it. Through a process of gradual disappearance, the people in our photos slowly fade if no new memories shared with them are added. To keep their faces visible, users are invited to regularly enrich their album with new shared moments.

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

Before the rise of digital technology and social networks, everyday moments were captured on analog media and watched with family in one uninterrupted flow. These long VHS tapes, composed of successive sequences, gradually disappeared, victims of their obsolescence. Magnetic Fragments offers a way to rediscover these forgotten memories through a three-dimensional web interface, where each bubble represents a memory to explore and comment on. Designed for a private circle, the collaborative platform allows free navigation, revisiting each memory fragments in a dynamic way and breaking with the monotonous structure of past viewings. Magnetic Fragments thus becomes a space for intergenerational transmission, where the past is shared in the present.

Screen Design – 2024

BA MEDIA & INTERACTION DESIGN

Screen Design – 2024

with Harry Bloch

Websites developed over a semester according to a book chosen by the students as part of Harry Bloch's Screen Design course, second year Bachelor of Visual Communication.

Paul Paturel – Modulat – 2025 #2

BA GRAPHIC DESIGN

Paul Paturel – Modulat – 2025 #2

by Paul Paturel

Grime Index is an interactive VJ-ing project that centralizes, visualizes, and enables navigation through iconic moments of grime — a chaotic genre born on London’s pirate airwaves. By turning audio data into visual identity and live signage, the project makes a performance-based, oral, and improvised culture more readable. Designed for both newcomers and longtime fans, it is built around three interchangeable modules — MC, instrumental, and lyrics — honoring the culture of sampling, MCing, and mixing. Diarization, transcription, dynamic typography, and real-time effects combine to reveal grime’s living and navigable memory.  

Emilie Müller – Librarynth

BA GRAPHIC DESIGN

Emilie Müller – Librarynth

by Emilie Müller

It is good to believe that the library is resilient. Not as a relic of the past, but as a presence that reinvents itself, oscillating between the tangible and the intangible. It's not a question of denying the digital, nor of clinging to our yellowed pages. But to understand that if we accept the library as a moving space, an organism that mutates with the times, then its future may not be so bleak. My diploma is a non-linear immersive library, conceived as a virtual house. Each piece evokes one of six themes from the Jan Michalski Foundation's Varia collection. In the form of a web interface, the project celebrates the serendipity inherent in physical libraries, while questioning how digital technology can translate the book experience.

Related courses