Améliorer le design et l'efficience d’un formulaire d’acquisition.

Une analyse des données d’usage a permis d’identifier le mobile comme source de trafic majoritaire. Nous avons pu mettre en évidence les points de frictions qui provoquaient un taux d’abandon important tout au long du formulaire. L’équipe commerciale a également pu nous partager les frustrations client relevées par l’équipe support et proposer de nouveaux axes d’amélioration.

Nous avons complété cette étude par un benchmark concurrentiel de différents formulaires d’acquisition. Nous avons ainsi pu mettre en évidence les bonnes pratiques ergonomiques, graphiques et rédactionnelles à mettre en place.

Nous avons pensé le nouveau parcours autour de l’expérience sur smartphone. Le séquencement des questions a été retravaillé, avec une séparation plus claire des sujets (crédit immobilier, crédit consommation, situation personnelle, …). Sur mobile, cela permet d’éviter la saturation des écrans en proposant des étapes moins complexes. En parallèle, la mise en place d’un système de progressive disclosure permet d’alléger les écrans en proposant un affichage contextuel des champs de saisie.

À l’aide d’un userflow, nous avons pu apporter une attention particulière aux edges cases en proposant des portes de sorties et des passerelles tout au long du parcours. Cela permet de ne pas bloquer et de rediriger les utilisateurs qui ne rempliraient pas les conditions nécessaires à la bonne complétion du formulaire.

Un des plus grands changements opéré est l’encapsulation du formulaire dans une modale pleine page. Le formulaire, ainsi  débarrassé de l’interface du site possède sa navigation propre. L’objectif étant d’épurer l’interface au maximum en se focalisant sur une tâche unique par écran. La place gagnée permet d’accompagner l’utilisateur dans la compréhension de ce qui lui est demandé. L’ajout de textes explicatifs, dans certains cas d’aide contextuelle (bottom sheets sur mobile et modales sur desktop), permet à l’utilisateur de mieux appréhender la complexité des questions.

Le formulaire a été pensé dans une logique de marque blanche. Prévu pour le site Eddy, il est également déployé en tant que module indépendant sur de nombreux sites partenaires (sur lesfurets par exemple). Le design est donc conçu de manière a être paramétrable en fonction de son usage (couleurs et polices de caractères).

Nous avons donc imaginé un système de couleurs adaptable et automatique qui reste accessible, lisible et contrastée malgré les différentes chartes graphiques utilisées. Les composants UI sont conçus sur la même logique, grâce à une approche atomic design qui facilitera l’évolution de la solution.