Edit Template

Projet :
Lecteur
web 360°

Design d’interface pour le lecteur web 360° permettant de visionner les solutions en réalité virtuelle de la startup Reverto

Rôle : Designer UI & graphique

Outils : Figma / React / HTML / CSS

Année : 2025

Projet :
Lecteur web 360°

Design d’interface pour le lecteur web 360° permettant de visionner les solutions en réalité virtuelle de la startup Reverto

Rôle : Designer UI & graphique

Outils : Figma / React / HTML / CSS

Année : 2025

Quoi et pour qui ?

Le brief

Reverto m’a confié la personnalisation visuelle de leur lecteur web, pensé pour transposer leurs expériences immersives du casque VR vers l’écran.

Cible : clients cherchant à sensibiliser un grand nombre de collaborateurs, sans les contraintes logistiques des casques VR.

Objectif : offrir une expérience agréable et propice à l’apprentissage, même sur des sujets difficiles.

Le défi UI

Les contenus Reverto abordent parfois des sujets sensibles, pouvant faire écho à des vécus personnels. L’enjeu était donc de décliner la charte graphique à ce nouveau format de diffusion en plaçant le ressenti de l’utilisateur, et son confort cognitif, au centre de la réflexion.

L'exploration

L’intention créative

L’objectif était de décliner la charte graphique existante en tenant compte des contraintes propres au web et au lecteur vidéo. Lors de la refonte de la plateforme Reverto, j’avais veillé à ce que l’identité graphique puisse s’exprimer aussi bien en thème clair qu’en thème sombre, un principe repris ici.

Ma recherche s’est articulée autour de deux axes. D’une part l’apaisement et la modernité, avec des teintes de bleu et de longs dégradés pour installer une impression de sérénité tout en gardant un rendu technologique. D’autre part, le cinéma au service de la prévention, une expérience évoquant l’obscurité d’une salle de cinéma, mêlée à l’aspect futuriste de la réalité virtuelle.

De la réflexion à l'action

La réalisation

Une fois les intentions graphiques validées avec le chef de projet, j’ai conçu les interfaces en HTML/CSS sous Visual Studio Code. N’ayant qu’une connaissance de surface de React et pas de JavaScript à l’époque, j’ai travaillé main dans la main avec les développeurs pour assurer la cohérence entre fond et forme.

Ce projet fait écho à la refonte de la plateforme Reverto : mêmes fondations graphiques, mais des enjeux différents. Il fallait harmoniser l’utilisation de la charte tout en respectant les particularités de deux médias bien distincts.

L'impact du projet

Ce projet m’a permis de découvrir la conception d’un format que tout le monde utilise au quotidien sans y penser : le lecteur vidéo. Deuxième projet d’envergure mené avec l’équipe produit, il a confirmé ce que j’avais commencé à apprendre sur la refonte Reverto, à savoir travailler la forme au service du ressenti, pas seulement de l’esthétique.

Le projet répond à deux objectifs stratégiques. D’abord la clarté et le confort cognitif, avec une interface lisible, alignée avec la charte Reverto, centrée sur le ressenti de l’utilisateur. Ensuite, retranscrire l’expérience VR à l’écran, en conciliant deux médias différents sans perdre l’aspect technologique et impactant des solutions Reverto.