Français
Français

Lebeau Vitres d'auto

Refonte de l'expérience de réservation en ligne

Refonte de l'expérience de réservation en ligne

Refonte de l'expérience de réservation en ligne

Le point de départ

Le point de départ

Lebeau Vitres d'auto, une marque canadienne majeure appartenant à Belron Canada, faisait face à des défis avec son système de réservation en ligne pour la réparation et le remplacement de vitres d’auto. Le processus, complexe et long, entraînait de la frustration chez les utilisateurs, une hausse des abandons et une augmentation des demandes au service à la clientèle.

  • Processus complexe : L’expérience de réservation était peu claire et laborieuse.

  • Processus complexe : L’expérience de réservation était peu claire et laborieuse.

  • Manque de confiance : L’incertitude quant au bon service à choisir entraînait une augmentation des appels au service à la clientèle.

  • Manque de confiance : L’incertitude quant au bon service à choisir entraînait une augmentation des appels au service à la clientèle.

  • Optimisation mobile insuffisante : Bien que 70 % des utilisateurs accédaient au site via mobile, celui-ci n’était pas adapté aux appareils mobiles.

  • Optimisation mobile insuffisante : Bien que 70 % des utilisateurs accédaient au site via mobile, celui-ci n’était pas adapté aux appareils mobiles.

Comportement des utilisateurs : Les recherches ont montré que les utilisateurs préféraient un processus de réservation rapide et avaient tendance à ignorer le contenu explicatif.

Comportement des utilisateurs : Les recherches ont montré que les utilisateurs préféraient un processus de réservation rapide et avaient tendance à ignorer le contenu explicatif.

Hypothèse

Hypothèse

En simplifiant le parcours de réservation et en intégrant des options de sélection visuelles et intuitives, nous pourrions augmenter le taux de conversion et réduire le volume de demandes au support.

Mon rôle et ma participation

Mon rôle et ma participation

Rosta Gayino, chef de produit numérique avec qui j’avais déjà travaillé sur Transat, m’a contactée pour travailler sur la refonte UX/UI.

Rosta Gayino, chef de produit numérique avec qui j’avais déjà travaillé sur Transat, m’a contactée pour travailler sur la refonte UX/UI.

J'ai travaillé en étroite collaboration avec Rosta pour :

J'ai travaillé en étroite collaboration avec Rosta pour :

  • Simplifier le parcours utilisateur en éliminant les étapes inutiles.

  • Simplifier le parcours utilisateur en éliminant les étapes inutiles.

  • S’assurer que les utilisateurs ne fournissent que les informations essentielles, en comprenant pourquoi elles étaient nécessaires.

  • S’assurer que les utilisateurs ne fournissent que les informations essentielles, en comprenant pourquoi elles étaient nécessaires.

  • Mettre en place un dévoilement progressif avec des sélections visuelles.

  • Mettre en place un dévoilement progressif avec des sélections visuelles.

Par la suite, j’ai collaboré avec l’équipe d’Atecna pour harmoniser le design system avec le travail réalisé sur leur site web, en l’adaptant à l’expérience de réservation. J’ai également travaillé en étroite collaboration avec les développeurs afin de garantir une mise en œuvre fluide et réaliste.

Solution & Approche Design

Solution & Approche Design

La refonte du parcours de réservation s’est axée sur :

La refonte du parcours de réservation s’est axée sur :

  • Design mobile-first : Une interface optimisée pour tous les types d’appareils.

  • Design mobile-first : Une interface optimisée pour tous les types d’appareils.

  • UI minimaliste : Aligné avec l’identité de Lebeau tout en respectant les normes d’accessibilité AA.

  • UI minimaliste : Aligné avec l’identité de Lebeau tout en respectant les normes d’accessibilité AA.

  • Parcours guidé étape par étape : Une simplification des étapes pour mieux accompagner l’utilisateur.

  • Parcours guidé étape par étape : Une simplification des étapes pour mieux accompagner l’utilisateur.

  • Sélections visuelles : Des options illustrées, plus faciles à comprendre, qui allègent la charge mentale.

  • Sélections visuelles : Des options illustrées, plus faciles à comprendre, qui allègent la charge mentale.

