Patyka

Une UX personnalisée qui booste les conversions et le chiffre d’affaires : l’étude de cas de la marque Patyka

UX plus fluide et pertinente qui génère plus de revenus

Gain de temps pour les équipes de Patyka dispensées du tri manuel

Amélioration de l'expérience utilisateur et de l'image de marque

Contexte & Challenges

Marché de niche désormais mass market, les cosmétiques bio et naturels demeurent le premier levier de croissance de la beauté en France (source xerfi). La marque Patyka, créée en 2002, fait figure de pionnière sur ce marché et profite d’une croissance dynamique, à la fois en France et à l’international.

Distribuée dans plus de 2000 points de vente physiques (parapharmacies et distribution sélective), Patyka est également commercialisée via son propre site de vente en ligne, pour lequel elle nourrit beaucoup d’ambition.

En 2022, la direction de Patyka lance un projet d’accélération sur le digital et mise en particulier sur la refonte de l’expérience utilisateur de son e-shop pour booster ses performances.

Bien décidée à proposer à ses visiteurs une expérience d’achat digne des plus hauts standards du marché, Patyka s’équipe d’un ensemble d’expériences Potions pour transformer et personnaliser son parcours d’achat :

– E-merchandising intelligent et automatisé
– Recommandations de produits personnalisées
– Produits récemment consultés
– Reprise de parcours et paniers abandonnés
– Authentification automatique

Potions a transformé l’expérience d’achat sur notre site. Nous constatons déjà un gain de temps important lié à l’automatisation ainsi qu’une amélioration drastique de l’UX. L’accompagnement de Potions a été top tout au long de la mise en place.

Cindy Calloc'H

Chef de projet Digital & E-commerce, Patyka

Solutions

> E-merchandising

D’après le Digital Experience Benchmark 2023 publié par Contentsquare, les internautes réalisant un achat en ligne consultent autour de 20 % de pages catégories au cours de leur visite. Ce sont donc des étapes stratégiques dans une session, qui jouent un rôle déterminant dans la conversion d’un visiteur en client.

C’est particulièrement vrai pour les sites disposant d’un large catalogue de produits, dont l’enjeu est d’ordonner leurs pages listes de manière à positionner en tête de liste les produits à plus forts potentiels de vente.

Dans le cas de Patyka, les équipes pilotaient manuellement l’ordonnancement de leurs pages catégories en utilisant le back-office de Shopify, ce qui nécessitait beaucoup de temps et ne permettait pas d’avoir un ordonnancement optimal.

L’une des priorités était donc de se doter d’un outil de tri à la fois automatisé et intelligent pour gagner du temps et obtenir de meilleures performances en termes de conversions.

Chaque catégorie peut être triée différemment. Voici ci-dessous un exemple de règles utilisées par certaines d’entre elles :

→ Bloc 1 : Affiche les 4 produits les plus vendus de la catégorie

→ Bloc 2 : affiche les produits disponibles triés en fonction d’un score prenant en compte :

les ventes des 14 derniers jours (80%)
la récence (20%)

→ Bloc 3 : affiche les produits indisponibles triés en fonction du score des meilleures ventes

Ainsi, le classement des produits au sein des pages listes est modifié automatiquement et quotidiennement pour respecter cette règle de tri, garantissant ainsi la meilleure pertinence de l’offre.

> Recommandations de produits personnalisées

Le cross-sell est un must-have en e-commerce pour générer du chiffre d’affaires supplémentaire, mais encore faut-il adopter une bonne stratégie pour garantir des résultats.

Comme pour l’e-merchandising, les équipes de Patyka s’appuyaient historiquement sur les modules de cross-sell de Shopify pour intégrer des blocs de recommandations de produits sur l’eshop de la marque.

En faisant appel à Potions, la marque espère gagner en efficacité sur le cross-sell grâce à des emplacements plus nombreux et surtout des algorithmes de recommandations plus adaptés à leurs enjeux.

