← Projets Voir le site ↗

Étude de cas · Expérience immersive

Van Gogh,
entrer dans la toile.

Un site fictif pour une exposition Van Gogh. L'objectif n'était pas d'informer, mais de faire ressentir — plonger le visiteur dans l'univers du peintre dès la première seconde.

Contexte
Projet d'école · fictif
Rôle
Design & intégration
Outils
Figma · HTML · CSS
Type
Landing immersive
cyberdesign.be/2026/engin/Html/vangogh2/
▶ Charger l'aperçu en direct

Aperçu en direct. Ouvrir en plein écran ↗

L'intention

Faire ressentir, pas seulement informer

Le brief : créer une expérience immersive qui donne envie de venir à l'exposition avant même d'avoir lu une ligne. L'émotion d'abord, l'information ensuite.

Mes décisions

Construire l'ambiance, écran par écran

01

Une vidéo plein écran en ouverture

Plutôt qu'une image fixe, une vidéo en header. Le mouvement happe le regard et installe l'ambiance sensorielle dès la première seconde — on n'est plus sur un site, on est dans une expérience.

02

De grandes œuvres en pleine largeur

Les peintures sont présentées en grand, généreusement espacées. On laisse l'œuvre respirer et occuper l'écran, comme face à un tableau dans une vraie salle.

03

Le texte comme un récit, pas une fiche

La vie de Van Gogh est racontée de façon narrative, ponctuée d'une citation forte. Le contenu accompagne l'émotion au lieu de la couper.

L'intégration

Une narration animée au défilement

01

Scroll immersif avec GSAP

Les scènes apparaissent et se transforment au défilement via GSAP ScrollTrigger : parallax, fondus et apparitions qui racontent l'œuvre comme un récit guidé.

02

Fluidité maîtrisée

Les animations sont déclenchées au bon moment et allégées sur mobile, pour garder une expérience fluide sans sacrifier l'immersion.

Ce que j'en retiens

Une interface peut provoquer une émotion

Un design ne sert pas qu'à organiser, il peut aussi faire ressentir. Vidéo, échelle, rythme de lecture — chaque détail technique au service d'une intention émotionnelle. Le complément d'un travail plus structurel comme Cinematek.

Un projet en tête ?

yuce.engin@outlook.be