Comment réussir sa refonte de site ecommerce B2B en 2025 ?

Comment réussir sa refonte de site ecommerce B2B en 2025 ?

Les refontes de site ecommerce B2B sont des projets longs, compliqués et risqués. La plupart du temps, les échecs proviennent de mauvais choix faits au départ, après une mauvaise analyse.

Dans ce webinaire Wexperience du 15 décembre 2024, nous avons dévoilé les bonnes techniques pour analyser un site et déterminer la bonne stratégie de refonte à mettre en œuvre.

• Comment évaluer l’existant : UX, webperf, accessibilité, SEO ?
• Refonte totale, partielle ou progressive ?
• Redesign et branding
• Création d’un design system

Nous vous invitons à revivre ce webinaire dans son intégralité ou bien à en lire, ci-dessous, le résumé.

Les différents point abordés

1. Introduction : Importance et complexité des refontes e-commerce B2B.
2. Thèmes clés : Évaluation de l’existant, choix stratégiques, redesign et design system.
3. Invités : Partage d’expériences par des experts et un e-commerçant.
4. Approche Wexperience : Méthodologie UX et IT pour des refontes réussies.
5. Enseignements : Objectifs clairs, ergonomie prioritaire, itérations et accompagnement expert.

Invités de ce webinar

• Sébastien Cipriani, le dirigeant de Cergy vis. Il se décrit comme « l’homme à tout faire » de cette PME familiale spécialisée dans le négoce d’éléments de fixation depuis 1979. Il a rejoint l’entreprise familiale il y a 5 ans après avoir travaillé dans l’univers de la tech et du web. Il partage son expérience de la refonte du site e-commerce Bricovis.
• Cyrille Pattyn, qui est associé chez Wexperience. Il travaille avec les clients sur leurs projets de refonte de sites web. Il explique les différentes raisons qui amènent à une refonte de site, les risques associés, et l’approche d’Expérience en matière d’UX.
• Guillaume André, le directeur technique de Wex IT, filiale de Wexperience. Il aborde les aspects techniques des refontes de sites, comme l’analyse de la stack technique, de l’infrastructure et des outils tiers. Il donne aussi des recommandations sur les solutions à privilégier en termes d’architecture.

A propos de Cergy vis, l’invité principal

Cergyvis est une PME familiale spécialisée dans le négoce d’éléments de fixation depuis 1979.

• Historique et activité : Sergivis est un acteur traditionnel du commerce local qui a connu une croissance significative au fil des ans. En 2002, l’entreprise a été pionnière dans la vente en ligne d’éléments de fixation sur internet.
  
• Catalogue : Cergyvis propose un large catalogue de plus de 60 000 références incluant des vis, des écrous, des fixations, de l’outillage et des produits de soudage.
  
• Clientèle : L’entreprise compte 70 000 clients actifs par an, allant du particulier au professionnel, de l’artisan aux grandes sociétés cotées au CAC 40. La clientèle est presque exclusivement basée en France.
  
• Service client: Cergyvis se distingue par son service client, avec une ligne téléphonique ouverte 5 jours sur 7, une réponse à tous les emails dans la journée et un module d’avis vérifiés.
  
• Présence en ligne : Cergyvis possède trois sites de commerce en ligne, ainsi que des partenariats avec des places de marché. Leur site principal, Bricovis, a fait l’objet d’une refonte importante avec l’aide de l’agence Wexperience.

Principaux enseignements de ce webinar

Problématiques de la refonte

Dans un premier temps, le webinaire a abordé le sujet des prérequis de la refonte de site. Que faut-il faire et ne pas faire. Les best-practices en la matière. Vous pouvez découvrir notre prestation entière ici.

Raisons d’une refonte : Les entreprises engagent des refontes de sites web pour diverses raisons, notamment la croissance nécessitant un changement de plateforme technique, l’obsolescence du site (notamment l’adaptation aux mobiles), ou une évolution de l’image de marque.