Durant la phase de cadrage du projet, la marque choisit d’afficher ses blocs à différents emplacements afin de couvrir toutes les étapes du parcours clients :

→ dans les pages catégories

→ dans les pages produits

→ au moment de l’ajout d’un produit au panier

→ dans la page panier

Chaque emplacement est animé par un algorithme adapté à l’étape du parcours d’achat pour présenter aux visiteurs les produits les plus susceptibles de l’intéresser :

Page catégorie

Top ventes de la catégorie la plus achetée avec la catégorie visitée

Page produit

Produits les plus vus avec le produit consulté

Ajout panier

Produits les plus achetés avec le dernier produit ajouté

Page panier

Produits les plus achetés avec le produit le plus cher du panier, dont le prix est <80% du montant total du panier

> Produits récemment consultés

Pour accompagner les visiteurs tout au long de leur session et les aider à faire un choix parmi le vaste catalogue de produits, Patyka implémente la solution de rappel des produits consultés. Présentée sous la forme d’une barre fixe en bas de l’écran, les miniatures des pages produits visitées s’affichent en temps réel au fur et à mesure de la session de l’utilisateur.

Au survol des miniatures, une fenêtre s’ouvre et présente l’image du produit, son nom, son prix et un bouton d’ajout au panier direct.

L’utilisateur garde ainsi une trace accessible des articles qu’il a aimés, facilitant ainsi la comparaison et le processus de décision.

En fin de parcours, ce pense-bête l’incitera naturellement à compléter son panier avant le checkout.

> Reprise de parcours

En moyenne, un internaute visite trois à cinq fois un site avant de convertir. Pour inciter les visiteurs qui reviennent après une première visite de repérage à finaliser leur commande, Patyka s’équipe de la reprise de parcours. Elle consiste à afficher aux returning visitors un call-to-action pour leur proposer de reprendre leur navigation là où ils l’avaient interrompue la dernière fois.

Plusieurs scenarios ont été prévus pour maximiser l’efficacité de la solution :

Si le visiteur qui revient n’avait pas ajouté de produit à son panier lors de sa dernière visite, le call to action qui propose de revoir la dernière page produit qu’il avait visitée.
S’il avait au moins un produit dans son panier, il est renvoyé vers la page panier directement de manière à le rapprocher le plus possible de la conversion.

> Reprise de parcours

Les visiteurs sont tentés d’interrompre leur navigation, voire d’abandonner leur panier face à l’oubli de leur mot de passe.

Pour réduire le nombre de paniers abandonnés et maximiser le nombre de sessions loguées, Patyka met en place l’authentification automatique.

L’identifiant et le mot de passe enregistrés dans le navigateur, ainsi que toutes les informations renseignées lors de la création du compte (adresse de livraison, adresse de facturation, etc.), sont récupérés.Le login s’exécute sans aucune action de la part du visiteur et toutes les informations sont automatiquement préremplies, favorisant ainsi un maximum de conversions.

Démo vidéo

Mise en place et pilotage

L’équipe webdesign de Potions a mis au point le design des expériences de manière à se fondre parfaitement dans l’univers graphique de Patyka. Grâce à un lien de preview, les équipes de Patyka ont pu visualiser comment s’intégraient les expériences en conditions réelles sur le site avant que les solutions ne soient déployées en production.

Pour fonctionner, Potions se connecte aux outils d’Analytics existants, en l’occurrence Google Analytics et et Shopify Analytics. En s’appuyant sur l’historique des transactions et des comportements de l’audience, Potions entraine ses modèles et les implémente directement dans Shopify.

Les équipes de Patyka ont accès à une plateforme qui permet de créer ou modifier les paramètres de leurs expériences facilement puis les implémenter directement sur le site.

La plateforme permet également de mesurer les résultats de toutes les expériences Potions et fournit de nombreuses données de performances sur les produits du catalogue.

Les bénéfices de la technologie sans cookie

