Refonte digitale : performances, SEO et expérience utilisateur au cœur

L’objectif était de reconstruire un site de marque riche en contenus, en mettant clairement l’accent sur trois priorités : la continuité du SEO, l’amélioration de l’expérience utilisateur et le respect des normes d’accessibilité. En tant que développeuse frontend dédiée, ma mission était de garantir que la nouvelle structure maintienne la stabilité du référencement lors de la migration, améliore l’ergonomie pour les visiteurs et respecte les standards d’accessibilité WCAG.

Objectifs :

• Migrer et restructurer plus de 70 pages magasins sans perte d’indexation
• Améliorer les temps de chargement
• Mettre en œuvre un HTML sémantique avec une hiérarchie claire pour les lecteurs d’écran
• Soutenir des layouts flexibles afin de faciliter l’ajout de contenus et de nouvelles fonctionnalités à l’avenir

Un aspect clé de ce projet consistait à trouver le juste équilibre entre des standards techniques exigeants et une identité de marque bien établie.

Pour garantir que le nouveau site respecte les objectifs d’accessibilité, de SEO et d’ergonomie tout en restant fidèle à l’univers visuel de Grandbains, je me suis concentrée sur l’articulation entre performance et identité de marque :

• Accessibilité avant tout — optimisation des niveaux de contraste au sein de la palette de couleurs de la marque afin d’améliorer la lisibilité sans compromettre l’identité visuelle.
• SEO dans le respect de la charte — affinage des titres, métadonnées et maillage interne pour renforcer la visibilité dans les moteurs de recherche, tout en respectant les lignes éditoriales et graphiques.
• Clarté des contenus — structuration des blocs avec une hiérarchie lisible et un parcours utilisateur fluide.
• Co-création avec le design — collaboration étroite avec la direction artistique pour concevoir des layouts flexibles alliant créativité et clarté fonctionnelle.

Sur le plan technique, j’ai développé plusieurs fonctionnalités complexes en pur code, notamment :

• Un système de prise de rendez-vous sur mesure, accessible directement depuis le localisateur de magasins en vue carte ou liste
• Un Store Locator dynamique
• Un  identificateur de style interactif où les utilisateurs peuvent sélectionner des images liées à l’architecture, au design d’intérieur et aux matériaux, puis recevoir deux inspirations de salles de bain correspondant à leurs goûts personnels, les orientant ensuite vers le magasin avec des idées déjà formées
• Une option « favoris » permettant aux visiteurs d’enregistrer ce qu’ils préfèrent
• Des pages personnalisés pour chaque magasin — conçus avec une structure claire, un contenu bien organisé, des espaces généreux et des animations discrètes qui guident naturellement l’utilisateur à travers l’information sans le surcharger
• Une section FAQ sur chaque page magasin, créée pour répondre aux questions courantes et enrichie de balises schema afin de renforcer le SEO, améliorer la visibilité auprès de l’IA et capter des mots-clés locaux pour un meilleur positionnement face aux concurrents. Chaque FAQ est personnalisée et entièrement gérable via le CMS, permettant à chaque magasin de cibler ses propres requêtes locales et de se démarquer sur son marché
• Transformer une idée ennuyeuse en expérience engageante : l’ancienne page « tous les produits » nécessitait plus de 2 000 redirections depuis d’anciennes URL. Une simple grille de neuf cartes de catégories aurait semblé plate et peu attractive. J’ai donc conçu et développé une mise en page moderne enrichie d’animations et d’éléments interactifs, afin de maintenir l’attention des utilisateurs, de rendre la navigation intuitive et de transformer un point de migration risqué en une expérience valorisante pour la marque.

Cette approche a permis d’allier rigueur technique et vision de marque, pour offrir une expérience fidèle, fluide et intuitive à chaque visiteur.

La refonte a abouti à un site plus épuré, plus rapide et offrant de meilleures performances en conditions réelles. Les Core Web Vitals se sont améliorés de 80 %, la navigation est devenue plus claire pour les utilisateurs comme pour les moteurs de recherche, et la nouvelle structure peut facilement accueillir de futures évolutions avec un minimum d’effort de développement supplémentaire.

Le site a également attiré deux fois plus de visiteurs dans les premiers mois après son lancement, ce qui montre l’effet des améliorations mises en place.

Résultats obtenus :

• +80 % sur les scores Core Web Vitals
• Maintien des positions SEO malgré une refonte complète des URL
• Modèles accessibles, compatibles avec la navigation clavier et les lecteurs d’écran
• Modules magasins personnalisés et logique CMS flexible pour les pages locales
• x2 de visites dans les premiers mois après le lancement

Au cœur de ce projet se trouvait une mission commune : traduire l’esprit de Grandbains en une expérience digitale fluide, accueillante et inclusive. Aux côtés de l’équipe engagée de l’agence TEDS et portée par la vision de Grandbains, nous avons entrepris de reconstruire un site web qui renforce la confiance des utilisateurs et soutienne la croissance de la marque.

Ce projet a consolidé mes compétences en matière de SEO, d’UX et de performance, tout en me permettant de relever des contraintes exigeantes et d’harmoniser différentes visions.

Points à retenir :

• Garder un code modulaire pour s’adapter facilement aux changements tardifs côté client
• Défendre l’accessibilité et la continuité SEO dès le départ — corriger après coup coûte toujours plus cher
• Trouver l’équilibre entre créativité et besoins réels des utilisateurs grâce à une structure claire et hiérarchisée
• Maintenir une communication fluide avec les équipes design et contenu pour aligner les objectifs

Chiffres clés :

• + 70 boutiques migrées
• +80 % sur les Core Web Vitals
• ×2 sur les visites du site