Représentante Belron

Salut ! Je suis la représentante de Lebeau.

La représentante illustrée de Lebeau, que j’ai imaginée pour ajouter une touche humaine et guider les utilisateurs, s’est démarquée dans le parcours. Elle a été si bien accueillie qu’elle a ensuite été adoptée par Carglass en Allemagne, une autre marque du groupe Belron.

Défis & itérations

Défis & itérations

  • Trouver le bon équilibre entre la simplification des étapes et les contraintes techniques.

  • Trouver le bon équilibre entre la simplification des étapes et les contraintes techniques.

  • Réduire la quantité d’informations tout en expliquant clairement les exigences.

  • Réduire la quantité d’informations tout en expliquant clairement les exigences.

  • Tester les composants d’interface pour maximiser la clarté.

  • Tester les composants d’interface pour maximiser la clarté.

Les tests utilisateurs réalisés par Atecna ont fourni des retours précieux, permettant d’ajuster le parcours sur la base des données recueillies.

Flowchart - Première exploration UX du parcours d’évaluation des dommages avant simplification

Flowchart - Première exploration UX du parcours d’évaluation des dommages avant simplification

Repenser l’étape des dommages

Repenser l’étape des dommages

L’expérience initiale demandait aux utilisateurs de lire des critères et de déterminer eux-mêmes le service approprié. Nous avons remplacé cette approche par un parcours guidé, basé sur des questions, qui décomposait la tâche en étapes plus petites et visuelles. Les wireframes nous ont permis de tester le langage, les éléments d’interface et la séquence des actions. La version finale est plus intuitive, réduit la charge cognitive et renforce la confiance des utilisateurs — notamment grâce à l’assistante illustrée.

Avant la refonte

Avant la refonte

Avant la refonte

Wireframes

Wireframes

Wireframes

Design final

Design final

Design final

Carte complète des écrans de l’expérience de réservation finale, incluant tous les parcours et cas particuliers.

Carte complète des écrans de l’expérience de réservation finale, incluant tous les parcours et cas particuliers.

Carte complète des écrans de l’expérience de réservation finale, incluant tous les parcours et cas particuliers.

Résultat

Résultat

  • Réservation plus rapide : Réduction de la frustration des utilisateurs et augmentation des taux de conversion.

  • Réservation plus rapide : Réduction de la frustration des utilisateurs et augmentation des taux de conversion.

  • Mobile-first efficace : Les utilisateurs mobiles ont vécu une expérience plus fluide et intuitive.

  • Mobile-first efficace : Les utilisateurs mobiles ont vécu une expérience plus fluide et intuitive.

  • Retours utilisateurs positifs : Le nouveau parcours a été perçu comme plus fluide et intuitif, et l’assistante Belron a particulièrement été appréciée.

  • Retours utilisateurs positifs : Le nouveau parcours a été perçu comme plus fluide et intuitif, et l’assistante Belron a particulièrement été appréciée.

  • Accessibilité améliorée : La conformité au standard AA a garanti une expérience inclusive.

  • Accessibilité améliorée : La conformité au standard AA a garanti une expérience inclusive.

  • Design unifié : Le design system a permis de garder une continuité visuelle fluide et structurée.

  • Design unifié : Le design system a permis de garder une continuité visuelle fluide et structurée.

Leçons retenues

Leçons retenues

Ce projet a mis en évidence l’importance d’un design simple et intuitif, ainsi que le pouvoir de la communication visuelle. L’ajout d’une touche humaine a renforcé la confiance et la convivialité. En nous concentrant sur la psychologie des utilisateurs et en éliminant les obstacles, nous avons transformé un processus frustrant en une expérience fluide, bénéfique à la fois pour les utilisateurs et pour l’entreprise.

Travaillons ensemble.

Travaillons ensemble.