Au-delà de l’impact business que recherchait Patyka en choisissant Potions, la technologie sans cookie a été un point déterminant dans la décision. Contrairement aux solutions classiques de personnalisation qui envoient les données vers un serveur externe via les cookies, Potions utilise uniquement les bases de données des navigateurs pour stocker, analyser, enrichir et activer les données de navigation en local, sans envoi de données.

Cette technologie innovante présente plusieurs avantages :

→ Pour les visiteurs du site de Patyka : ils bénéficient d’une expérience optimale et personnalisée en toute confidentialité. Aucune donnée personnelle n’est prélevée ou identifiée, à aucun moment.

→ Pour Patyka : ils disposent d’une solution pérenne qui ne sera pas impactée par l’évolution des règlementations ni par la disparition des cookies prévue pour 2024. D’un point de vue technique, cette technologie a l’immense avantage de ne pas ralentir le chargement du site grâce à l’absence d’appels vers un serveur externe.

Résultats

UX PLUS FLUIDE ET PERTINENTE

-> 13% des visiteurs exposés aux recommandations les utilisent

-> les utilisateurs des produits récemment consultés dépensent deux fois plus que les autres

GAIN DE TEMPS

Les équipes libèrent du temps pour d’autres projets à forte valeur ajoutée grâce à l’automatisation des tâches manuelles.

IMAGE DE MARQUE AMÉLIORÉE

Une expérience d’achat optimisée et personnalisée améliore l’image de marque.

À propos de PATYKA

Marque pionnière dans la cosmétique bio et naturelle, Patyka est en 2002 la première marque certifiée biologique par Ecocert. L’enseigne vit et respire grâce à sa vision unique de la beauté, elle est à l’origine des premiers soins cosmétiques et anti-âge haut de gamme certifiés bio. Tous les produits sont conçus et fabriqués de A à Z grâce au savoir-faire unique des professionnels de la cosmétique et des artisans renommés, garantissant l’expertise, l’efficacité et l’éthique des produits.

Plus d’info sur patyka.com

Prêt.e à tester Potions ?

Demandez une démo pour découvrir comment nos solutions peuvent vous permettre de booster les performances de votre site.

Jane de Boy

Découvrez comment le concept store Jane de Boy ultra-personnalise son tunnel d’achat et décuple sa conversion grâce à Potions.

35%

des visiteurs utilisent les recommandation de produits

1/3

des visiteurs exposés aux pop-ups finalisent la transaction

37%

des ventes s’effectuent grâce à la reprise de panier

Contexte et challenge

Créée en 1999 au Cap Ferret, l’enseigne Jane de Boy met en lumière une sélection de plus de 300 créateurs autour de l’art de vivre, avec une offre allant du prêt-à-porter aux bijoux, en passant par les accessoires, la beauté, la décoration ou encore l’épicerie fine.

Le concept store compte aujourd’hui 4 boutiques physiques ainsi qu’un e-shop en plein essor. Avec plus de 180.000 visiteurs uniques par mois et de fortes ambitions de croissance, Jane de Boy est devenu un acteur incontournable du e-commerce français.

Avec une croissance des ventes en ligne de plus de 350% sur les 3 dernières années, les équipes digitales de Jane de Boy travaillent d’arrache-pied pour continuer d’accélérer le développement de l’enseigne sur le web. Elles misent en particulier sur une excellente expérience d’achat pour faire progresser les conversions, le panier moyen et la fidélisation.

Nicolas Vogt-Raguy, responsable e-commerce de Jane de Boy, souligne que cette recherche de l’excellence dans l’expérience client passe notamment par la collaboration avec les meilleurs partenaires à tous les niveaux : logistique, paiement, ergonomie, etc. Nicolas mise en particulier sur la personnalisation de l’expérience utilisateur pour faire passer son site à la vitesse supérieure. Il considère en effet que cette personnalisation, qui était nice-to-have il y a quelques années, est devenue une exigence désormais pour garder une longueur d’avance en e-commerce.

