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, pilier de la formation et la sensibilisation aux risques psychosociaux grâce à ses films pédagogiques en réalité virtuelle m’a confié la personnalisation visuelle de leur lecteur web destiné à transposer leurs solutions du casque vers l’écran.
Cible : Nouveaux et anciens clients cherchant à sensibiliser en nombre leurs collaborateurs sans la contrainte des casques de réalité virtuelle.
Objectif : Offrir une expérience agréable et propice à l’apprentissage même en cas de sujet difficile.
Le défi UI
Offrir une expérience visuelle et cognitive agréable. Les solutions Reverto peuvent parfois toucher à des sujets sensibles et faire écho à certains traumatismes. Le but était donc de décliner la charte graphique à ce format de diffusion en centrant l’approche sur le ressenti utilisateur ainsi que son environnement cognitif direct.
L'exploration
L’intention créative :
L’objectif était de suivre la charte graphique existante tout en l’adaptant aux diverses contraintes : Web / lecteur vidéo. Lors de la refonte graphique de Reverto, j’ai veillé à ce que son identité puisse se décliner aussi bien en environnement clair que sombre.
J’ai articulé mes recherches autour de deux axes :
l’apaisement et la modernité : Utiliser les teintes de bleues et des dégradés longs pour donner cette impression de zenitude tout en gardant un design moderne et technologique.
Le cinéma au service de la prévention : Une expérience rappelant l’obscurité des salles de cinéma, mêlée à l’aspect technologique, limite futuriste de la réalité virtuelle.
De la réflexion à l'action
La Réalisation
Une fois les visuels et l’intention graphique validés par le chef de projet, j’ai pu concevoir les différentes interfaces directement via Visual Studio Code en HTML, CSS. Ne maitrisant pas le java script et n’ayant qu’un savoir de surface et de logique concernant l’environnement React, j’ai pu compter sur mes collègues développeurs pour me venir en aide et travailler de concert entre le fond et la forme.
Ce projet fait écho à la refonte graphique de la plateforme web car il présentait des similitudes quant à son fonctionnement et sa réalisation mais aussi des différences de design : Harmonisez l’utilisation de la charte pour le web mais respecter les particularités de ces deux médias différents.
L'impact du projet
Via ce projet, j’ai pu découvrir le fonctionnement et la conception d’un média que tout le monde aujourd’hui utilise : La plateforme de lecture de vidéos. J’ai pu me positionner comme un designer UI, un designer UX, comme un graphiste et un utilisateur. Étant le deuxième projet d’envergure réalisé avec toute l’équipe produit, j’ai eu une véritable expérience du travail d’équipe et d’émulsions créatives entre back et le front, le design et le code.
Le projet remplit ses objectifs stratégiques :
Clarté et douceur cognitive : Proposer une interface claire en accord avec la charte graphique de Reverto tout en offrant aussi une expérience utilisateur centrée sur le son ressenti.
Retranscrire l’expérience VR sur ordinateur : Réussir à concilier deux médias différents tout en gardant l’aspect technologique, « futuriste » et impactant des solutions de sensibilisation.