Cara - Visiter le site
Vue d'ensemble
L’association CARA a confié à iomedia la refonte de son site internet avec un double objectif : moderniser sa présence digitale et faciliter la compréhension du dossier électronique du patient (DEP) auprès de ses publics.
Le projet visait également à renforcer l’autonomie du client grâce à des outils de gestion de contenus souples et efficaces. Une réflexion approfondie sur les publics cibles a été menée en amont, avec la création de personas permettant d’orienter les choix UX, fonctionnels et éditoriaux.
Le site a été conçu pour répondre à trois besoins essentiels : informer sur les enjeux du DEP, permettre aux utilisateurs de s’y inscrire et leur donner accès à leur espace de connexion.
Au cœur de cette réalisation, iomedia a développé un assistant d’ouverture du DEP sous forme de wizard, pensé pour guider les internautes de manière claire et intuitive à chaque étape de la procédure. Entièrement administrable, cet outil permet à CARA de faire évoluer le parcours de manière autonome, sans dépendance technique.
| Concept | Structure de l'information |
| Webdesign | Design system, UI / UX, Figma |
| Front | Vue 2, Nuxt 2, Tailwind |
| Back | AIO V3 Headless |
Challenge
L’expérience utilisateur au centre de notre stratégie.
Le principal défi du projet a consisté à concevoir une expérience simple et rassurante autour d’un sujet complexe et sensible. Il a fallu identifier avec précision les différents profils d’utilisateurs, comprendre leurs attentes et structurer un parcours capable de répondre à des besoins variés.
La conception du wizard a également représenté un enjeu majeur, notamment en raison des différences de processus selon les cantons. L’objectif était de proposer un outil clair pour les internautes, tout en offrant au client une grande souplesse d’administration.
Mobile
Accessibilité sur tous les supports
L'expérience utilisateur est réfléchie pour s'adapter à tous les supports. Ainsi les internautes peuvent consulter aisément leurs contenus peu importe leur appareil. Les performances de chargement et d'affichage permettent une lecture fluide des contenus.
Méthodologie
Au plus près des besoins de nos clients.
Le projet s’est appuyé sur une série de workshops menés avec le client : ateliers graphiques, travail sur les publics cibles et définition fonctionnelle du wizard. Cette approche collaborative a permis d’aligner les attentes, de préciser les besoins et de construire une solution cohérente, évolutive et centrée sur l’utilisateur.
Couleurs
Les choix de couleurs ont été guidés par plusieurs considérations pour garantir une harmonie et une lisibilité optimales. Pour ce projet, nous avons utilisé les codes mis en place dans la charte graphique existante.