C’est dans ce contexte que Jane de Boy fait confiance à Potions pour équiper son site d’un ensemble d’expériences qui couvrent chacune des étapes du parcours d’achat en ligne :

Si j’ai une certitude, c’est que chaque solution ajoute sa pierre à l’édifice et participe à la croissance web que nous connaissons actuellement.

NIcolas vogt-Raguy

Responsable E-commerce Jane de Boy

Solutions

1. Recommandations de produits

Véritable must-have pour tout site e-commerce qui dispose d’un large catalogue de produits, les recommandations personnalisées permettent d’afficher à chaque visiteur les produits les plus pertinents tout au long de son parcours.

C’est une solution particulièrement stratégique pour les acteurs de la mode, car elle permet notamment d’afficher des produits complémentaires et ainsi proposer des looks complets.

Jane de Boy choisit deux emplacements clés pour positionner ses blocs de recommandations :

> dans les pages produits

Lorsqu’un visiteur consulte une page produit, il découvre en scrollant une section intitulée “vous aimerez aussi” présentant une sélection d’articles similaires

> dans une pop-up lors de l’ajout d’un article au panier

Lorsqu’un visiteur place un article dans son panier, une fenêtre s’ouvre pour lui confirmer son action et présente une sélection de produits complémentaires

Chaque emplacement répond à un objectif bien précis et fait donc appel à des algorithmes et des règles d’affichage différents :

> Page produit :

L’objectif est que le visiteur trouve le produit qui lui correspond donc on va lui présenter les produits les plus consultés avec ce produit (articles similaires)

> Pop up d'ajout au panier :

À ce stade, le visiteur est sur le point de convertir donc l’objectif est qu’il complète son panier avec un ou plusieurs articles supplémentaires.

Chaque emplacement et chaque bloc de recommandations dispose donc de son algorithme de recommandation, auquel sont associées des règles métier propres à Jane de Boy pour décupler l’efficacité des recommandations.

Par exemple, dans le bloc qui est présenté au moment de l’ajout d’un produit au panier, il a été décidé de n’afficher que des produits <100€ et dont le genre (femme ou homme) est identique au produit ajouté.

Quel que soit l’emplacement, les blocs de recommandations de Jane de Boy ont été développés de manière à faciliter au maximum leur utilisation : lorsque le visiteur survole les produits recommandés, un sélecteur s’affiche permettant de choisir la taille et le coloris souhaités et un bouton permet d’ajouter l’article au panier directement.

2. Produits récemment consultés

Avec plus de 300 créateurs et une grande variété de catégories (vêtements femme et homme, lifestyle, beauté, épicerie…) distribués, le site dispose d’un très large catalogue de produits.

De ce fait, les visiteurs passent un long moment à naviguer à travers les pages produits dans le but de visualiser, découvrir, comparer différents articles. Beaucoup d’entre eux ont l’habitude d’ouvrir plusieurs onglets pour garder en mémoire les produits qui ont attiré leur attention et ainsi les aider à faire un choix à la fin de leur visite. La navigation devient fastidieuse et complexe.

Pour simplifier et fluidifier le parcours d’achat, Jane de Boy choisit d’implémenter l’expérience de rappel des produits consultés. Au fur et à mesure de la navigation du visiteur sur le site, une barre fixe située en bas de l’écran affiche en temps réel les miniatures des produits consultés. À ce stade, le visiteur est sur le point de convertir donc l’objectif est qu’il complète son panier avec un ou plusieurs articles supplémentaires.

À chaque étape de son parcours, le visiteur dispose de manière visible et accessible de tout l’historique des articles ayant attiré son attention. Ainsi, il peut très facilement comparer les produits entre eux sans avoir à multiplier les onglets. À la fin de sa visite, la barre joue un rôle décisif pour convaincre le visiteur de compléter son panier avec un ou plusieurs des articles parmi ceux qu’il a aimés.

