Refonte site Internet PELyon
PELyon est une start-up lyonnaise spécialisée dans l'expertise et le conseil dans l'analyse de données de santé. Travaillant dans le domaine pharmaco épidémiologique, ils évaluent les fardeaux économiques et cliniques des maladies.
Donner un bon coup de frais
Depuis 2014, PELyon a pour objectif de proposer des outils auprès des professionnels du domaine de la santé permettant de choisir les bonnes stratégies thérapeutiques ou programmes de santé publiques. Forts d’une équipe composée de médecins, chefs de projets, épidémiologistes et encore statisticiens et data analystes, ils publient notamment régulièrement les résultats de leurs études dans des revues scientifiques.
Le site Internet dont ils disposaient présentait l’activité de l’entreprise, les membres de l’équipes, les domaines de compétences, et mettait à disposition les publications, mais n’était plus au goût du jour, tant sur l’aspect visuel quelque peu dépassé, que sur les possibilités au niveau de l’administration. Non responsive, compliqué à modifier de part son interface d’administration capricieuse et un gestion depuis un visual composer obligeant les administrateurs à faire plusieurs fois les mêmes tâches, il convenait de repasser sur l’ensemble et mettre à disposition un nouveau site web performant tant sur le fond, que sur la forme.
Le challenge était principalement axé autour de la mise à disposition d’une interface d’administration permettant de publier régulièrement des contenus (actualités ou publications), en deux langues (Français et Anglais), en toute simplicité. Bien évidemment, le design se devait également d’être revu afin de correspondre à l’image de la start-up : dynamique, moderne, et accessible.
Renouveau graphique
La charte graphique mise à disposition par PELyon a permis de définir l’ambiance du site : des tons bleus, quelques touches colorées pour les visuels, mais garder à l’esprit que les sujets abordés sont sérieux, ne sont pas à la portée de tous, et se doivent d’être mis en avant de façon sobre. Des touches de couleurs ont été utilisées pour les différents visuels, mais la majeure partie de la direction artistique a été pensée pour rendre le tout lisible, et les pages plaisantes à parcourir, sans pour autant être surchargées d’effets visuels et d’animations.
Des illustrations vectorielles ont ainsi été sélectionnées par notre pôle expérience utilisateur et web design qui les a retravaillé afin de correspondre aux besoins du projet, que ce soit pour définir des pictogrammes correspondants aux secteurs d’expertises, ou des images créées pour l’occasion qui illustrent le domaine d’activités. Nous avons conçu un design system afin que l’ensemble du site soit en cohérence, au niveau des titres, des surtitres, des marges entre les éléments, les effets sur les boutons ou l’ensemble des animations en règle générale.
L’ancien site comportait des animations très lourdes, et les différents éléments ne s’accordaient pas entre eux. De fait, l’ensemble du site a été épuré sur le plan visuel, et la navigation peut se faire rapidement car il n’y a que peu d’éléments graphiques lourds à charger sur le site.
Mise en forme des contenus
L’arborescence du site Internet de PELyon n’a quasiment pas été modifiée, car celle du précédent site était suffisamment efficace. Il n’est pas toujours nécessaire de tout casser et tout reconstruire lors d’un projet de refonte de site web si l’existant est correct. Il suffit parfois de simplement réfléchir à la cohérence entre les éléments, mieux mettre en avant certains contenus, et revoir l’organisation interne des pages.
Ainsi, ce qui était majoritairement sous format textuel par le passé est devenu mis en avant grâce à des pictogrammes, l’insertion de titres permettant de situer le visiteur sur la page, mais également par le biais d’utilisations de vignettes ou ancres permettant d’accéder plus rapidement à divers contenus.
Le travail de mise en forme des contenus s’effectue également dans l’interface d’administration, car il est important lors de la phase de conception d’un site Internet de penser à ce qui pourra exister à l’avenir en plus de modeler ce qui est déjà présent. Nous avons par exemple mis à disposition des administrateurs la possibilité d’ajouter des membres de l’équipe ou des pôles entiers sans que nous n’ayons à intervenir pour refaire le design autour. Il en est de même pour les projets, les secteurs d’activités, et bien évidemment les actualités.
Système de publications
Les publications de PELyon représente l’aboutissement de leurs travaux, et se doit d’être mis en avant d’une bonne manière. Il est également important que l’administrateur du site soit en mesure de pouvoir les mettre à disposition sur leur site Internet sans avoir à y passer des heures, comme cela pouvait être le cas sur le précédent site, où il fallait passer par plusieurs étapes, réaliser nombre d’actions manuelles, et ensuite refaire le tout, mais pour la version anglaise cette fois.
Notre pôle développement web a conçu une interface d’administration la plus simplifiée possible pour le client, afin qu’il n’ait qu’à réaliser le strict minimum en terme d’actions afin de mettre en ligne de nouvelles publications. Nous avons identifié les différents filtres permettant aux utilisateurs de parcourir intelligemment les publications du site (types de publications, aires thérapeutiques, types, et années), afin de les classer dans des rubriques dédiées, les ordonner selon leur importance, et les classifier par des codes couleurs.
Tous ces filtres ont bien évidemment été traduits en amont, et peuvent être ajoutés manuellement par l’administrateur s’il venait à en manquer. Montre en main, il suffit désormais de moins de deux minutes pour mettre en ligne une nouvelle publication, en version multilingue.
Les nombreux échanges sur les maquettes fonctionnelles et graphiques ont permis d’aboutir à un résultat qui nous satisfait pleinement.