Retour à la vue d'ensemble
  • Réduire le taux de rebond

Navigation dans la boutique en ligne : conseils et exemples de Y1, mobilezone et Streetbuzz

  • Publié le 27 juin 2022
  • Jonathan Hermann
  • Temps de lecture : 11 min.

Sur cent visiteurs dans une boutique en ligne, seuls cinq achètent en moyenne un produit.¹ Une navigation adéquate dans la boutique en ligne est essentielle pour convertir le plus grand nombre possible de visiteurs en clients. Plus le visiteur trouve rapidement le produit qu'il recherche ou qui lui plaît, plus la conversion a de chances d'aboutir. Tu peux même profiter de ventes croisées et incitatives. Mais comment les exploitants de boutiques en ligne parviennent-ils à guider correctement les clients dans leur boutique ? Dans cet article, nous vous montrons, à l'aide des conseils et des exemples pratiques de Y1, mobilezone et Streetbuzz, comment vous pouvez aider les visiteurs à trouver le produit qui leur convient et comment une navigation correcte peut conduire à une augmentation des conversions.

Éléments du guidage utilisateur – Conseils de Y1 Digital AG

Pour qu'un visiteur trouve ce qu'il cherche dans votre boutique en ligne, il faut un guidage utilisateur judicieux. Cela permet au client de se sentir à l'aise et vous pouvez le guider à travers la boutique, comme dans un magasin physique. Pour y parvenir et accompagner correctement le client depuis sa visite dans la boutique en ligne jusqu'au paiement , différents éléments sont importants :

  • Structure de navigation: lorsqu'un visiteur arrive sur ta boutique, il souhaite avoir rapidement un aperçu des produits ou trouver directement un produit qui lui convient. Pour lui permettre cela, la catégorisation doit être claire (de préférence moins de sept points de navigation). Grâce à une structure à plusieurs niveaux bien pensée, tu aides également ton utilisateur à naviguer de manière intuitive et tu le gardes dans ta boutique.

