Une refonte de site web ressemble en théorie à un projet simple : nouveau design, nouveau code, nouvelle URL. En pratique, les projets de refonte sont parmi les plus risqués que nous prenons en charge au studio. Trafic SEO qui s’effondre, conversion qui baisse, équipe interne perdue dans un CMS qu’elle ne comprend plus — les causes sont presque toujours les mêmes.
Voici les sept erreurs que nous voyons le plus souvent, et la séquence d’étapes que nous appliquons pour les éviter sur les projets que nous menons nous-mêmes.
Les 7 erreurs récurrentes
1. Lancer la refonte sans audit SEO préalable
Vous changez d’URL, vous changez de structure, vous perdez la moitié de votre trafic organique en 30 jours. Sans un audit SEO préalable qui liste les URL qui rapportent du trafic, les redirections 301 à mettre en place, et les contenus qui doivent absolument être préservés ou améliorés, la refonte est un pari, y compris pour la cohérence de la marque. L’audit prend deux à quatre jours et coûte beaucoup moins cher que la perte de trafic post-lancement.
Le point clé : l’audit ne sert pas seulement à produire un rapport. Il doit devenir une liste d’actions intégrée au brief de refonte. Avant de dessiner la moindre maquette, nous identifions les pages qui génèrent de la visibilité, celles qui attirent des prospects qualifiés, celles qui reçoivent des backlinks, et celles qui peuvent être fusionnées ou supprimées sans risque majeur.
Un bon audit de départ doit au minimum répondre à ces questions :
- Quelles pages reçoivent du trafic organique régulier ?
- Quelles pages convertissent, même faiblement ?
- Quelles URL ont des liens entrants ou sont partagées dans des campagnes existantes ?
- Quels contenus sont obsolètes, redondants ou mal positionnés ?
- Quelles requêtes SEO doivent être protégées après la mise en ligne ?
Cette étape croise naturellement SEO et expérience utilisateur. Si vous ne savez pas où les utilisateurs bloquent aujourd’hui, vous risquez de “moderniser” une interface sans corriger les vrais irritants. C’est pour cette raison que nous recommandons souvent de commencer par un audit UX structuré avant la refonte, plutôt que par une direction artistique isolée.
2. Refaire le site sans toucher au contenu
« On garde les textes existants, on refait juste le design. » C’est la phrase qui condamne la moitié des refontes. Si vos textes sont écrits comme en 2019 (« nous permettons aux entreprises de débloquer leur potentiel »), aucun design ne vous sauvera. Une refonte sans pass copy est une refonte cosmétique. Prévoyez 20 à 30% du budget total sur la copy.
Le contenu est l’interface commerciale de votre site. Il qualifie, rassure, explique, compare, oriente. Un nouveau design peut améliorer la lisibilité, mais il ne peut pas compenser une proposition de valeur floue, des titres interchangeables, ou des pages services qui parlent davantage de vous que des problèmes du client.
Sur une refonte, nous séparons généralement trois types de contenus :
- Les contenus à conserver : pages qui performent déjà, contenus bien positionnés, cas clients utiles, ressources régulièrement consultées.
- Les contenus à réécrire : pages importantes mais trop vagues, trop longues, trop centrées sur l’entreprise, ou mal hiérarchisées.
- Les contenus à supprimer ou fusionner : pages quasi identiques, articles obsolètes, anciennes campagnes sans valeur actuelle.
La copy doit aussi guider la structure des pages. Une page service ne devrait pas être conçue comme un empilement de blocs décoratifs, mais comme une progression : problème reconnu, solution expliquée, preuves, objections, cas d’usage, appel à l’action. La typographie et la mise en page renforcent ensuite cette progression. Pour les pages à forte conversion, notre guide sur la typographie des landing pages SaaS donne des repères utiles, même en dehors du SaaS.
3. Ignorer le client final du CMS : votre équipe interne
Vous livrez un Webflow magnifique. La personne qui met à jour le contenu en interne abandonne au bout d’une semaine parce que les composants sont nommés « Section_03_alt » et qu’elle ne comprend pas comment ajouter une étude de cas. Trois mois après le lancement, le site n’a plus été mis à jour. Une refonte qui ne forme pas l’équipe interne est une refonte qui va se dégrader.
Le CMS n’est pas un détail technique. C’est l’outil quotidien de l’équipe marketing, du fondateur, de l’assistante communication ou du responsable commercial. Si l’architecture du back-office est confuse, la dette opérationnelle commence dès la livraison.
Nous vérifions donc plusieurs points avant la mise en ligne :
- Les collections CMS ont des noms compréhensibles pour une personne non technique.
- Les champs inutiles sont supprimés ou masqués.
- Les composants réutilisables sont documentés avec des exemples.
- Les limites d’image, de longueur de titre et de format sont explicites.
- Une session de formation est prévue avec les personnes qui publieront réellement.
Le choix de l’outil compte également. Webflow, Framer, WordPress, Shopify ou un site sur mesure n’impliquent pas les mêmes contraintes de maintenance. Avant de choisir une stack par préférence esthétique ou par effet de mode, comparez les besoins de publication, le niveau technique de l’équipe et les intégrations nécessaires. Nous détaillons ces arbitrages dans notre comparatif Figma, Webflow et Framer pour un projet web.
4. Lancer en production sans plan de redirections
Toute URL existante qui change doit avoir une redirection 301 documentée vers son équivalent. Y compris les URL profondes des anciens articles de blog, y compris les images, y compris les PDF téléchargés. Si vous n’avez pas de plan de redirections au moment du lancement, vous allez perdre du trafic SEO et casser les liens externes pointant vers votre site.
Le plan de redirections doit être préparé dans un tableau simple : ancienne URL, nouvelle URL, statut, commentaire. Le piège fréquent consiste à ne traiter que les pages principales, puis à oublier les anciens articles, les pages d’atterrissage de campagnes, les fichiers PDF indexés ou les URL avec variations de slash final.
Une redirection ne doit pas toujours pointer vers la page d’accueil. Si une ancienne page “/services/branding-pme” disparaît, la redirection logique est une page équivalente sur le branding, pas la home. Les redirections trop génériques dégradent l’expérience utilisateur et brouillent le signal envoyé aux moteurs de recherche.
Après lancement, nous testons les anciennes URL prioritaires avec un crawl ou un outil de vérification. L’objectif est simple : aucune page stratégique ne doit retourner une erreur évitable, et aucune chaîne de redirections ne doit se multiplier inutilement.
5. Tester uniquement sur Chrome desktop avant lancement
Le QA pré-lancement doit inclure Safari mobile, Firefox, Chrome Android sur un téléphone milieu de gamme (pas votre iPhone 15 Pro). Les bugs de layout en flexbox ou de fonts non chargés apparaissent presque toujours sur des navigateurs non-Chrome ou des appareils plus lents.
Tester un site ne consiste pas à cliquer rapidement sur trois pages depuis l’ordinateur du designer. Une vraie phase QA vérifie les formulaires, les menus, les états hover et focus, les pages 404, les erreurs de champ, les performances, les images, les favicons, les balises sociales, les paramètres de tracking, et les comportements mobiles.
Les références techniques de MDN Web Docs rappellent régulièrement que les comportements HTML, CSS et JavaScript peuvent varier selon les navigateurs, les versions et les contextes d’usage. C’est précisément pour cela qu’un site doit être testé sur plusieurs environnements réels, pas seulement dans une fenêtre responsive simulée.
Nous ajoutons aussi un contrôle d’accessibilité. Les contrastes, les libellés de champs, l’ordre de tabulation, les alternatives textuelles et la structure des titres ne sont pas des finitions. Les Web Content Accessibility Guidelines WCAG 2.2 fournissent un cadre reconnu pour évaluer ces points et éviter qu’une refonte exclue une partie des utilisateurs.
6. Pas de mesure post-lancement
Une refonte sans mesure des métriques avant/après est une refonte basée sur la croyance. Définissez 3 à 5 indicateurs clés (taux de conversion sur la page contact, taux de rebond sur la home, temps de chargement, positions SEO sur 20 mots-clés principaux, trafic organique total) une semaine avant le lancement. Comparez les chiffres à J+30 et J+90. Si les chiffres baissent, vous savez où chercher.
La mesure commence avant la mise en ligne. Sans point de comparaison, une baisse ou une hausse devient difficile à interpréter. Nous capturons donc un état initial : pages les plus visitées, sources de trafic, conversions principales, temps de chargement, requêtes SEO, formulaires soumis, clics sur les CTA clés.
Attention toutefois au tracking. Les paramètres de consentement, cookies et traceurs doivent être configurés proprement, notamment si vous utilisez des outils d’analyse ou de publicité. La CNIL publie des recommandations utiles sur les cookies et autres traceurs, à prendre en compte dès la conception du plan de mesure. Pour les cas complexes, faites valider votre configuration par un professionnel compétent.
Après lancement, les variations ne sont pas toutes alarmantes. Une baisse temporaire peut arriver si la structure change fortement, si les moteurs recrawlent les pages, ou si certaines campagnes ont été interrompues. Ce qui compte, c’est de distinguer les signaux normaux des signaux faibles : formulaires qui ne partent plus, pages clés désindexées, lenteur mobile, chute d’une requête stratégique, erreurs 404 sur des URL à fort trafic.
7. Confondre « tendance » et « signal qualité »
Le glassmorphism en 2021. Le neumorphism en 2020. Les bordures arrondies à 24px en 2023. Chaque tendance fait son temps. Un site refait pour suivre une tendance vieillit en deux ans. Privilégiez la lisibilité, la hiérarchie typographique, la performance de chargement, l’accessibilité — ces choses ne vieillissent pas mal.
Une tendance peut être pertinente si elle soutient le message, la perception de marque et l’usage. Elle devient problématique lorsqu’elle remplace la stratégie. Une PME B2B n’a pas besoin d’un site “spectaculaire” si celui-ci rend ses offres difficiles à comprendre ou ralentit la prise de contact.
Les signaux qualité durables sont plus sobres : cohérence visuelle, textes précis, navigation claire, preuves visibles, temps de chargement acceptable, interface utilisable au clavier, responsive fiable, formulaires sans friction. Selon les ressources de Google web.dev, la performance web et les Core Web Vitals font partie des sujets à surveiller pour offrir une meilleure expérience utilisateur, notamment sur mobile.
La direction artistique doit donc servir une intention. Si votre marque veut inspirer confiance, expertise et proximité, une interface trop expérimentale peut nuire au message. À l’inverse, une identité trop générique peut vous rendre interchangeable. Le bon équilibre se construit en reliant branding, UX et conversion, pas en empilant les effets visuels du moment. Pour aller plus loin, notre article sur les leviers d’identité de marque en 2026 détaille les éléments qui tiennent mieux dans le temps.
La séquence que nous suivons au studio
Audit SEO et UX (semaine 1), définition du sitemap et de l’outline de copy (semaine 2), design haute fidélité homepage + 1 page (semaine 3), reste des pages + copy finale (semaine 4), développement (semaine 5), QA + accessibilité + plan de redirections (semaine 6), mise en ligne contrôlée, puis monitoring post-lancement.
Cette séquence n’est pas une règle universelle, mais elle évite les inversions coûteuses. L’erreur classique consiste à commencer par les maquettes, puis à découvrir trop tard que les contenus ne rentrent pas, que les pages SEO critiques ont disparu, ou que le CMS ne permet pas à l’équipe de publier correctement.
Nous travaillons généralement avec quatre livrables intermédiaires :
- Le diagnostic : audit SEO, audit UX, état du contenu, contraintes techniques, risques identifiés.
- La structure : sitemap, priorités de navigation, gabarits de pages, parcours principaux.
- La direction : copy, wireframes, direction artistique, composants clés.
- La livraison : développement, CMS, QA, redirections, tracking, formation et suivi.
Ce découpage permet de valider les décisions au bon moment. On ne valide pas une animation avant d’avoir validé le message. On ne valide pas une couleur de bouton avant d’avoir clarifié l’action attendue. On ne développe pas un template de blog avant d’avoir compris comment l’équipe va réellement publier ses articles.
Pour les projets plus ambitieux, cette logique peut être condensée ou étendue, mais les étapes restent les mêmes. Notre méthode complète, du cadrage à la version bêta, est détaillée dans notre processus de design web en 6 semaines.
Avant de refondre : cadrer les objectifs et les arbitrages
Une refonte réussie commence par une question simple : pourquoi maintenant ? Les réponses possibles sont nombreuses : repositionnement de marque, baisse des conversions, site difficile à maintenir, dette technique, nouvelle offre, internationalisation, fusion de plusieurs sites, ou besoin de crédibilité commerciale.
Le problème apparaît lorsque plusieurs objectifs sont mélangés sans hiérarchie. Un projet peut vouloir améliorer le SEO, moderniser l’image, simplifier le CMS, augmenter les demandes de devis et réduire le temps de chargement. Tout cela est légitime, mais tout ne se traite pas avec la même priorité ni le même budget.
Nous conseillons de définir trois niveaux d’objectifs :
- Objectif principal : celui qui justifie la refonte et guide les arbitrages.
- Objectifs secondaires : améliorations importantes, mais non prioritaires si un compromis est nécessaire.
- Contraintes non négociables : accessibilité, conformité de tracking, maintenance interne, sécurité, délais critiques.
Exemple : si l’objectif principal est la génération de leads, la page d’accueil, les pages services, les preuves et les formulaires passent avant les animations. Si l’objectif principal est la crédibilité d’une marque premium, le système visuel, les contenus de preuve et la qualité de production deviennent déterminants. Si l’objectif principal est la maintenance, le CMS et la structure de composants priment sur les micro-interactions.
Ce cadrage évite les discussions subjectives du type “je préfère cette version”. On revient à la fonction : quelle option sert le mieux l’objectif prioritaire ?
Le rôle du contenu dans une refonte qui convertit
Le contenu d’un site marketing doit faire trois choses : être compris vite, donner envie d’aller plus loin, et réduire l’incertitude. Beaucoup de refontes échouent parce qu’elles améliorent la surface sans clarifier ces trois niveaux.
La méthode la plus simple consiste à partir des questions réelles des prospects. Que demandent-ils en appel ? Qu’est-ce qui les bloque avant de signer ? Quelles comparaisons font-ils ? Quelles preuves veulent-ils voir ? Quels mots utilisent-ils pour décrire leur problème ? Ces informations doivent nourrir les titres, les sections, les FAQ, les cas clients et les appels à l’action.
Un bon contenu de refonte est rarement plus long par principe. Il est mieux organisé. Il sépare les messages principaux des détails, donne des preuves au moment utile, et évite les formulations vagues. “Nous accompagnons les entreprises ambitieuses” peut sembler élégant, mais cela ne dit ni qui vous aidez, ni sur quel problème, ni avec quel résultat attendu.
La recherche UX de Nielsen Norman Group insiste depuis longtemps sur l’importance de la clarté, de la hiérarchie de l’information et de l’observation des comportements utilisateurs. En refonte, cela signifie que la page doit être pensée pour une lecture partielle, rapide, parfois distraite, et pas seulement pour une lecture linéaire parfaite.
Concrètement, nous travaillons les pages stratégiques avec une logique de blocs :
- Un titre qui explique clairement l’offre ou la transformation promise.
- Un sous-titre qui précise pour qui, dans quel contexte, et pourquoi c’est utile.
- Des preuves visibles : clients, résultats, cas d’usage, témoignages, captures, exemples.
- Des sections qui répondent aux objections fréquentes.
- Un appel à l’action cohérent avec le niveau d’engagement demandé.
Le design intervient ensuite pour rendre cette hiérarchie plus lisible. Les couleurs, la typographie, les espacements et les visuels ne sont pas là pour “remplir” la page : ils aident l’utilisateur à comprendre quoi lire, quoi comparer, et quoi faire ensuite.
La checklist technique de mise en ligne
Le jour de lancement n’est pas le moment de découvrir les détails techniques. Une mise en ligne propre se prépare plusieurs jours avant, avec une checklist partagée entre design, développement, SEO et équipe interne.
Voici les points que nous vérifions systématiquement :
- SEO technique : titres, meta descriptions, balises canonical, robots.txt, sitemap XML, indexation des pages importantes.
- Redirections : anciennes URL testées, redirections 301 actives, absence de boucles ou chaînes inutiles.
- Performance : images compressées, polices optimisées, scripts limités, pages clés testées sur mobile.
- Accessibilité : contrastes, ordre des titres, navigation clavier, textes alternatifs, labels de formulaires.
- Tracking : événements de conversion, formulaires, consentement cookies, analytics, pixels éventuels.
- Contenu : fautes, liens cassés, pages légales, coordonnées, mentions de marque, CTA cohérents.
- CMS : rôles utilisateurs, sauvegardes, permissions, documentation courte, formation prévue.
La performance mérite une attention particulière parce qu’elle se dégrade facilement en fin de projet : on ajoute des images, des scripts, des vidéos, des widgets, puis la page devient lourde. Une belle interface lente reste une mauvaise expérience. Il vaut mieux arbitrer tôt : toutes les animations ne méritent pas leur coût en chargement.
Nous recommandons aussi de prévoir un créneau de lancement calme. Évitez de mettre en ligne un vendredi soir, juste avant une campagne ou pendant l’absence de la personne qui connaît le DNS. Le lancement doit être observable : quelqu’un doit pouvoir vérifier, corriger et communiquer rapidement si un problème apparaît.
Après la refonte : surveiller, apprendre, ajuster
La mise en ligne n’est pas la fin du projet. C’est le début de la phase d’observation. Même avec une préparation sérieuse, certains comportements ne se révèlent qu’en production : un formulaire moins utilisé que prévu, une page service trop longue, une navigation mobile ignorée, une requête SEO qui réagit mal à une modification de contenu.
Nous recommandons trois temps de suivi :
- J+1 à J+7 : vérifier les erreurs critiques, formulaires, tracking, redirections, indexation et affichage mobile.
- J+30 : comparer les premiers signaux de trafic, conversion, engagement et performance.
- J+90 : analyser les tendances plus stables et prioriser les optimisations.
Les ajustements post-lancement ne doivent pas être vécus comme un échec. Ils font partie du cycle normal d’amélioration. Une refonte n’est pas un objet figé ; c’est une nouvelle base de travail. L’important est de ne pas retomber dans l’ancien réflexe : laisser le site vivre seul pendant plusieurs années, puis refaire une refonte massive quand tout est devenu obsolète.
Les meilleures équipes traitent leur site comme un actif vivant. Elles publient, testent, améliorent les pages clés, ajoutent des preuves, mettent à jour les offres, corrigent les frictions. Une refonte réussie n’est donc pas seulement un lancement réussi. C’est un système qui reste maintenable, mesurable et utile dans le temps.
Questions fréquentes
Combien de temps faut-il prévoir pour une refonte de site web ?
Pour un site marketing de PME, il faut souvent prévoir plusieurs semaines entre l’audit, la structure, la copy, le design, le développement, les tests et la mise en ligne. Le délai dépend surtout du nombre de pages, du niveau de contenu à réécrire, des intégrations techniques et de la disponibilité des décideurs.
Faut-il changer de CMS pendant une refonte ?
Pas toujours. Il faut changer de CMS si l’outil actuel bloque la publication, la performance, la sécurité ou l’évolution du site. Si le CMS fonctionne bien et que l’équipe le maîtrise, une amélioration de structure, de design et de contenu peut suffire.
Comment éviter une perte de trafic SEO après une refonte ?
Il faut réaliser un audit SEO avant le projet, conserver ou améliorer les pages importantes, préparer un plan de redirections 301, vérifier l’indexation après lancement et suivre les requêtes prioritaires. Le risque augmente fortement lorsque les URL, les contenus et la structure changent sans plan documenté.
Une refonte doit-elle toujours inclure une nouvelle identité visuelle ?
Non. Si l’identité est encore pertinente, la refonte peut se concentrer sur l’UX, le contenu, la performance et le CMS. En revanche, si la marque ne reflète plus le positionnement, les offres ou le niveau de qualité attendu, un travail d’identité peut être nécessaire avant ou pendant la refonte.