Design UX et UI pour des produits automobiles multi-pays

Clarté pour des parcours utilisateurs automobiles complexes

Industrie automobile

App mobile

L'Europe

CLIENTOLX GROUP Ltd.
LOCATIONLisbonne, Portugal
TEAMUX designer, UI designer, interaction designer, project manager, product owner, software architect
WEBSITE

OLX exploite l’une des plus grandes plateformes de petites annonces d’Europe centrale et orientale, avec des millions de personnes utilisant la marketplace automobile pour consulter et publier des annonces de voitures, de motos et de pièces via des applications natives et le web mobile. Le vertical automobile s’était développé à travers de nombreuses décisions produit locales et des expérimentations. Des pays comme la Pologne, le Portugal et la Roumanie avaient introduit leurs propres filtres, parcours et points d’entrée. Les acheteurs et les vendeurs pouvaient toujours accomplir leurs tâches, mais l’UX globale de la marketplace devenait plus difficile à piloter. Les équipes produit constataient une inflation des fonctionnalités, les responsables pays poussaient pour des variations locales, et le développement devait retravailler les parcours tard dans le cycle.

Ce projet s’inscrit dans notre travail continu sur le design de marketplaces automobiles et de plateformes grand public à grande échelle, où l’UX fondée sur des données probantes, l’architecture produit multi-pays et l’optimisation des marketplaces bifaces façonnent des interfaces pour des millions d’utilisateurs sur des marchés diversifiés.

OLX a invité notre agence de design de plateformes grand public à intervenir sur trois axes. D’abord, clarifier la structure de l’application d’achat de voitures à travers les pays, ce que nous appelons l’UX architecture. Ensuite, créer des concepts montrant comment les parcours devraient fonctionner pour les acheteurs et les vendeurs dans une marketplace automobile à grande échelle. Enfin, mettre en place un design system que leurs propres designers et ingénieurs pourraient utiliser sur iOS, Android et le mobile web.

Nous avons appliqué Dynamic Systems Design, une méthode qui fait évoluer les solutions grâce à l’expérimentation intégrée, résout les tensions entre l’optimisation locale et la cohérence du système, et accompagne la mise en œuvre jusqu’à ce que les organisations deviennent autonomes.

La collaboration a duré dix semaines et a combiné du travail à Lisbonne avec une collaboration à distance. Notre objectif n’était pas un rafraîchissement visuel, mais des questions liées à l’échelle de la plateforme. Comment une plateforme d’annonces de véhicules à deux faces doit-elle fonctionner à travers les marchés. Comment les équipes peuvent-elles ajouter des fonctionnalités sans fragmenter l’expérience. Comment les parties prenantes internes dans différents pays peuvent-elles prendre des décisions à partir de la même carte.

NOS CONTRIBUTIONS

Evidence-Based Research

Product Architecture

Architecture de l'information

Interaction Architecture

Prototypes haute-fidélité

Design System

Multi-Stakeholder Alignment

Capability Transfer

DÉFINIR LE DÉFI PRODUIT DE LA MARKETPLACE AUTOMOBILE

Nous avons commencé par un atelier de trois jours à Lisbonne qui a réuni les équipes produit, design, recherche, marketing et ingénierie des principaux marchés automobiles pendant Sandbox Experiments. Les équipes de Pologne, du Portugal, de Roumanie et des pays voisins ont comparé le comportement réel de leurs applications automobiles. Nous avons examiné les funnels de recherche, la création d’annonces, la messagerie entre acheteurs et vendeurs, ainsi que les options de promotion pour les concessionnaires.

Le premier objectif était de passer de plaintes générales sur la complexité à une description claire des problèmes opérationnels. Les équipes pays ont partagé des situations où les utilisateurs abandonnaient la création d’annonces, où les filtres de recherche différaient selon les marchés, ou encore où des fonctions similaires existaient sous des libellés différents. Les chefs de produit ont expliqué comment cela ralentissait les roadmaps et rendait la priorisation plus difficile. Les responsables marketing ont montré comment des parcours incohérents limitaient les campagnes couvrant plusieurs pays.

