Visitez le site

#siteweb #refonte #design

CIMOF

La refonte de site web dans le domaine de la santé

Nouvelle année, nouveau site optimisé ! 

C’est ainsi que débute l’année 2024 pour le CIMOF (le Centre d’Imagerie Moléculaire et Fonctionnelle) de Toulouse. 

L’agence web WS a accompagné le CIMOF pour co-construire un design et des solutions web adaptées aux besoins actuels et évolutions futures du Centre d’Imagerie de la Clinique Pasteur ! 🔎 Zoom sur cette nouvelle référence dans le domaine de la santé.

Une refonte de site internet pour le CIMOF Toulouse ! 

Basé au sein de la Clinique Pasteur , le Centre d’Imagerie Moléculaire et Fonctionnelle de Toulouse (CIMOF) propose tous types d’examens médicaux en lien avec l’imagerie médicale et la médecine nucléaire

En plus de Toulouse, leur zone d’exercice s’étend de la région Occitanie aux Pyrénées-Atlantiques grâce à plusieurs sites d’exercice et un pôle d’expertise mobile

Leur vocation : accompagner les patient·e·s du sud-ouest de la France dans leurs parcours de soin, grâce à leurs examens de médecine nucléaire (TEP Scanner ou Scintigraphie).

Des examens aux abréviations et procédures parfois obscures, voire intimidantes, qui nécessitent de guider les patient·e·s dans la compréhension et le déroulement de ces étapes essentielles de leur parcours de soin. 
Le CIMOF avait donc besoin d’une refonte globale de son précédent site web (autrefois nommé Tep-Toulouse), pour simplifier la navigation et recherche d’information de ses utilisateurs.

Parcours client, parcours patient :  Un accompagnement personnalisé, pour une expérience simplifiée

Notre objectif principal : faciliter l’accès aux informations clés et aux résultats des examens médicaux pris en charge par le CIMOF… dans un univers graphique bien propre à la médecine nucléaire ;). 

Comment relever ce défi ? En développant un accompagnement sur-mesure, bien sûr ! 

Tout comme le CIMOF, WS a à cœur de proposer un accompagnement soigné, basé sur l’écoute et la compréhension des besoins de ses client·e·s (et de leurs client·e·s – patient·e·s, par affinité). 

Nos maîtres mots : échange et esprit de collaboration ! 

Des valeurs qui nous auront accompagné·e·s tout au long du projet… et ce dès la phase de conception graphique, avec la création de la Charte graphique numérique et du Logo du CIMOF

Une nouvelle charte graphique pour le CIMOF de Toulouse

L’idée du CIMOF ?  Reprendre la palette de couleurs des résultats TEP Scan (bleu, jaune, orange, violet) pour créer une identité graphique unique et représentative de leur coeur de métier. 

À priori un défi graphique complexe, difficile à imaginer. Mais dialogue, conseils et concertations ont su créer le remède pour dénouer notre imagination ! 

Résultat : un univers graphique bien particulier, riche en couleurs et en dégradés… sans perdre en lisibilité, grâce à ses fonds et aplats blancs pour préserver l’accessibilité ! 

L’univers graphique du CIMOF s’exprime également dans son nouveau logo, le dégradé de couleurs et le nuage de points reprenant les éléments caractéristiques de l’univers de la médecine nucléaire. 

Et sur le site, cet univers graphique bien particulier est renforcé par des visuels du domaine de la santé, pour illustrer les examens présentés !    

Pour résumer notre accompagnement web pour le CIMOF ? Simplicité et accessibilité, pour une expérience optimisée ! Ce Leitmotiv a guidé la conception UX/UI du site internet que nous avons développé pour l’équipe du CIMOF. 🤝

Un site internet simple d’accès et d’administration 

Simplifier, simplifier, simplifier, tel a été notre mantras tout au long de ce projet.

Une simplification pour les utilisateurs-patients, mais pas que ! Les administrateurs bénéficient eux aussi d’une interface intuitive, compréhensible et modulable. Zoom sur ce combo gagnant !

