Refonte UX, SEO & optimisation des performances

Le projet en bref

Client
Studio Paname
Secteur
Mobilier
Localisation
Paris, France
Prestation
Refonte WordPress · UX/UI · WooCommerce · SEO technique
Durée
3 mois
Statut
Visuels du projet

Aperçus du site Studio Paname.

le site de studio paname sur laptop
le site de studio paname sur tablette
le site de studio paname sur mobile
studio paname features
le site de studio paname sur elementor
le site de studio paname sur laptop
Le client

Qui est Studio Paname ?

Studio Paname accompagne les entreprises, architectes et prescripteurs dans leurs projets d’aménagement d’espaces professionnels. L’entreprise intervient notamment dans l’aménagement de bureaux, de restaurants, d’hôtels, d’espaces d’accueil et d’établissements de formation.

Son expertise couvre l’ensemble du projet, depuis l’étude de faisabilité et la conception des plans jusqu’à la sélection du mobilier, la coordination des intervenants, la livraison et l’installation.

En parallèle de ses prestations d’aménagement, Studio Paname propose un catalogue étendu de mobilier professionnel : bureaux, tables, fauteuils, chaises, solutions acoustiques, accessoires et rangements. Cette double activité — accompagnement de projets et distribution de mobilier — nécessitait un site capable de présenter clairement une offre particulièrement riche.

Le contexte

Pourquoi Studio Paname avait besoin d'un nouveau site ?

L’ancien site de Studio Paname disposait déjà de contenus indexés et d’un historique SEO qu’il était indispensable de préserver. Cependant, son organisation reposait en partie sur une accumulation de pages statiques, notamment pour présenter les différentes catégories de mobilier.

Cette structure rendait la gestion du catalogue plus complexe, créait des parcours de navigation fragmentés et limitait l’évolutivité du site. L’ajout ou la modification d’une catégorie pouvait nécessiter une intervention manuelle sur plusieurs pages, avec un risque d’incohérences entre les contenus, les produits et la navigation.

La refonte avait donc un objectif plus large qu’une simple modernisation graphique. Il fallait entièrement repenser l’architecture du site, transformer les anciennes pages de catégories en archives WooCommerce dynamiques, améliorer les parcours utilisateurs et renforcer les possibilités de conversion.

Cette restructuration devait être menée sans sacrifier le positionnement organique déjà acquis. Les anciennes URLs devaient être identifiées, redirigées correctement et remplacées par une nouvelle organisation plus cohérente pour les utilisateurs comme pour les moteurs de recherche.

Le site final s’articule désormais autour de plusieurs entrées clairement identifiées : les services d’aménagement, le catalogue de mobilier, les références, le blog et le contact. Les principales catégories de mobilier sont directement accessibles depuis la navigation.

Les défis

Les défis identifiés — ce qu'il fallait résoudre.

Défi 1

01

Repenser entièrement la structure du site

L’ancien site reposait sur une organisation devenue difficile à faire évoluer. Plusieurs catégories de mobilier étaient présentées sous la forme de pages statiques, indépendantes du catalogue WooCommerce. Cette structure compliquait la gestion des produits, multipliait les interventions manuelles et créait des parcours de navigation fragmentés.

La refonte devait transformer cette organisation en une architecture plus logique, dans laquelle les services, les réalisations, les catégories de mobilier et les fiches produits seraient clairement reliés.

Défi 2

02

Refondre sans perdre le référencement existant

Le site disposait déjà de pages indexées et de positions acquises sur Google. La modification de l’architecture et des URLs présentait donc un risque réel de perte de visibilité organique.

Il fallait identifier les contenus à conserver, cartographier les anciennes URLs, mettre en place les redirections 301 appropriées et réappliquer les optimisations SEO on-page sur les nouvelles pages. L’objectif était de moderniser profondément le site sans repartir de zéro sur le plan du référencement.

Défi 3

03

Simplifier la navigation dans un catalogue étendu

Studio Paname propose de nombreuses familles de mobilier professionnel, comprenant notamment des bureaux, des tables, des chaises, des fauteuils, des rangements, des accessoires et des solutions acoustiques.

Le défi consistait à rendre ce catalogue facilement compréhensible, aussi bien pour une entreprise recherchant une solution d’aménagement que pour un architecte ou un prescripteur recherchant une catégorie de produits précise. La navigation devait permettre d’accéder rapidement aux catégories, aux sous-catégories et aux produits correspondants.

Défi 4

04

Mieux guider les utilisateurs vers une action

L’ancien parcours ne mettait pas suffisamment en évidence les prochaines étapes proposées aux visiteurs. Certains utilisateurs pouvaient consulter les services, les réalisations ou les produits sans savoir clairement comment poursuivre leur démarche.