BRAUN HAMBURG offre, grâce à sa structure de navigation, un bon aperçu des catégories importantes. (Source : capture d'écran de braun-hamburg.com)

  • Accueil: la page d'accueil est souvent la première chose que le client voit dans votre boutique. C'est pourquoi il est important de lui proposer dès cette étape un premier aperçu de votre gamme de produits. Grâce aux appels à l'action (CTA), vous pouvez mettre en avant les catégories pertinentes afin d'offrir au client des possibilités d'accès à d'autres pages de votre boutique. Mais attention, trop d'informations peuvent submerger l'utilisateur ! Pour éviter cela, un teaser de grande taille est utile. Il assure la clarté et peut présenter au premier coup d'œil les promotions, les produits, les coopérations ou les mesures de vente individuelles.

Restez informé des dernières nouveautés en matière de personnalisation : inscrivez-vous à la newsletter epoq. Inscrivez-vous dès maintenant!


  • Liens: les liens permettent au client d'accéder rapidement à la destination souhaitée sous forme de CTA, de liens texte, de contenu image ou d'icônes, sans avoir à cliquer dans la navigation de la boutique en ligne.
  • Recherche et filtres: la fonction de recherche est très importante pour guider l'utilisateur et faciliter la navigation du client dans la boutique en ligne. Si le client ne trouve pas rapidement ce qu'il cherche, il sera frustré et quittera la boutique en ligne. Les fonctions Autosuggest, tolérance aux erreurs ou sémantique permettent d'éviter cela. Des filtres supplémentaires aident à trouver les produits pertinents dans une gamme de produits étendue.

Les exemples suivants montrent comment cela peut se traduire dans la pratique :

Navigation dans la boutique en ligne de mobilezone – Différents chemins vers le produit

Mobilezone exploite une boutique en ligne dédiée aux télécommunications. Son assortiment comprend notamment des smartphones, des accessoires, mais aussi des contrats et des abonnements adaptés. Cet exemple te montre comment Mobilezone guide ses clients vers le produit qui leur convient grâce à une navigation optimale dans la boutique en ligne, leur offrant ainsi une expérience d'achat positive.

Trois chemins vers la page détaillée du produit

Il existe de nombreuses façons pour un client d'accéder à une page détaillée d'un produit (PDP). Cela peut se faire directement via un moteur de recherche, par exemple. Mais il existe également différentes possibilités de naviguer vers le produit au sein même de la boutique. Voici trois façons dont mobilezone facilite l'accès de ses clients à la PDP d'un produit pertinent.

1. Page d'accueil avec recommandations de produits

La page d'accueil offre la première possibilité de naviguer vers une page détaillée sur un produit. Grâce à des widgets de recommandation personnalisés, mobilezone parvient dès la page d'accueil à proposer aux clients des produits pertinents. Les utilisateurs qui aiment acheter des produits d'une marque donnée reçoivent des suggestions de produits de cette marque et de marques similaires ou compatibles. Dans le meilleur des cas, le client n'a plus besoin de rechercher le produit approprié à l'aide de la fonction de recherche, mais peut accéder directement au produit souhaité en un seul clic depuis la page d'accueil.

Mobilzone propose une sélection d'articles pertinents directement sur sa page d'accueil. (Source : capture d'écran de mobilzone.ch)

2. Recherche avec saisie semi-automatique et suggestions de produits

Grâce à la fonction de recherche placée bien en évidence, mobilezone offre à ses clients une possibilité supplémentaire d'accéder à la page détaillée du produit souhaité.

Tu peux également améliorer l'expérience utilisateur lors de la recherche. Afin d'aider le client dans la poursuite de sa recherche de produits, mobilzone adapte les onglets/onglets aux résultats de la recherche effectuée afin qu'ils correspondent à la recherche individuelle.

Vous pouvez également aider l'utilisateur avant même qu'il ne commence sa recherche. Grâce à une fonction de recherche intelligente, vous pouvez par exemple éviter les pages sans résultat. Une fonction de saisie prédictive, telle que celle proposée par la boutique mobilezone, affiche des suggestions de catégories et un aperçu des produits possibles dès que l'utilisateur commence à taper dans le champ de recherche. Lorsque le visiteur de la boutique passe la souris sur les catégories proposées, les produits s'adaptent en conséquence. Là encore, le client trouve plus facilement le produit qu'il recherche et peut ainsi passer rapidement à l'achat.

Grâce aux suggestions de recherche pertinentes et aux produits proposés par mobilzone, le client trouve ce qu'il cherche après avoir saisi seulement quelques lettres. (Source : capture d'écran de mobilzone.ch)

3. Pages de liste de produits

Les pages de liste de produits constituent la troisième possibilité pour accéder à une page détaillée sur un produit. Elles sont accessibles soit via les catégories, soit via une recherche déclenchée.

Lors du référencement, déclenché par une recherche, les produits et catégories correspondant à la recherche de l'utilisateur s'affichent. En effet, s'il n'est pas convaincu par les résultats, il risque de quitter la boutique. Pour éviter cela, vous pouvez personnaliser l'affichage. Cela permet d'une part de créer une expérience positive et d'autre part d'éviter des résultats de recherche et de catégories insatisfaisants.

Mobilezone met cela en œuvre dans sa boutique et affiche à l'utilisateur des résultats de recherche et de catégories personnalisés en fonction de son comportement. Cela va même au-delà des simples listes de produits et comprend également des thèmes ou des pages d'aperçu avec des services, tels que les abonnements.

Les produits et catégories sont affichés en fonction du terme recherché. (Source : capture d'écran de mobilzone.ch)

Au final, toutes ces options permettent à l'utilisateur d'accéder rapidement et sans détours inutiles à la page détaillée du produit qu'il souhaite acheter. Une chose est sûre : la personnalisation et les fonctionnalités intelligentes contribuent à augmenter le taux de conversion de votre boutique en ligne.

Navigation dans les boutiques Streetbuzz – 5 étapes entre la recherche et la page détaillée du produit

Streetbuzz est une entreprise de distribution allemande qui commercialise des accessoires pour deux-roues via différentes boutiques en ligne, telles que Scooter-Attack ou Maxiscoot. Streetbuzz utilise également différents éléments afin d'offrir à l'utilisateur une navigation fluide dans la boutique.

1. Fonction de recherche

La fenêtre d'autosuggestion permet au client de se lancer rapidement dans le processus d'achat. En effet, des suggestions triées par popularité auprès de tous les clients s'affichent au niveau des produits et des catégories. Le client a ainsi la possibilité de se plonger rapidement dans les catégories de produits qui l'intéressent. Si un produit très populaire plaît au visiteur, il peut alors accéder directement à la page détaillée du produit.


Restez informé des dernières nouveautés en matière de personnalisation : inscrivez-vous à la newsletter epoq. Inscrivez-vous dès maintenant!


2. Liste des résultats de recherche

Les produits figurant dans la liste des résultats qui s'affiche à l'utilisateur après une recherche sont également classés par ordre de popularité auprès de tous les clients. Comme le client recherche généralement un produit pour un véhicule spécifique, Streetbuzz lui offre la possibilité de filtrer la liste en fonction du modèle de véhicule en un seul clic. De plus, la liste est personnalisée à 100 % pour l'utilisateur. Cela signifie que ses préférences personnelles sont prises en compte. Ainsi, même avec une gamme très large et très complète, il est possible d'afficher des résultats toujours pertinents et d'éviter toute frustration chez le client.

3. Navigation dans les filtres

Lorsque le choix de produits est vaste, la navigation par filtre est déterminante. Elle offre en effet au client la possibilité de restreindre la sélection de produits. Selon la catégorie, Streetbuzz affiche différentes options de filtrage. En ne présentant que les options pertinentes, Streetbuzz évite de submerger le client avec un trop grand nombre d'options inutiles. S'il recherche par exemple des « cylindres », la couleur n'a aucune importance. Il en va toutefois autrement pour un utilisateur qui recherche des pièces de carénage pour son véhicule.

Streetbuzz offre au client une possibilité de filtrage rapide grâce à des filtres adaptés. (Source : capture d'écran de scooter-attack.com)

4. Recommandations de produits alternatifs

Une fois que le client a atterri sur une page détaillée d'un produit, la première étape est franchie. Mais cela ne signifie pas nécessairement qu'il a trouvé le produit qu'il recherche. Il est important ici que le client puisse poursuivre son parcours dans la boutique grâce à des recommandations pertinentes et trouver un produit (encore mieux) adapté.

Streetbuzz affiche sur le PDP les recommandations compatibles avec le modèle de véhicule concerné. Des alternatives sont également proposées, ce qui permet au client de comparer ses choix.

5. Couche panier

Une fois que le client a choisi un produit, il existe également des possibilités d'améliorer la navigation du client dans la couche du panier. Chez Streetbuzz, la fenêtre contextuelle« Vous aimerez peut-être aussi »affiche des produits complémentaires qui complètent judicieusement le produit ajouté au panier et sont donc pertinents pour le client de la boutique – en tenant compte, bien sûr, du modèle de véhicule. Ainsi, la valeur du panier peut être augmentée grâce à la vente croisée et le client bénéficie en plus d'une expérience d'achat positive.

Streetbuzz indique aux clients, dans la couche du panier, des suggestions de produits adaptés. (Source : capture d'écran de scooter-attack.com)

L'exemple de Streetbuzz le montre clairement : plus les différentes étapes sont personnalisées, plus le chemin vers la page détaillée du produit est court et moins le risque de rebond est élevé.

Conclusion : une navigation adéquate dans la boutique en ligne pour une expérience utilisateur positive

Souvent, le client est dérouté par une navigation trompeuse dans une boutique en ligne, ce qui le conduit à quitter le site, frustré. Grâce à une interface utilisateur bien conçue et à une navigation adéquate, vous pouvez, en quelques étapes, augmenter vos conversions et accélérer considérablement le processus d'achat du client. Une navigation personnalisée 1:1 dans la boutique en ligne offre en outre de nouvelles possibilités pour créer une situation gagnant-gagnant pour vous et vos clients. Les exemples pratiques montrent donc que si vous investissez suffisamment de temps, vous pouvez offrir une expérience utilisateur plus positive aux visiteurs de votre boutique.

Source : ¹ HubSpot

Conférence lors du Personalisation Experience Day 2021

Dans le cadre du PXD 2021 (Personalisation Experience Day), les experts suivants ont participé au webinaire « Lead to the Checkout » et ont présenté leur conception d'une navigation intuitive et personnalisée. De gauche à droite:Artur Wagner (responsable des comptes clés chez Y1 Digital AG), Marco Deiss (responsable des solutions commerciales chez mobilezone) et Philipp Lorentz (directeur des ventes chez Streetbuzz Distribution).

Tu souhaites en savoir plus sur la fonction de recherche intelligente ?

Regarde notre clip vidéo !

Jonathan Hermann
Étudiant salarié en marketing
Joni a acquis de l'expérience dans le domaine de la personnalisation en tant qu'étudiant salarié dans le marketing. Il était notamment chargé de la création de contenu, par exemple pour notre blog ou nos réseaux sociaux. Il s'occupait également de la mise à jour du site anglais. Parallèlement à son activité chez Epoq, Joni a suivi des études en communication marketing et publicité.