Prise de RDV en ligne – Refonte UX/UI – Design
Aperçu
À noter : le texte décrit la refonte de la prise de RDV menée en entreprise. Les visuels viennent de ma refonte personnelle de OneWeb, conçue de zéro (voir OneWeb - Portail client) : ils montrent la gestion d’ateliers sur réservation, pas l’application d’origine.
La refonte de la prise de RDV en ligne avait pour objectif de moderniser un outil devenu difficile à utiliser, tout en l'intégrant dans un écosystème plus large : OneWeb.
Le travail a consisté à repenser toute la logique d’usage : trouver un client, consulter son historique, créer un nouveau RDV, parcourir le calendrier, naviguer entre les types de consultations et gérer les disponibilités.
L’application a été alignée avec le design system OneWeb et a permis d’enrichir ce dernier grâce à de nouveaux composants réutilisables.
Besoin client
Les formulaires d’origine étaient très longs, les informations difficiles à trouver et la navigation manquait de structure.
L’interface devait devenir plus moderne, intuitive et adaptée à plusieurs métiers juridiques.
Enjeu stratégique :
Réduire la charge de support client en créant une interface compréhensible immédiatement, limitant le besoin de formation.
Approche technique
Une grande partie du travail a été dédiée au système de calendrier : navigation fluide, gestion des filtres, multi-vues, typologies de RDV, badges métiers et interactions rapides.
L’interface a été construite sous forme de blocs modulaires afin d’être réutilisable par d’autres professions. Les formulaires ont été repensés pour devenir dynamiques, pouvant afficher ou masquer des champs en fonction du contexte.
Process :
- wireframes complets
- tests utilisateurs en direct (RDV, calendrier)
- création UI desktop et mobile
- enrichissement du design system OneWeb
Résultats
La refonte apporte une navigation plus fluide, un calendrier plus clair et une interface plus moderne, adaptée à plusieurs métiers et cohérente avec OneWeb.
- UX mieux structurée et plus rapide
- diminution des erreurs utilisateurs
- réduction du temps de création des RDV
- forte amélioration de la lisibilité générale
Aperçu
À noter : le texte décrit la refonte de la prise de RDV menée en entreprise. Les visuels viennent de ma refonte personnelle de OneWeb, conçue de zéro (voir OneWeb - Portail client) : ils montrent la gestion d’ateliers sur réservation, pas l’application d’origine.
Refonte complète de l’application de prise de RDV en ligne, utilisée par des cabinets d’avocats (et pensée pour être extensible à d’autres professions). Le travail a porté sur l’expérience utilisateur, la modernisation de l'interface et l'alignement visuel avec OneWeb et son design system.
L’objectif principal était de transformer une interface complexe, lourde et peu intuitive en un outil clair, moderne et facilement utilisable par des profils non techniques, tout en rendant l’application scalable (champs dynamiques, formulaires modulaires, wording générique, blocs réorganisables).
- architecture UX repensée (navigation, calendrier, création/édition de RDV)
- interfaces modulaires et adaptables selon les métiers
- alignement avec le OneWeb Design System et contribution à son enrichissement
Besoin client
L’ancienne version souffrait d’une interface datée, de formulaires immenses et d’un manque de lisibilité. Les utilisateurs avaient du mal à comprendre où ils se trouvaient dans le parcours, provoquant abandons et erreurs.
Enjeux principaux :
- simplifier et rendre fluide la création/modification de RDV
- moderniser l’UI et la rendre cohérente avec OneWeb
- rendre l’outil multimétier (avocats, notaires, etc.)
- réduire les besoins de formation grâce à une UX évidente
Approche technique
J’ai repensé l’ensemble du parcours de RDV : recherche client, agenda, création, validation, gestion des disponibilités et vues en liste.
Le design system OneWeb a été utilisé comme socle, puis enrichi à travers la création de nouveaux composants : calendrier avancé, bento boxes, formulaires dynamiques, badges métier, etc.
Points clés :
- calendrier repensé avec navigation fluide (jour / semaine)
- blocs modulaires pouvant être ajoutés/supprimés selon les besoins métiers
- formulaires dynamiques avec champs variables selon la profession
- tests utilisateurs en direct pendant les maquettes
- UX pensée “scalable” pour accueillir facilement de nouvelles fonctionnalités
Résultats
L’application a gagné en clarté, en rapidité et en cohérence visuelle. Les utilisateurs naviguent plus vite, comprennent mieux les actions à réaliser et peuvent gérer leurs RDV avec moins d’erreurs.
Résultats attendus :
- diminution du temps de création d’un RDV
- réduction des erreurs grâce aux formulaires guidés
- interface réutilisable pour d’autres métiers
- meilleure adoption grâce à une UX évidente et moderne