Rudsak

Web

Commerce électronique

Mode

Libérer votre plein potentiel de conversion grâce aux insights UX

Année

2024

Mon rôle

UX, UI, consultation en design

Rudsak : Conception de site Web

Histoire

Dans le cadre d'un mandat d'optimisation UX/UI pour l'expérience e-commerce de Rudsak, j'avais pour mission de repérer de nouvelles occasions de conversion à travers trois points de contact clés : la page de liste de produits (PLP), la page de détail de produit (PDP) et le panier latéral (Fly Cart). L'objectif était d'optimiser le parcours client et d'aligner le positionnement haut de gamme de la marque avec des stratégies de conversion modernes adaptées au commerce de détail dans le secteur de la mode.

Pour lancer le projet, j'ai mené des entrevues avec les parties prenantes à l'interne, notamment les équipes de marketing, de marchandisage et des opérations e-commerce, afin de bien cerner les objectifs d'affaires, les irritants des utilisateurs et les goulots d'étranglement actuels en matière de performance. Ces échanges ont permis de clarifier les indicateurs clés de performance (KPI) que nous visions à influencer, comme le taux de rebond, le taux d'ajout au panier et la valeur moyenne des commandes.

Rudsak: Website Benchmark

Analyser la concurrence pour dégager des tendances, des lacunes et des opportunités.

Ensuite, j'ai réalisé une analyse comparative (benchmark) de détaillants de vêtements d'extérieur et de mode haut de gamme afin de dégager des tendances et des meilleures pratiques en matière d'expérience utilisateur et de design axé sur la conversion. Cela comprenait une étude approfondie de Mackage, Canada Goose et Moncler, en évaluant leur façon de gérer la découverte des produits, le marchandisage visuel, les éléments de réassurance et les interactions avec le panier. Ces marques représentaient des comparatifs pertinents compte tenu de leur public cible, de leur gamme de prix et de leur positionnement style de vie similaires.

Enfin, j'ai effectué un audit heuristique des pages PLP, PDP et du panier latéral actuels pour repérer les problèmes d'utilisabilité, les points de friction et les occasions de conversion manquées. Cela comprenait l'évaluation de la hiérarchie visuelle, de la clarté de la navigation, des signaux de confiance et du design d'interaction, jetant ainsi des bases solides pour des améliorations de design ciblées.

Rudsak: Website Design AuditRudsak: Mobile Design Audit

Le problème

Même si le site de Rudsak bénéficiait d'une identité visuelle forte, certaines lacunes majeures sur le plan de l'utilisabilité et de la conversion freinaient l'engagement et l'élan d'achat.

Sur la page de liste de produits (PLP), les couleurs offertes n'étaient pas toutes affichées, ce qui compliquait la tâche aux utilisateurs qui souhaitaient évaluer rapidement l'ensemble des options. C'était particulièrement problématique pour une marque de mode où la variété joue un rôle clé dans la prise de décision. De plus, les promotions saisonnières et les soldes n'étaient pas clairement identifiés, ce qui réduisait leur visibilité et leur impact lors des périodes de magasinage à forte intention d'achat.

La page de détail de produit (PDP) manquait d'indices d'urgence, d'éléments de réassurance et d'éléments de storytelling qui aident les clients à passer à la caisse en toute confiance. L'accent était peu mis sur la qualité des produits Rudsak, les matières et les détails de confection, pourtant de véritables facteurs de différenciation pour une marque haut de gamme.

L'expérience du panier latéral générait également de la friction, tout particulièrement sur mobile, où les utilisateurs ne pouvaient pas ajouter d'articles directement depuis la PLP. Cela ajoutait des étapes inutiles au parcours d'achat. Le panier laissait aussi passer de belles occasions de faire de la vente croisée ou de mettre en valeur du contenu à valeur ajoutée qui aurait pu faire grimper le panier moyen et réduire les abandons.

Ensemble, ces lacunes ont mis en lumière la nécessité d'une expérience utilisateur plus fluide et persuasive à chaque étape clé du magasinage.

La solution