Ensemble, nous avons élaboré une cartographie partagée du parcours automobile de bout en bout à travers les marchés. Cela incluait la découverte, la recherche, la présélection, la prise de contact, la négociation et le suivi après-vente. Pour chaque étape, nous avons consigné les points de friction connus, les questions ouvertes et les données déjà suivies par OLX. Nous avons également introduit de simples journaux de décision pour documenter quelles idées seraient poursuivies, reportées ou rejetées, et pour quelles raisons.

À la fin de cette phase, OLX disposait d’une vision unifiée des problématiques de la marketplace automobile et d’une liste restreinte de sujets méritant une attention immédiate en design, approuvée par l’ensemble des fonctions et des pays.

CARTOGRAPHIER LES PARCOURS À TRAVERS LES RÉGIONS ET LES SEGMENTS D’UTILISATEURS

Avec une définition commune du problème en place, nous nous sommes concentrés sur les parcours et l’architecture. Nous avons défini l’UX architecture de manière très concrète comme la combinaison de la structure de l’information, du modèle de navigation et des règles comportementales qui régissent les fonctionnalités à travers les interfaces et les pays. Nous avons ensuite cartographié les parcours pour des segments d’utilisateurs distincts. Pour les acheteurs, cela incluait les primo-acheteurs exclusivement mobiles, les passionnés expérimentés qui comparent de nombreux véhicules et les utilisateurs qui alternent entre ordinateur et application. Pour les vendeurs, nous avons distingué les particuliers qui publient une seule annonce des concessionnaires qui gèrent un stock continu. Chaque segment suivait des chemins légèrement différents entre la navigation, la recherche, la comparaison, l’enregistrement, la prise de contact et la négociation.

La variation régionale ajoutait une couche supplémentaire. Par exemple, en Pologne, les utilisateurs s’appuyaient davantage sur des filtres techniques détaillés et des vues de comparaison, tandis qu’au Portugal et en Roumanie, la confiance autour de l’historique des véhicules, des inspections et des modes de messagerie jouait un rôle plus important. Sur certains marchés, les acheteurs préféraient le chat intégré à l’application, tandis que sur d’autres ils passaient rapidement au contact téléphonique.

Nous avons utilisé cette analyse pour concevoir un cadre de cohérence de la marketplace grâce au tension-driven reasoning. En son centre se trouvait un petit ensemble de parcours devant rester cohérents partout, comme la transition de la recherche au contact et la création d’annonces, avec des points clairement définis où les pays pouvaient adapter les modules, les contenus et les textes. Cette architecture a permis à OLX de respecter les besoins locaux sans créer une application d’achat de voitures différente dans chaque marché.

DEVELOPING CONCEPTS FOR THE CAR SHOPPING EXPERIENCE

Une fois l’architecture validée dans ses principes, nous l’avons traduite en parcours et écrans concrets pendant Concept Convergence. Nous avons créé des wireframes et des prototypes interactifs pour les parcours clés de l’application automobile, couvrant la recherche, les fiches d’annonces, la comparaison, les favoris, les alertes, la prise de contact et les tâches de compte de base.

Chaque concept montrait comment les décisions de UX design pour une marketplace affectent les deux côtés de la plateforme. Par exemple, nous avons retravaillé les cartes d’annonces et les résultats de recherche afin que les informations importantes pour les acheteurs facilitent aussi la présentation d’offres fiables par les vendeurs. Nous avons traité les filtres, les recherches enregistrées et les alertes comme une seule famille de fonctionnalités qui accompagne l’utilisateur de la première recherche aux visites ultérieures, plutôt que comme des éléments séparés dispersés dans différentes vues.