En effet, en survolant les miniatures, l’utilisateur peut facilement sélectionner sa taille et son coloris puis ajouter directement l’article au panier.

Pour ne pas surcharger l’UX sur mobile, le rappel des produits consultés s’intègre directement dans les pages produits.

3. Reprise de parcours et paniers abandonnés

Dans le secteur de la mode, un internaute visite en moyenne 3 fois un même site avant de convertir (statista 2022). Le comportement typique des internautes sur un site comme Jane de Boy consiste à faire une à deux sessions de “repérage” durant lesquelles ils visiteront un grand nombre de pages produits pour découvrir le catalogue, comparer les produits entre eux, constituer une whishlist…

Durant ce repérage, ces mêmes visiteurs ajoutent des articles à leur panier, soit dans l’intention de les acheter, soit pour les “mettre de côté”. Le panier est alors utilisé comme une liste de souhaits qui sera amenée à évoluer lorsque l’utilisateur fera le point à la fin de son parcours.

Il est alors très fréquent que ces visiteurs quittent le site, car ils manquent de temps pour finaliser leur commande, ou encore pour se laisser l’opportunité de réfléchir. Ces paniers abandonnés sont la hantise de tous les e-commerçants qui cherchent à tout prix à les réduire pour augmenter leur taux de conversion.

L’équipe digitale de Jane de Boy a choisi d’agir en ce sens en mettant en place une solution de reprise de paniers abandonnés on-site. Lorsqu’un visiteur constitue un panier puis quitte le site sans avoir procédé à l’achat, il verra apparaitre dès son retour sur le site un call-to-action l’incitant à reprendre son panier, et ce, quel que soit le délai le séparant de sa dernière visite. Si les produits qui avaient été ajoutés ne sont plus en stock, ils seront automatiquement retirés du panier.

Ce simple bouton fluidifie le parcours en propulsant automatiquement le visiteur au plus près de la conversion.

4. Pop-ups ciblées

Le taux de conversion moyen pour les e-commerçants dans la mode en 2021 était de 3,3% (source : Contentsquare Digital Experience Benchmark 2022). Cela signifie que 96,7% des visiteurs ne convertissent pas alors que les sites en question ont investi massivement pour générer ce trafic.

Pour rentabiliser les budgets investis en acquisition, il est indispensable de maximiser le potentiel de conversion en mettant en place une bonne stratégie de rétention on-site.

Une technique pourrait consister à afficher des coupons de réduction à 100 % du trafic, mais cela reviendrait à offrir une réduction aux visiteurs qui auraient de toute façon acheté, réduisant ainsi la valeur du panier moyen et donc de la marge.

Une bonne stratégie de rétention s’appuie sur un ciblage très précis qui vise à identifier les visiteurs qui n’auraient jamais acheté sans y être incité par un avantage financier ou autre.

Dans le cas de Jane de Boy, les équipes digitales ont fait le choix de ne cibler que les visiteurs qui partagent les caractéristiques suivantes :

Une fois identifiés, ces visiteurs se voient proposer une incitation à l’achat via une pop-up mais dont le contenu diffère selon les cas :

Dans les deux cas, l’objectif est encore une fois de limiter les abandons de panier et donc d’augmenter le taux de conversion en incitant les visiteurs indécis, mais néanmoins bien engagés dans le tunnel d’achat.

5. Authentificaton automatique

L’étape du login entrave souvent la progression de l’acheteur dans le tunnel de vente. En effet, les processus d’authentification fastidieux ou encore l’oubli d’un mot de passe sont autant d’éléments qui peuvent frustrer les visiteurs et les pousser à quitter le site.

Déterminés à fournir un parcours d’achat sans couture à ses clients, Jane de Boy a choisi de mettre en place la solution de login automatique sur sa boutique en ligne. Cette dernière permet aux utilisateurs possédants déjà un compte client Jane de Boy de s’y connecter automatiquement lorsqu’il arrive sur le site. Le login s’exécute alors instantanément sans qu’aucune action ne soit nécessaire de la part du visiteur.