En m'appuyant sur les constats clairs de l'audit et les retours des parties prenantes, j'ai concentré mes efforts sur l'optimisation des trois étapes les plus déterminantes du parcours d'achat : la PLP, la PDP et le panier latéral. L'objectif était de réduire les frictions, d'améliorer la clarté et d'intégrer des leviers de conversion subtils mais efficaces, sans jamais dénaturer l'image haut de gamme de Rudsak. J'ai d'abord conçu des maquettes fonctionnelles (wireframes) pour valider la disposition et les interactions, avant de passer aux maquettes graphiques finales (UI) prêtes pour l'intégration.

Rudsak: Website Wireframes

Optimiser l'expérience transactionnelle

J'ai optimisé la PLP, la PDP et le panier latéral en misant sur des occasions clés de conversion et d'utilisabilité. Sur la PLP, j'ai bonifié la découvrabilité des produits grâce à des pastilles de couleur toujours visibles, une hiérarchie promotionnelle renforcée et des boutons d'ajout au panier sur mobile afin de réduire l'effort d'interaction. Sur la PDP, j'ai rapproché les informations sur l'inventaire, la livraison, les retours et les caractéristiques techniques de la décision d'achat, réduisant ainsi l'incertitude pour soutenir la conversion.

Pour le panier latéral, j'ai épuré la hiérarchie de l'information tout en intégrant une barre de progression pour la livraison gratuite et des recommandations de produits contextuelles pour atténuer les frictions et stimuler la vente croisée. Combinés ensemble, ces changements ont permis de créer un parcours d'achat beaucoup plus cohérent, de la découverte jusqu'à la transaction.

Rudsak: UX UI Impacts

Résultat

La refonte a généré des gains évidents, tant pour l'expérience utilisateur que pour la découvrabilité des produits. Le parcours d'achat est devenu plus rapide et plus intuitif, surtout sur mobile. Les utilisateurs peuvent maintenant ajouter des articles directement depuis la PLP, naviguer sur une PDP plus claire et finaliser leurs achats grâce à un panier latéral simplifié. Ces améliorations ont permis de réduire la friction et de favoriser des conversions plus fluides.

La découvrabilité des produits a également fait un bond en avant. Les choix de couleurs sont désormais bien visibles sur la PLP, les étiquettes promotionnelles ont stimulé l'engagement durant les soldes, et les suggestions de vente croisée dans le panier latéral ont incité les clients à poursuivre leur magasinage. Une mise en page plus cohérente a rendu la consultation et la compréhension des détails de produits beaucoup plus simples.

Dans l'ensemble, l'expérience est devenue plus efficace et conviviale, aidant les clients à trouver leurs produits plus rapidement et à acheter avec plus d'assurance.

www.rudsak.com

Steve Ladanyi

Steve Ladanyi

Designer de produit sénior

Collaborer avec Rudsak m'a permis de mettre à profit des années d'expérience en commerce électronique acquises sur des projets comme Vêtements Dynamite, tout en m'appuyant sur les apprentissages tirés de rapports du Nielsen Norman Group. Ça m'a aidé à cerner rapidement ce qui fonctionnait bien, à remettre en question les mauvaises pratiques et à proposer des solutions concrètes, axées sur la recherche, pour optimiser l'expérience.

"

Steve Ladanyi

Steve Ladanyi

Designer de produit sénior

Collaborer avec Rudsak m'a permis de mettre à profit des années d'expérience en commerce électronique acquises sur des projets comme Vêtements Dynamite, tout en m'appuyant sur les apprentissages tirés de rapports du Nielsen Norman Group. Ça m'a aidé à cerner rapidement ce qui fonctionnait bien, à remettre en question les mauvaises pratiques et à proposer des solutions concrètes, axées sur la recherche, pour optimiser l'expérience.

"

Steve Ladanyi

Steve Ladanyi

Designer de produit sénior

Collaborer avec Rudsak m'a permis de mettre à profit des années d'expérience en commerce électronique acquises sur des projets comme Vêtements Dynamite, tout en m'appuyant sur les apprentissages tirés de rapports du Nielsen Norman Group. Ça m'a aidé à cerner rapidement ce qui fonctionnait bien, à remettre en question les mauvaises pratiques et à proposer des solutions concrètes, axées sur la recherche, pour optimiser l'expérience.

"

Create a free website with Framer, the website builder loved by startups, designers and agencies.