Étude de cas · Redesign UI/UX
Cinematek,
remettre le film au centre.
Redesign du site de la Cinémathèque royale de Belgique. Un objectif : aider le visiteur à trouver une séance et réserver, sans se perdre.
Aperçu en direct. Ouvrir en plein écran ↗
Un portail d'archives, pas une invitation au cinéma
Le site original disait tout en même temps : des dizaines de cycles, d'archives et de liens se disputaient l'écran. Surcharge d'information, direction artistique froide et grise, affiches perdues dans le texte. On y trouvait un portail administratif là où il fallait donner envie de s'asseoir dans une salle obscure.
Réduire pour rendre lisible
Un carrousel d'accueil comme point d'entrée
Un grand carrousel met en avant une séance à la fois — affiche, titre, dates, un seul bouton « Réserver ». Une porte d'entrée nette plutôt qu'un mur d'infos.
Une direction artistique « salle obscure »
Contre le gris administratif de l'original : un fond sombre, un seul accent doré, de grandes affiches mises en valeur. Le patrimoine du cinéma méritait l'émotion d'un écran, pas la froideur d'un portail.
Une navigation séparée par intention
Le contenu est éclaté en pages dédiées — Infos, Programme, Newsletter, Contact. Chaque besoin a sa destination. On ne cherche plus, on choisit.
Du design au code, sans framework
Carrousel maison en JavaScript
Le carrousel d'accueil est codé en JavaScript vanilla — slides, navigation et transitions — sans librairie. Léger, rapide et entièrement maîtrisé.
Architecture multi-pages responsive
Chaque intention a sa page (Infos, Programme, Newsletter, Contact), intégrée en HTML/CSS et adaptée du mobile au desktop.
Animations au défilement
Apparitions et micro-interactions en CSS/GSAP pour rythmer la lecture, sans alourdir la page.
Ce que je ferais ensuite
Le redesign résout la lisibilité et l'ambiance, mais deux chantiers restent ouverts — et savoir les nommer fait partie du travail :
Un vrai tunnel de réservation en 3 clics
Aujourd'hui le bouton « Réserver » mène à la programmation. L'étape suivante : choisir une séance, un nombre de places et payer sans quitter le site.
Un filtrage du programme sans rechargement
Filtrer les films par date ou par cycle de façon instantanée, sans recharger la page — la fluidité qu'on attend d'un site moderne.