OuiCar

Vroom vroom !

Amélioration continue de l'expérience et du design system d'une plateforme de location entre particuliers

Expertises

  • Design System
  • UI
  • UX

Date

Avril 2021 à juillet 2023
Une femme de dos qui se tient à côté de son véhicule admirant un paysage de forêt et de montagne au loin

Louer une voiture à deux pas de chez vous

Contexte

OuiCar est une plateforme de location de voitures entre particuliers, fondée en 2012 et rachetée par Turo en 2021. J'y ai travaillé pendant deux ans sur l'amélioration continue de l'expérience utilisateur, de la conversion et du design system.

Photos des bureaux de OuiCar

Bonjour OuiCar !

État des lieux

En arrivant, j'ai commencé par comprendre le contexte produit et les méthodes de travail en place. OuiCar adresse deux cibles aux besoins très différents : les locataires qui cherchent un véhicule, et les propriétaires qui mettent le leur à disposition.

Tout commence par des dates

La recherche par le calendrier

Des retours utilisateurs remontaient régulièrement un problème sur la sélection des dates en mobile. J'ai travaillé avec le product manager sur une refonte du calendrier : analyse des comportements via Amplitude, questionnaire et interviews utilisateurs. Pour valider la nouvelle version avant développement, nous avons mis en place un A/B test mesurant le temps de parcours et des tests utilisateurs sur les deux versions.

Je n'ai pas aimé mettre la date de départ et de devoir recliquer pour la date de fin

— Un utilisateur

Courte vidéo prise lors d'un test utilisateur filmant les mains du participant en train d'interagir avec la nouvelle version.

C'est mieux ou c'est moins bien ?!

Les tests utilisateurs

Avant de lancer le développement, j'ai conçu un prototype interactif sous Figma pour tester les deux versions. Chaque participant testait l'ancienne interface puis la nouvelle, et répondait à un questionnaire à la fin de chaque session pour évaluer les deux versions objectivement.

Objectif atteint !

Les KPIs

Les tests ont confirmé la supériorité de la nouvelle version. Une fois en production, l'A/B test sous Amplitude a mesuré l'impact réel sur le parcours.

62,5 %

des participants préféreraient utiliser cette nouvelle version.

62,5 %

des participants ont trouvé cette nouvelle version plus simple à utiliser.

6 secondes

c’est le temps gagné sur le tunnel de recherche d’un véhicule.

Deux graphiques correspondant aux résultats des questions lors des tests

Un plaisir de trouver des dates de location

Les nouvelles interfaces

En supprimant le champ "Date de retour", l'utilisateur sélectionne ses dates en une seule interaction, ce qui représente 6 secondes gagnées sur le tunnel de recherche. La plage de jours sélectionnée est désormais visible d'un seul coup d'œil.

Accueil de l'ancienne version de l'application mobile OuiCar

Avant

Accueil de la nouvelle version de l'application mobile OuiCar

Après

OuiCar | Interface mobile : Sélection de la date de départ

Sélection de la date de départ

OuiCar | Interface mobile : Sélection de l'horaire de départ

Sélection de l'horaire de départ

OuiCar | Interface mobile : Sélection de la date de retour

Sélection de la date de retour

OuiCar | Interface mobile : Sélection de l'horaire de retour

Sélection de l'horaire de retour

Une photographie d'une passagère en voiture avec un soleil radieux

Objectif réservation !

Augmenter la conversion de la demande du locataire à l'acception du propriétaire

Avec le product manager, nous avions un objectif clair : augmenter le taux de conversion entre la demande du locataire et l'acceptation du propriétaire. Pour identifier les meilleures pistes, nous avons organisé trois ateliers d'impact mapping avec des collaborateurs de différents métiers. L'idée : concentrer les efforts sur ce qui a un impact réel, pas juste livrer des fonctionnalités.

Une collaboratrice en train de noter une idée sur un post-it

Une collaboratrice en train de noter une idée sur un post-it

Moi-même en train d'animer un atelier de carte d'impact (impact mapping)

Moi-même en train d'animer un atelier de carte d'impact

L'après post-it

Restitution

Les trois ateliers ont fait émerger des idées convergentes, ce qui a facilité la priorisation. La restitution auprès des équipes a permis de cibler les solutions les plus prometteuses et d'inclure les collaborateurs dans la démarche de conception, souvent pour la première fois. Un questionnaire de satisfaction envoyé en fin de session a confirmé l'adhésion.

71 %

des collaborateurs n’avaient jamais participé à un atelier d’idéation.

90 %

des participants ont attribué une note de plus de 4 sur 5 à l’atelier.

71 %

des collaborateurs veulent participer plus souvent à ce genre d’atelier.

J'ai aimé le fait de le faire en équipe car cela permet de mettre en commun nos idées et de pouvoir rebondir dessus pour être plus complet.

— Un collaborateur

Résultat d'une idée : Permettre aux locataires obtenir une acceptation plus rapidement grâce à la multiplication des demandes contribue à augmenter le taux de réservation

Permettre aux locataires d'obtenir une acceptation plus rapidement grâce à la multiplication des demandes contribue à augmenter le taux de réservation

Demandez, demandez, demandez… !

La solution à cet objectif

La recherche utilisateur a révélé un comportement problématique : les nouveaux locataires envoient une seule demande, attendent la réponse du propriétaire, et recommencent seulement en cas de refus. Quand les propriétaires tardent à répondre, la frustration monte et les locataires abandonnent. La solution : les inciter à envoyer plusieurs demandes simultanément.

Ancienne interface pour informer les locataires de multiplier les demandes

Ancienne interface

Nouvelles interfaces pour informer les locataires de multiplier les demandes

Nouvelles interfaces

17 %

Objectif atteint !

Les KPIs

Suite à la mise en production de ces nouvelles interfaces, nous avons augmenté notre taux de conversion de 17 %.

Photographie d'une voiture circulant au loin sur l'autoroute. On voit des montagnes au loin.

Industrialiser la cohérence visuelle des interfaces

Design system

En arrivant chez OuiCar, je découvre trois design systems distincts : Android, iOS et web. Résultat : des composants dupliqués en triple, des coûts de maintenance élevés et une conception des interfaces ralentie à chaque nouveau projet.

Logotype d'iOS

iOS

Logotype d'Android

Android

Illustration d'une fenêtre web

Web

1 + 1 + 1 = 1

Fusion des design systems

Réunifier les trois design systems en un seul a permis de réduire considérablement les coûts de maintenance, de faire table rase sur les composants obsolètes et d'unifier les interfaces sur tous les supports. J'en ai profité pour mettre à jour les composants avec les dernières fonctionnalités de Figma et établir un langage commun avec les développeurs. Les composants natifs propres à chaque OS ont été conservés.

Présentation d'un composant dans Figma

Affichage de la palette de couleur de OuiCar

Primaire, secondaire, tertiaire, bordure…

Les couleurs

Je n'ai pas retravaillé la charte graphique de OuiCar, mais j'ai contribué à la rendre plus accessible. En m'appuyant sur le plugin Stark, j'ai vérifié et ajusté les ratios de contraste de la palette tout en conservant les nuances originelles, puis mis à jour l'ensemble des composants du design system.

Sélection de plusieurs interfaces de OuiCar

Toujours volontaire, force de propositions avec des retours toujours pertinents, sa présence et ses retours étaient pour moi indispensables pour mener des projets dans de bonnes conditions.

— Benjamin, product designer chez OuiCar