UX/UI Design du site web de l'institut VBHI
Concevoir une expérience digitale au service de la recherche.
Client : l'Université de Bordeaux
Le besoin du client
Le VBHI est un projet international dédié à la recherche sur les maladies vasculaires cérébrales. Il rassemble des chercheurs, des établissements hospitaliers et des données scientifiques provenant de différents pays afin de favoriser la collaboration et de faire progresser la recherche.
Dans ce contexte, j’ai accompagné l'institut VBHI dans la conception UX/UI de son site web, en collaboration étroite avec Elena Milesi, chargée de communication, et Frédéric Saout, intégrateur et développeur.
L’objectif : créer une interface claire, accessible et structurée, capable de traduire visuellement l’ampleur du projet et de faciliter l’accès à une information scientifique riche et internationale.
Un projet construit dans la continuité
Elena Milesi m’a sollicitée à la suite de plusieurs projets réalisés ensemble. Elle souhaitait me confier la conception de l’ensemble de l’expérience visuelle du nouveau site web du VBHI.
L’identité graphique du VBHI ayant déjà été créée par un autre studio de design graphique bordelais, mon travail ne consistait donc pas à créer une nouvelle identité, mais à décliner et adapter les codes graphiques existants dans un environnement digital.
J’ai ainsi travaillé à partir des éléments déjà définis :
- le logo,
- la palette de couleurs,
- les principes graphiques,
- le style visuel de la marque.
" L’enjeu était de conserver la cohérence de cette identité tout en construisant un univers web adapté aux usages numériques et aux besoins spécifiques du projet. "
Studio Bel-Camille
Mon rôle : concevoir l'expérience UX/UI
La conception UX/UI du site web
Le travail a consisté à réfléchir à la manière dont les utilisateurs allaient découvrir le projet, comprendre ses enjeux et accéder aux différentes informations.
J’ai notamment travaillé sur :
- l’organisation et la hiérarchisation des contenus,
- la structure des différentes pages,
- les parcours utilisateurs,
- la conception des interfaces,
- la déclinaison de l’identité graphique existante pour le web,
- les principes de navigation,
- la cohérence visuelle de l’ensemble du site,
- la conception d’une interface adaptée aux différents supports.
L’objectif était de trouver le bon équilibre entre information scientifique, lisibilité et impact visuel.
Un travail d'équipe
Ce projet est également le résultat d'une collaboration étroite entre plusieurs expertises.
Elena Milesi, chargée de communication, a porté les besoins liés au contenu, à la communication et aux objectifs du projet.
De mon côté, j’ai assuré la conception graphique et UX/UI, en travaillant sur l’expérience utilisateur et la traduction visuelle de l’identité du VBHI.
Frédéric Saout, intégrateur et développeur, a ensuite donné vie aux interfaces en assurant leur intégration et leur développement.
Cette collaboration entre communication, design et développement web a permis de construire une expérience digitale cohérente, pensée à la fois pour les utilisateurs et pour les objectifs du projet.
Du graphisme pour le digital
L'un des enjeux importants du projet était de ne pas simplement reproduire l'identité graphique existante, mais de la faire évoluer dans un contexte numérique.
Le web impose en effet de nouveaux usages : lecture sur écran, navigation, responsive design, hiérarchisation de l'information, interactions et accessibilité des contenus.
J’ai donc cherché à conserver les éléments reconnaissables de l’identité du VBHI tout en leur donnant une nouvelle dimension à travers les interfaces.
Le design devient ainsi un véritable outil pour organiser l’information, faciliter la compréhension et rendre visible la dimension collective du projet.
Traduire l'idée d'une grande communauté
Une section sur les caractéristiques met en évidence les principaux attributs de votre produit, ce qui permet d'attirer les visiteurs et de stimuler les conversions.
L'institut VBHI porte une ambition qui dépasse les frontières.
La santé vasculaire cérébrale, concerne un très grand nombre de personnes à travers le monde. Les différents projets menés au sein du VBHI réunissent des équipes internationales et permettent de mettre en commun des données et des connaissances scientifiques.
Cette dimension collective était donc essentielle à retranscrire dans le design du site.
L’interface devait notamment évoquer : la collaboration, le partage, la recherche, la circulation des données et la dimension internationale du projet.
Le design UX/UI devait ainsi donner une représentation visuelle de cette grande communauté scientifique, tout en restant suffisamment sobre et structuré pour accompagner la consultation de contenus spécialisés.
Un projet international, une interface fédératrice
L'institut VBHI rassemble des acteurs de la recherche et des établissements hospitaliers à l’échelle internationale.
Cette dimension collective constitue l’un des fondements du projet : mettre en commun les connaissances et les données de chercheurs du monde entier pour faire progresser la recherche sur les maladies cardiovasculaires et cérébrovasculaires.
Le site web devait donc être plus qu'une simple vitrine.
Il devait devenir un point de rencontre digital, capable de présenter les différents projets, de valoriser les travaux menés et de rendre plus lisible cet écosystème international de recherche.
" Le projet devait présenter les différents projets, valoriser les travaux menés et de rendre plus lisible cet écosystème international de recherche. "
Studio Bel-Camille
Le résultat
À travers ce projet, mon rôle a été de transformer une identité graphique existante en une expérience digitale cohérente et fonctionnelle, tout en respectant les enjeux spécifiques d’un projet scientifique international.
Un travail de UX/UI design, de direction artistique et de conception d’interface, réalisé à Bordeaux, en collaboration avec les équipes communication et développement.
Besoin d'un site web qui reflète votre activité ?
Vous vous interrogez sur la conception d’un site web, le rôle du UX/UI design ou l’adaptation d’une identité graphique existante au digital ? Retrouvez ici quelques réponses aux questions les plus fréquentes sur ce type de projet et sur ma manière de travailler.
L'UX/UI design consiste à réfléchir à la fois à l’expérience de l’utilisateur (UX) et à l’aspect visuel de l’interface (UI).
Il permet de créer un site web agréable à parcourir, intuitif et cohérent avec l’identité graphique du projet.
Oui. Une identité visuelle existante peut être adaptée au digital tout en conservant ses principaux codes graphiques. d'où l'importance de faire appel à des graphistse qualifiés et expérimentés pour le digital.
Pour le projet VBHI, j’ai décliné le logo, les couleurs et l’univers graphique existants afin de créer une interface web cohérente avec l’identité de la marque.
Le rôle du designer UX/UI est de rendre l’information plus claire et l’expérience de navigation plus intuitive, tout en donnant au site une véritable cohérence visuelle.
Il fait le lien entre les objectifs de communication, les besoins des utilisateurs et les contraintes du développement web.
Oui. La conception d’un site web est souvent un travail collectif. Je peux collaborer avec chefs de projets digitaux, chargés de communication, photographes, rédacteurs et développeurs, intégrateurs et autres professionnels impliqués dans le projet afin de construire une interface cohérente, fonctionnelle et fidèle à l’identité de l’organisation.
Besoin d'un site web qui reflète votre activité ?
De l’identité visuelle à la conception de vos supports digitaux, Studio Bel-Camille accompagne les entreprises et les organisations dans la création d’une communication visuelle cohérente, claire et impactante.
Vous avez un projet de site web, de refonte graphique ou d’interface UX/UI ? Parlons-en.