La refonte UX devait donc intégrer des appels à l’action visibles et contextualisés : demander une étude de projet, consulter le catalogue, découvrir les réalisations, prendre rendez-vous ou envoyer une demande de contact.

Notre approche

Comment on a construit le site.

Cinq phases distinctes, validées une à une par le client. Chaque phase a son livrable, ses objectifs et son timeline.
01
Phase 1

Audit de l’existant et préparation de la refonte

Le projet a débuté par une analyse complète de l’ancien site : structure des pages, catégories de produits, URLs indexées, contenus stratégiques, maillage interne, métadonnées et principaux problèmes de performance.

Cette phase a permis d’identifier les pages à conserver, celles à fusionner, celles à remplacer et les anciennes URLs nécessitant une redirection. Une nouvelle arborescence a ensuite été définie autour des services, du catalogue de mobilier, des réalisations, du blog et de la prise de contact.

02
Phase 2

Refonte UX/UI et reconstruction sous WordPress

Le site a été reconstruit sous WordPress avec Elementor afin de moderniser son identité visuelle et d’améliorer son utilisation sur ordinateur, tablette et smartphone.

La hiérarchie des contenus, les menus, les sections et les parcours ont été repensés pour permettre aux visiteurs de comprendre plus rapidement l’activité de Studio Paname. Des boutons d’action ont été ajoutés aux endroits stratégiques afin d’orienter l’utilisateur vers le catalogue, les réalisations, la prise de rendez-vous ou le formulaire de contact.

03
Phase 3

Restructuration du catalogue WooCommerce

Les anciennes pages statiques consacrées aux catégories de produits ont été remplacées par de véritables archives WooCommerce dynamiques.

Les catégories et sous-catégories ont été réorganisées afin que chaque produit soit automatiquement affiché dans l’archive correspondante. Un template commun a été créé avec Elementor pour garantir une présentation homogène tout en permettant d’intégrer des contenus spécifiques à chaque famille de produits.

Cette nouvelle organisation simplifie la gestion du catalogue et évite de modifier manuellement plusieurs pages lors de l’ajout ou du reclassement d’un produit.

04
Phase 4

Refonte UX et optimisation des parcours

Les optimisations SEO de l’ancien site ont été reprises et adaptées à la nouvelle architecture. Le travail a porté sur les balises Title, les métadescriptions, la hiérarchie des titres Hn, les contenus de catégories, les URLs, le maillage interne, le sitemap XML et les règles d’indexation.

Les anciennes adresses devenues obsolètes ont été redirigées vers les nouvelles pages les plus pertinentes au moyen de redirections 301. All in One SEO a également été configuré pour faciliter la gestion future du référencement.

05
Phase 5

Migration et optimisation SEO

Une optimisation technique approfondie a été réalisée avec LiteSpeed Cache : mise en cache des pages, lazy loading, optimisation des images, réduction des fichiers CSS et JavaScript et limitation des ressources bloquant le rendu.

Calendly a été intégré pour simplifier la prise de rendez-vous, tandis que Trustindex permet de mettre en avant les avis clients. Ces outils ont été associés à de nouveaux boutons d’action afin de réduire les frictions entre la consultation du site et la prise de contact.

Solutions livrées

Ce qu'on a livré concrètement.

La vraie question, ce n’est pas « pourquoi un site web ». C’est pourquoi nous confier ce projet plutôt qu’à un freelance pas cher ou une agence qui sous-traite tout à l’étranger.
01
Livrable 01

Refonte complète du site WordPress

Reconstruction du site sous WordPress et Elementor avec une nouvelle interface responsive, une hiérarchie visuelle modernisée et des templates réutilisables pour les différents types de contenus.

02
Livrable 02

Nouvelle architecture de l’information

Réorganisation des contenus autour des services, du mobilier, des réalisations, du blog et du contact. Simplification des menus et création de parcours adaptés aux entreprises, architectes et prescripteurs.

03
Livrable 03

Catalogue WooCommerce dynamique

Remplacement des anciennes pages statiques par des archives de catégories WooCommerce. Structuration des catégories et sous-catégories, affichage automatique des produits et création d’un template cohérent pour l’ensemble du catalogue.

04
Livrable 04

Refonte UX et optimisation des parcours

Amélioration de la navigation, de la lisibilité et de l’accessibilité des contenus. Ajout de boutons d’action vers les demandes de projet, le catalogue, les réalisations, Calendly et le formulaire de contact.

05
Livrable 05

Migration et optimisation SEO

Cartographie des anciennes URLs, mise en place des redirections 301, réapplication des optimisations on-page, amélioration du maillage interne et configuration d’All in One SEO.

06
Livrable 06

Performance et outils de conversion

Configuration de LiteSpeed Cache, optimisation des images et des ressources, amélioration des performances PageSpeed et Pingdom, intégration de Calendly pour les rendez-vous et de Trustindex pour les avis clients.

Points forts du site