Risques d’un projet de refonte : Ces projets sont sensibles car ils touchent à des systèmes existants en production. Les risques incluent des choix techniques inadaptés, un manque d’implication des décideurs et des objectifs mal définis. Il est crucial d’impliquer les sponsors au plus haut niveau dans le projet et de partager clairement les objectifs en interne.

Objectifs de la refonte : Il est primordial d’avoir des objectifs clairs, même qualitatifs, comme faciliter la recherche pour les clients et moderniser l’image de marque. L’expérience de Sergivis montre l’importance d’avoir des objectifs bien définis pour orienter le projet.

Problématiques de l’ancien site de Bricovis : Le site de Bricovis souffrait d’une image de marque vieillissante, d’une expérience utilisateur peu conviviale pour l’acquisition de nouveaux clients, et de dettes techniques majeures qui freinaient les évolutions et posaient des problèmes de sécurité.

Approche de Wexperience

Dans un deuxième temps, nous avons présenté notre approche pour la refonte de site.

Approche UX et IT d’Expérience : Expérience adopte une approche structurée en deux axes principaux : l’UX et l’IT. L’UX est abordée par une phase d’immersion pour comprendre le contexte, des tests utilisateurs sur le site existant afin d’identifier les points forts et les faiblesses, puis la création de wireframes et la définition d’une nouvelle direction artistique. L’approche IT est axée sur une architecture technique moderne, avec une désynchronisation entre le front et le back (approche headless), des connexions par API pour les outils tiers, l’optimisation des performances (temps de chargement, accessibilité, SEO).

Découvrez notre article sur les pour et les contres de l’architecture headless.

Processus UX : Le processus UX passe par une phase d’immersion (Discovery) pour bien cerner le contexte, une analyse des données, des tests utilisateurs afin de comprendre comment les utilisateurs naviguent et comprennent le site existant, la conception des wireframes (structuration de l’information), le design de l’interface, et des tests supplémentaires pour valider les choix ergonomiques. Il est crucial d’impliquer les équipes techniques et SEO dès la conception pour s’assurer de la faisabilité technique et de l’optimisation pour les moteurs de recherche.

Analyse technique (IT): L’analyse technique en amont consiste à évaluer les CMS, les frameworks, l’obsolescence des technologies, la performance, l’infrastructure d’hébergement et la cartographie des outils tiers pour une vue complète du périmètre de la refonte.

Choix technologiques : Les tendances actuelles incluent le cloud pour sa flexibilité, l’approche headless pour découpler le front et le back, les microservices pour une modularité accrue et l’utilisation d’un design system pour une cohérence et une réutilisation des composants.

Gestion de projet : La gestion de projet doit être axée sur la proximité avec le client, des instances régulières, un fonctionnement en mode agile, et une forte qualité des spécifications fonctionnelles pour éviter des erreurs lors du développement et limiter les effets tunnels. Les outils de suivi de projet comme Jira sont préconisés.

Externalisation vs interne : L’externalisation du développement peut être préférable lorsque l’entreprise ne dispose pas des compétences en interne ou d’un environnement de travail adapté aux développeurs, et permet de bénéficier de l’expérience et de la méthodologie d’une agence.

Importance de l’ergonomie : L’ergonomie est primordiale par rapport au design. Il faut d’abord penser à la structure avant de se concentrer sur la charte graphique. Il faut concevoir des sites pratiques et faciles à utiliser.

A lire, notre article sur l’importance de l’ergonomie en ecommerce B2B

Conseils pour les e-commerçants : Il est essentiel de se poser les bonnes questions en amont (pourquoi, comment) et de bien choisir son équipe ou son partenaire. La production continue découle d’une méthode claire et d’une priorisation efficace des tâches. Il est important d’avancer par itération.

Conclusion

En résumé, la refonte d’un site web est un projet complexe qui nécessite une préparation minutieuse, des choix technologiques avisés, une forte implication de toutes les parties prenantes, et une approche itérative axée sur l’expérience utilisateur et l’optimisation technique. L’expérience de Sergivis souligne l’importance de définir des objectifs clairs, de ne pas négliger les tests utilisateurs, et de se faire accompagner par des experts.