Contexte
Suite à la collecte de données et à des interviews réalisées, nous nous sommes aperçus de problèmes de conversion et d’une difficulté pour les users à trouver certaines infos.
La page d’annonce d’un véhicule est une page complexe, de nombreuses informations y sont rassemblées :
• Les informations sur le véhicule
• Les informations sur le propriétaire du véhicule
• Le widget de réservation
• Les éventuelles promotions
• Les avis sur les locations passées
• La réassurance client
• Les informations sur le véhicule
• Les informations sur le propriétaire du véhicule
• Le widget de réservation
• Les éventuelles promotions
• Les avis sur les locations passées
• La réassurance client
Rôle
J’étais lead product designer sur cette feature. C’était également la première feature avec laquelle nous utilisions le Design System, dont vous pourrez retrouver le détail sur mon portfolio.
Objectifs
L’objectif premier était de hiérarchiser les informations, à la fois en allégeant et en mettant en avant le module de réservation et les promotions.
Le deuxième objectif était de désengorger les appels au service client et d’améliorer la conversion.
Pain points
Le deuxième objectif était de désengorger les appels au service client et d’améliorer la conversion.
Pain points
C’est une page avec beaucoup d’informations différentes et de variabilité possible, que ce soit dans les informations listées ou dans le module de réservation. Je vous proposerai dans la suite de cette page d’explorer les pain points rencontrés et les solutions apportées !
Le projet en détail ↓
Pain point :
Un haut de page chargé en informations, peu ou pas de hiérarchisation de l'information.
Un haut de page chargé en informations, peu ou pas de hiérarchisation de l'information.
Solutions :
• Ajouter un titre à la page
• Mettre en avant les photos du véhicule pour donner envie
• Valoriser visuellement les informations clés pour une location
• Inciter au scroll avec le widget de réservation
• Ajouter un titre à la page
• Mettre en avant les photos du véhicule pour donner envie
• Valoriser visuellement les informations clés pour une location
• Inciter au scroll avec le widget de réservation
Pain point :
Une hiérarchisation des informations inexistantes, une difficulté pour les users de savoir quelle information est associée à quoi.
Une hiérarchisation des informations inexistantes, une difficulté pour les users de savoir quelle information est associée à quoi.
Solutions :
• Hiérarchiser le contenu en 3 grandes catégories : le propriétaire du véhicule, les informations du véhicule, la réassurance et les garanties Yescapa.
• Travailler la grille en 2 : une section plus large pour les informations, un widget de réservation en sticky pour inciter à la réservation
• Hiérarchiser le contenu en 3 grandes catégories : le propriétaire du véhicule, les informations du véhicule, la réassurance et les garanties Yescapa.
• Travailler la grille en 2 : une section plus large pour les informations, un widget de réservation en sticky pour inciter à la réservation
Pain point :
Une widget de réservation obsolète qui ne prenait plus en compte la totalité des cas possibles.
Une widget de réservation obsolète qui ne prenait plus en compte la totalité des cas possibles.
Solutions :
• Travail préliminaire de recherches des cas d'usages (type de réservation, durée de la réservation, instant booking, promotions)
• Design de tous les cas d'usages en wireframes
• Implémentation des changements et refonte du composant
• Rédaction des spécificités techniques (La majorité des cas avait été designé, mais au vue de la complexité, il était plus important d'avoir un cahier des charges pour d'éventuels cas futurs)
• Travail préliminaire de recherches des cas d'usages (type de réservation, durée de la réservation, instant booking, promotions)
• Design de tous les cas d'usages en wireframes
• Implémentation des changements et refonte du composant
• Rédaction des spécificités techniques (La majorité des cas avait été designé, mais au vue de la complexité, il était plus important d'avoir un cahier des charges pour d'éventuels cas futurs)
Pain point :
Les dropdowns pour afficher les informations supplémentaires posaient un problème majeure :
• En mobile l'ancre ne se retrouvait jamais à l'endroit où le user était auparavant, les users de Yescapa ne sont pas experts sur les outils web, nous avions beaucoup de retour pensant qu'il y avait un bug, ce qui nous faisait perdre des utilisateurs.
Les dropdowns pour afficher les informations supplémentaires posaient un problème majeure :
• En mobile l'ancre ne se retrouvait jamais à l'endroit où le user était auparavant, les users de Yescapa ne sont pas experts sur les outils web, nous avions beaucoup de retour pensant qu'il y avait un bug, ce qui nous faisait perdre des utilisateurs.
Solutions :
• Proposer des modales pour afficher le contenu supplémentaire
• Implémenter une solution de bottomsheet en mobile, pour mimer le composant natif d'android et proposer une solution plus familière à nos users
• Retravailler tous les cas d'usage du composant qui a des impact partout dans le produit
• Proposer des modales pour afficher le contenu supplémentaire
• Implémenter une solution de bottomsheet en mobile, pour mimer le composant natif d'android et proposer une solution plus familière à nos users
• Retravailler tous les cas d'usage du composant qui a des impact partout dans le produit
En conclusion
C'est un projet qui a eu beaucoup de répercussions sur d'autres parties du produit et qui a donc été long, beaucoup des modifications apportées nécessitait un travail de fond pour la factorisation des composants sur le produit.
C'est aussi une des pages les plus importants du site, puisqu'elle est au centre de la conversion et du parcours d'achat, nous avons mené beaucoup d'ateliers d'idéation, de co-conceptions avec les PO et les développeurs front.
Nous avons estimé que le service client recevait -25% de demande sur les informations sur cette page, le regard que je pose aujourd'hui est une belle réussite, la page est bien plus épurée, clarifiée et vendeuse qu'auparavant !
C'est aussi une des pages les plus importants du site, puisqu'elle est au centre de la conversion et du parcours d'achat, nous avons mené beaucoup d'ateliers d'idéation, de co-conceptions avec les PO et les développeurs front.
Nous avons estimé que le service client recevait -25% de demande sur les informations sur cette page, le regard que je pose aujourd'hui est une belle réussite, la page est bien plus épurée, clarifiée et vendeuse qu'auparavant !