Ces prototypes n’étaient pas des designs finaux. Ils servaient d’outils de travail pour les discussions au sein d’OLX. Nous voulions que les product managers, les équipes marketing et les ingénieurs puissent voir clairement les trade offs. Si un pays demandait une étape supplémentaire de vérification, quel serait l’impact sur les taux de complétion de la création d’annonces. Si un nouvel espace promotionnel était ajouté pour les concessionnaires, comment cela affecterait-il le parcours de la recherche au contact pour les acheteurs.

Nous avons maintenu un rythme régulier de retours. Tous les deux jours, nous passions en revue les détails avec les responsables produit et design principaux. Chaque semaine, nous organisions une session structurée avec un groupe élargi provenant de plusieurs marchés. Toutes les décisions et alternatives étaient consignées dans Confluence, reliées aux parcours et aux flux plutôt que stockées comme des commentaires isolés.

ALIGNING PRODUCT MARKETING DESIGN AND ENGINEERING

À mesure que les concepts mûrissaient, la validation multi-parties prenantes est devenue la tâche centrale. OLX opère comme une plateforme paneuropéenne de petites annonces avec de nombreuses voix internes. Les responsables pays veulent de la flexibilité, les leaders produit recherchent la cohérence, les ingénieurs cherchent des solutions réalisables, et le marketing se concentre sur la manière dont la marketplace automobile se présente aux utilisateurs.

Nous avons utilisé un simple canevas de décision pour chaque changement significatif via option space mapping. Pour chaque proposition, nous avons pris en compte l’impact utilisateur, la santé de la marketplace, la complexité technique et les implications régionales. Ce format facilitait la comparaison des options sans tomber dans des débats abstraits. Il rendait aussi les trade offs explicites. Par exemple, un nouveau signal de confiance dans les annonces pouvait soutenir les acheteurs et la qualité à long terme de la marketplace, tout en introduisant davantage de travail pour les concessionnaires et plus d’états à gérer pour l’ingénierie.

Dans ces sessions, nous avons agi comme des leaders du design en apportant des orientations concrètes à la table, puis en les affinant avec OLX plutôt qu’en animant des discussions neutres. Nous avons également veillé à rendre les désaccords visibles. Lorsqu’un pays privilégiait une trajectoire spécifique, nous avons consigné à la fois sa justification et les raisons d’une décision différente.

Le résultat n’a pas été un consensus parfait, mais un modèle de gouvernance plus clair. Les équipes savaient quels parcours étaient fixes dans l’application d’achat de voitures et où l’expérimentation locale était autorisée. Les chefs de produit pouvaient structurer leurs roadmaps autour d’une base commune, et les équipes de développement disposaient d’une référence plus stable pour l’implémentation et la maintenance future.

FORMER L’ÉQUIPE DESIGN D’OLX ET INTÉGRER LE FRAMEWORK

Avec des parcours clés stabilisés, nous sommes retournés à Lisbonne pour une deuxième période de colocalisation durant Implementation Partnership. Cette phase s’est concentrée sur le transfert de connaissances et sur la mise à disposition d’outils pratiques permettant aux designers et aux équipes produit d’OLX d’appliquer le cadre de cohérence de la marketplace sans dépendre en permanence d’un soutien externe.

Nous avons organisé des sessions de travail où les designers internes ont pris en charge des parties moins centrales de l’application automobile et ont appliqué eux-mêmes la nouvelle architecture. Par exemple, ils ont retravaillé les sections de gestion des annonces, les outils pour les concessionnaires ou les paramètres de notification. Nous étions à leurs côtés, non pas pour prescrire chaque détail, mais pour montrer comment utiliser les parcours, les journaux de décision et les règles de composants comme des outils du quotidien.

Les chefs de produit et les ingénieurs ont participé à des sessions expliquant comment lire la nouvelle documentation, comment soumettre des demandes de changement et comment évaluer les idées locales par rapport aux journeys globaux. Nous avons convenu d’habitudes simples, comme associer chaque proposition de nouvelle fonctionnalité à un plan de retrait des parcours existants, afin d’éviter une inflation silencieuse des fonctionnalités.