Design UX/UI & Accessibilité de l’information pour les utilisateurs/patients

Notre ligne de conduite tout au long du projet : simplifier l’information et favoriser sa lisibilité pour les patients, cœur de cible du CIMOF.  

Une simplification qui passe par le design UX/UI du site ! Entre écoute, dialogue et conseils, notre réflexion UX nous a menés vers la création de blocs / styles personnalisés, pour guider et ponctuer la lecture-navigation des patient·e·s du CIMOF : 

  • Bloc “Coordonnées” pour faciliter le repérage et le contact des Centres d’examen. 
  • Bloc “Informations pratiques”, toujours positionnés au même endroit pour créer un réflexe de lecture, et mis en avant par son contour rouge. Impossible de rater les informations essentielles de chaque examen ! 
  • Bloc “Parcours patient” formant un chemin en pointillé, pour les guider dans chaque étape de leur examen. 
  • Bloc FAQ” pour répondre aux questions fréquentes sur chaque examen. 

Ces blocs sont positionnés dans les fiches Examen du site qui, comme leur nom l’indique, décryptent les étapes et conditions préalables de chaque examen (Tep Scan, Scintigraphie), classés par région du corps concernée. 

Les fiches “Centre d’accueil” recensent pour leur part les centres d’examen du CIMOF. Présentées en Page d’accueil, elles sont également toutes automatiquement listées dans la section “Où nous trouver” du site, pour simplifier la recherche d’un centre d’examen des patient·e·s.  

Et comment concevoir un site internet dans le domaine de la santé sans penser aux questions d’accessibilité ? 

En attendant sa version RGAA, la v.1 du site internet du CIMOF a ainsi été conçue en gardant à l’esprit les grands principes de l’accessibilité numérique : un design sobre et lisible grâce à son fond blanc (le contraste, le contraste et le contraste!), associé à la navigation clavier et aux bases de retranscription textuelle (balises alt, et possibilité de téléverser des fichiers de transcrit pour les éléments multimédia). 

La base est là, il n’y a plus qu’à la faire évoluer vers une meilleure mise en accessibilité ;). 
Et pour compléter l’accès aux informations du site, n’oublions pas l’importante barrière de la langue ! Toujours dans une optique d’accessibilité et de simplification (n’oublions pas notre mantras de ce projet : simplifier, simplifier, simplifier), s’ajoute la possibilité de traduire le site en plusieurs langues : français, anglais, espagnol et même arabe lorsque les contenus seront traduits. L’objectif ? Faciliter la compréhension des informations pour tous, notamment les conditions d’examen, des informations importantes qui méritent d’être lues dans sa langue maternelle.

Un back office simple et intuitif pour les administrateurs 

Et pour les administrateurs, le même mantras (toujours et encore) s’applique : simplifier

Chez WS, on tient à livrer des sites facilement administrables.

Le Back Office de CIMOF en est un bon exemple : simple et sobre, afin d’être facilement compréhensible par tous. Avec l’initiation proposée par WS, votre agence web toulousaine, et les tutoriels vidéos liés, vous avez toutes les clés pour prendre en main le fonctionnement de votre site ! 

Résultat  : un Back Office (BO) simple et intuitif, avec des mises en page adaptées et duplicables, pour créer ses pages sans perte de temps ! 

En résumé ? Une refonte complète pour présenter et représenter le CIMOF. Présenter l’expertise de ses équipes et le déroulé de chaque examen… tout en représentant leur univers, aux couleurs de la médecine nucléaire. 

Un projet web complet qui a donné vie à un site internet simple et pratique, tout en imaginant un design moderne et coloré. Et un site-projet prêt à évoluer, pour mieux répondre aux enjeux d’aujourd’hui et de demain !

Bref, un projet vraiment complet que WS est fière d’avoir réalisé pour les équipes du CIMOF ! 

Et vous, prêt·e·s à lancer votre projet ? 

Si, comme le CIMOF, vous souhaitez refondre votre site internet, n’hésitez pas à nous solliciter ! Nous sommes prêt·e·s à vous accompagner.
Contactez-nous pour en discuter ! 😉