Présentation du projet

Rôles

  • Design
  • Développement
Visiter le site

Le site Infosanté, une initiative de l’Université de Liège, est la référence francophone en santé pour la Wallonie. Il propose des informations fiables, en langage clair et accessibles sur des sujets médicaux, fondées sur des recherches scientifiques sérieuses. Notre mission était de concevoir et développer une nouvelle version de ce site en respectant les normes d’accessibilité les plus strictes tout en facilitant la gestion d’un contenu complexe pour leur équipe.

Défis

Atteindre la certification AAA en accessibilité (WCAG) afin d’assurer que le site soit utilisable par tout type d’utilisateur, quel que soit son handicap, son niveau de littératie ou l’outil de navigation qu’il utilise. De plus, le site devant gérer une quantité colossale de contenu, nous devions développer des outils sur mesure pour en assurer une gestion efficace tout en garantissant une expérience utilisateur optimale.

Solutions

Le design du site a été entièrement influencé par les exigences d’accessibilité, avec une attention particulière portée à la palette de couleurs, à l’iconographie et à la hiérarchisation des informations pour garantir une expérience fluide. Un schéma interactif du corps humain permet aux utilisateurs de rapidement trouver la catégorie d’articles la plus susceptible de contenir les réponses à leurs questions.Nous avons intégré un ensemble complet d’outils d’accessibilité, allant bien au-delà des standards, pour répondre à chaque exigence WCAG. Le site dispose également d’une administration complète entièrement adaptée aux besoins de l’équipe et permettant l’édition et l’organisation de la quasi-totalité des sections du site.

Captures d’écran représentant la page d'accueil du projet
Captures d’écran la différence entre le thème de base et le thème contrasté

Infos complémentaires

Du côté du back-office, nous avons créé de nombreux outils sur mesure pour gérer la grande quantité de contenu. Cela comprend la mise en place de taxonomies spécifiques, un système de filtres avancé pour affiner la recherche d’informations, ainsi qu’un processus de brouillons de publication pour faciliter la gestion éditoriale et l’organisation de contenu en constante évolution.
Collection d’icones
Extrait du design montrant la page d’archive des guides et leur page dédiée
Captures d’écran du site mettant en avant l’aspect responsive du site
Extrait de la charte graphique
Extrait du chapitre "Logo" de la charte graphique
Extrait du chapitre "Logo - déclinaisons" de la charte graphique
Extrait du chapitre "Couleurs" de la charte graphique