À la fin de cette phase, OLX disposait d’équipes internes capables de faire évoluer l’application d’achat de voitures selon la même logique. Le cadre ne vivait pas seulement dans des slides et des schémas, mais dans le travail quotidien des personnes qui continueraient à développer la marketplace automobile.

Quotes

Travailler avec des experts d'un tel calibre pour traduire nos idées en une conception prête à être mise en œuvre a été très important et j'apprécie vraiment votre approche ouverte.

Tiago CabaçoDirecteur des produits et de la recherche @ OLX

RÉSULTATS : DESIGN SYSTEM ET CLARTÉ ORGANISATIONNELLE

En parallèle, nous avons mis en place la couche visuelle et d’interaction destinée à soutenir la marketplace automobile dans la durée. Le design system devait fonctionner à la fois sur les applications natives iOS et Android ainsi que sur le mobile web, tout en restant suffisamment neutre pour prendre en charge plusieurs marques locales. Nous avons organisé la bibliothèque autour de patterns de marketplace communs plutôt que de composants isolés. Les cartes d’annonces, les résultats de recherche, les panneaux de filtres, le chat et le contact, les sections de compte et les emplacements promotionnels formaient chacun des familles de patterns avec des règles claires. Les design tokens définissaient les espacements, la typographie, les couleurs et les états d’interaction afin que l’ingénierie puisse implémenter des composants cohérents et les réutiliser dans différents pays.

La performance et l’accessibilité ont été traitées comme des contraintes de base. Le langage visuel est resté compact afin de garantir des interfaces rapides sur des appareils de milieu de gamme et avec des connexions plus lentes, présentes dans certaines régions d’Europe centrale et orientale. Les éléments respectaient les standards modernes d’accessibilité afin que les textes, les contrôles et les états d’interaction restent utilisables dans tous les contextes.

Le résultat pour OLX n’a pas été une refonte figée, mais une base stable. Ils ont obtenu une architecture pour le vertical automobile qui clarifie le fonctionnement des parcours à travers les marchés, un design system que leurs propres équipes peuvent faire évoluer, et des pratiques de gouvernance qui réduisent le risque d’un design de marketplace mobile fragmenté. Les équipes pays peuvent proposer des adaptations locales dans des limites définies sans casser la cohérence globale. Les équipes d’ingénierie implémentent de nouvelles fonctionnalités avec des patterns prévisibles et moins de retouches. Les équipes marketing peuvent planifier des campagnes multi-pays en sachant que les parcours clés se comportent de manière cohérente.

L’organisation a acquis des ressources immatérielles : une capacité de jugement sur ce qui compte dans le design de marketplaces automobiles multi-pays à grande échelle, une intuition produit partagée sur la manière dont les plateformes de mise en relation véhicules à deux faces doivent équilibrer la flexibilité locale et la cohérence globale, ainsi qu’une capacité de raisonnement permettant aux équipes d’étendre les fonctionnalités de la marketplace sans fragmenter l’expérience utilisateur. Le système maintient sa competitive position en proposant des parcours d’achat automobile prévisibles et efficaces sur des marchés divers d’Europe centrale et orientale, tandis que les concurrents qui privilégient les demandes locales de fonctionnalités au détriment de la discipline architecturale peinent à servir des millions d’utilisateurs confrontés à des expériences de marketplace mobile fragmentées et à des patterns d’interaction incohérents. Les product managers, designers et ingénieurs partagent désormais une carte commune pour décider de l’évolution de la marketplace automobile.

RÉSULTATS

Flux d'utilisateurs et logique d'interaction UX livrés en 6 semaines

Système de conception indépendant de la marque livré en 4 semaines

Feuille de route des fonctionnalités avec protocoles de test

Toute la réflexion sur la conception est documentée dans Confluence

Des équipes de conception et de produits formées pour mettre en œuvre la vision de la conception

Vous avez un projet en tête ?