Projet :
Refonte graphique
Plateforme Reverto
Mise à jour visuelle de la plateforme Reverto à l’occasion de l’arrivée de la nouvelle charte graphique
Rôle : Designer UI & graphique
Outils : Figma / React / HTML / CSS
Année : 2025 - 2026
Projet :
Refonte graphique
Plateforme Reverto
Mise à jour visuelle de la plateforme Reverto à l’occasion de l’arrivée de la nouvelle charte graphique
Rôle : Designer UI & graphique
Outils : Figma / React / HTML / CSS
Année : 2025 - 2026
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 refonte visuelle de leur plateforme web. Cette plateforme permet aux clients de gérer leur flotte de casques de réalité virtuelle, leurs expériences VR disponibles et est aussi un outil interne de la startup. Suite à la mise à jour de leur charte graphique, il fallait donc repenser le visuel et en profiter pour revoir l’expérience utilisateurs.
Cible : Tous les utilisateurs, aussi bien externes qu’internes.
Le défi UI : Prendre l’existant qui fût rajouté au fur et à mesure avec des styles graphiques différents mais tous liés par l’ancienne charte et l’harmoniser aux couleurs de la nouvelle charte tout en restant cohérent et axé expérience utilisateurs.
L'exploration
L’intention créative :
L’objectif était de garder l’ambiance visuelle du projet tout en l’adaptant à la nouvelle charge graphique. Pour ne pas embrouiller les utilisateurs actuels, je devais revoir l’interface visuellement et ne faire des changements UX que si ils étaient vraiment nécessaires / urgents, à condition que cela ne brouille pas le parcours utilisateur actuel. D’abord la forme et ensuite le fond.
J’ai articulé mes recherches autour de deux axes :
Modernité : Utiliser les teintes de bleues et des dégradés longs pour donne 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.