Jules Charles
Toutes les études de cas

Étude de cas, design et interaction

Signal / Noise

Une affiche de style suisse : les lettres fuient le curseur, les points se dispersent au toucher.

Cadre
Expérience, affiche fictive
Mon rôle
Design et développement
Format
Affiche interactive
Année
2026
Ouvrir le projet

Le contexte

Signal / Noise est l'affiche d'un cycle de conférences imaginaire sur l'écoute. Je voulais voir jusqu'où une affiche de style suisse pouvait devenir interactive sans perdre sa rigueur.

Le problème

Le style suisse repose sur une grille stricte et une typographie très contrôlée. Ajouter du mouvement risquait de tout casser.

Ce que j'ai fait

  1. J'ai gardé une grille de douze colonnes, visible en filigrane, et une seule famille de caractères, Archivo, en plusieurs largeurs.

  2. Le mot « Signal » réagit comme un ressort : ses lettres fuient le curseur puis reviennent à leur place.

  3. Le mot « Noise » est dessiné en milliers de points sur un canvas, qui se dispersent comme des parasites quand on les touche.

HTMLCSSCanvasJavaScript

Le résultat

2 500+Points animés qui dessinent le mot Noise sur un écran d'ordinateur
1Seule famille de caractères pour toute l'affiche
12Colonnes de grille, comme sur une affiche imprimée

La contrainte d'une grille stricte rend le mouvement plus fort, pas plus faible.

Ce que j'en retiens

Un projet similaire ?
Parlons-en.

Vous aimeriez un projet dans cet esprit ? Décrivez-le-moi en quelques lignes : je réponds sous 24 heures avec mes questions et une première estimation.