Ce qui rend ce site différent.

Point fort 1

Des archives WooCommerce à la place des pages statiques

La restructuration du catalogue représente l’un des principaux changements de la refonte. Les catégories ne reposent plus sur des pages créées et mises à jour manuellement.

Chaque produit est désormais rattaché à une catégorie ou une sous-catégorie WooCommerce et apparaît automatiquement dans l’archive correspondante. Cette organisation rend le catalogue plus cohérent, plus évolutif et beaucoup plus simple à administrer.

Point fort 2

Une navigation pensée selon les besoins du visiteur

La nouvelle architecture permet à chaque profil d’accéder rapidement aux contenus qui l’intéressent. Une entreprise peut découvrir les services et les réalisations avant de demander une étude, tandis qu’un architecte ou un prescripteur peut rejoindre directement les catégories de mobilier.

Les menus, les catégories, les liens contextuels et les boutons d’action réduisent le nombre d’étapes nécessaires pour atteindre une information ou un produit.

Point fort 3

Des appels à l’action intégrés au parcours

Les boutons d’action ne sont plus concentrés uniquement sur la page de contact. Ils sont désormais intégrés aux différents moments du parcours utilisateur.

Le visiteur peut demander une étude de projet, accéder au catalogue, consulter davantage de réalisations, réserver un échange via Calendly ou envoyer une demande sans devoir rechercher la prochaine étape dans le site.

Point fort 4

Une refonte structurelle menée avec une logique SEO

Le référencement n’a pas été traité après la reconstruction du site. Il a été pris en compte dès la définition de la nouvelle architecture.

Le choix des catégories, la structure des URLs, la reprise des contenus, le maillage interne et les redirections ont été planifiés avant la mise en ligne afin de préserver les acquis existants et de préparer les futures actions SEO.

Résultats & impact

Ce qu'on a livré concrètement.

01

Un catalogue plus cohérent et plus simple à gérer

Les catégories de mobilier sont désormais administrées directement depuis WooCommerce. Lorsqu’un produit est ajouté ou reclassé, il apparaît automatiquement dans la bonne archive, sans nécessiter la modification manuelle d’une page statique.

Cette organisation réduit les risques d’incohérence et facilite l’évolution future du catalogue.

02

Une expérience utilisateur plus fluide

La nouvelle navigation permet aux visiteurs de mieux comprendre l’offre et d’accéder plus rapidement aux services, catégories de produits et réalisations correspondant à leurs besoins.

Les boutons d’action et les liens contextuels rendent les prochaines étapes plus visibles et limitent les impasses dans le parcours.

03

Des performances techniques fortement améliorées

Le score Google PageSpeed mobile est passé de 57 à 92, soit une progression de 35 points. Sur desktop, le score est passé de 72 à 91.

Le temps de chargement mesuré avec Pingdom a été réduit de 916 ms à 401 ms, tandis que la note de performance Pingdom est passée de 70 à 93.

04

Une base SEO préservée et mieux structurée

La mise en place des redirections 301 et la réapplication du SEO on-page ont permis d’assurer la continuité entre l’ancien site et la nouvelle architecture.

Studio Paname dispose désormais d’une structure plus claire pour les moteurs de recherche et plus adaptée à la création de nouvelles catégories, fiches produits, réalisations et contenus éditoriaux.

Ce que ce projet illustre

La refonte de Studio Paname a permis de transformer un site reposant en partie sur des pages statiques en une plateforme WordPress plus structurée, évolutive et orientée vers les besoins des utilisateurs.

Les catégories de mobilier ont été regroupées dans de véritables archives WooCommerce dynamiques, ce qui simplifie leur administration et améliore la navigation dans le catalogue. L’expérience utilisateur a également été repensée grâce à une architecture plus claire, une meilleure hiérarchie des contenus et l’ajout de boutons d’action aux étapes stratégiques du parcours.

Cette restructuration a été accompagnée d’une migration SEO complète, comprenant la reprise des optimisations on-page et la redirection des anciennes URLs afin de préserver le référencement existant.

Enfin, les optimisations techniques ont permis de faire passer le score PageSpeed mobile de 57 à 92 et de réduire le temps de chargement Pingdom de 916 à 401 ms.

Aller plus loin

Un projet similaire pour votre entreprise ?

Vous avez un projet de création ou de refonte de site web professionnel ? On applique la même rigueur — architecture de l’information, design orienté conversion, SEO technique, performance mobile — à chaque projet, quel que soit votre secteur.

Création de site web professionnel à Casablanca

Découvrez notre service de création de sites web sur WordPress — vitrines, e-commerce, landing pages.

Référencement SEO à Casablanca

Un site web sans SEO, c’est une voiture sans carburant. Découvrez notre approche SEO.

Voir tous nos projets

Explorez d’autres réalisations — e-commerce, sites vitrines, refontes, landing pages.