L’authentification automatique simplifie et raccourcit le tunnel de conversion. Elle joue aussi un rôle notable dans la fidélisation client qui retiendra la facilité avec laquelle il a passé commande

Enfin, l’augmentation du taux de visites connectées bénéficie à Jane de Boy en améliorant la qualité de ses données clients, et donc l’efficacité de sa stratégie de CRM.

Mise en place et pilotage

Lorsque les équipes de Jane de Boy prennent contact avec Potions, l’entreprise se trouve dans une phase de forte croissance et les projets sont nombreux pour continuer de développer le site.

Nicolas Vogt-Raguy, responsable e-commerce de Jane de Boy, recherche donc un partenaire à qui confier tout le projet de personnalisation du site Jane de Boy de manière à mobiliser le moins possible les équipes internes. Potions prenant en charge à la fois l’intelligence de la solution et son affichage en front sur le site, Potions répond en tous points au cahier des charges.

Après un premier rendez-vous de kick-off avec les parties prenantes du projet, les équipes de développeurs et de graphistes de Potions conçoivent les solutions pour Jane de Boy. Toutes les spécificités évoquées au moment du kick-off sont intégrées : choix des emplacements et des algorithmes associés, règles métier, scenario d’affichage et de redirection… Chaque solution est développée dans le strict respect de la charte graphique de la marque de manière à s’intégrer parfaitement au site.

Pour activer les solutions, un simple tag a dû être posé via Google Tag Manager.

À l’issue de cette phase de développement, les équipes de Jane de Boy ont reçu un lien de preview leur permettant de visualiser en conditions réelles les solutions sur le site, sans que le reste de l’audience ne puisse les voir. Dès la validation de la part de Jane de Boy, les solutions sont déployées auprès de toute l’audience.

Résultats

Dès la mise en place de Potions sur le site, un accès à la plateforme de suivi des performances de Potions est créé puis délivré à l’équipe de Jane de Boy, leur permettant de suivre en temps réel l’impact de Potions sur les KPIs clés.

Parmi tous les indicateurs suivis, on peut notamment constater que :

Simplicité d'ajout au panier

35% des utilisateurs des recommandations de produits ajoutent directement des produits au panier

Augmentation du taux de conversion

1/3 des clients exposés aux pop-ups finalisent leurs transactions

Un panier moyen plus élevé

Les utilisateurs des produits récemment consultés dépensent cinq fois plus que les autres

Diminution du nombre de panier abandonnés

37% des transactions sur le site ont été réalisées par des visiteurs exposés à la reprise de paniers abandonnés

Connexion facilitée, achat simplifié

1,4 % des clients s’identifient grâce à la solution de connexion automatique, c’est peu, mais ils génèrent 19 % des revenus du site.

Les bénéfices de la technologie sans cookie

Au-delà de l’impact business que recherchait Jane de Boy en choisissant Potions, la technologie sans cookie a été un point déterminant dans leur choix de prestataire.

À l’inverse des solutions classiques de personnalisation qui envoient les données vers un serveur externe, Potions utilise uniquement les bases de données des navigateurs pour stocker, analyser, enrichir et activer les données de navigation en local, sans envoi de données.

Cette technologie innovante présente plusieurs avantages :

> Pour les visiteurs de Jane de Boy

Ils bénéficient d’une expérience optimale et personnalisée en toute confidentialité. Aucune donnée personnelle n’est prélevée ni stockée à aucun moment.

> Pour Jane de Boy

Ils disposent d’une solution pérenne qui ne sera pas impactée par l’évolution des règlementations ni par la disparition des cookies prévue pour 2024.

D’un point de vue technique, cette technologie a l’immense avantage de ne pas ralentir le chargement du site grâce à l’absence d’allers-retours de données avec un serveur externe.