Vous recherchez une définition précise et opérationnelle de ce qu’est une refonte de site web ? Je vais vous expliquer les différents types de refonte, leur périmètre exact et vous donner les critères pour qualifier votre projet.
Une refonte de site web consiste à transformer un site existant en modifiant tout ou partie de ses composantes : design, structure, contenu, code ou infrastructure. Contrairement à une simple mise à jour, elle implique une intervention en profondeur qui peut être graphique (modernisation visuelle), structurelle (réorganisation de l’arborescence) ou technique (refonte du code et des performances). La frontière avec une création pure se situe en général autour de 30 à 40% de conservation de l’existant.
Comprendre les différentes typologies de refonte et leurs périmètres respectifs vous permettra de cadrer précisément votre besoin, d’évaluer l’ampleur du chantier et de communiquer avec efficacité avec vos prestataires. Car qualifier correctement son projet, c’est déjà la moitié du chemin vers la réussite.
Qu’est-ce qu’une refonte de site web : définition complète
Après plus de 20 ans à refondre des sites, j’ai constaté qu’une définition claire évite bien des malentendus entre clients et prestataires. Posons donc les bases.
Définition en 3 niveaux : du simple au détaillé
- Définition synthétique : refondre un site web, c’est transformer un site existant pour l’améliorer, le moderniser ou l’adapter à de nouveaux besoins, sans repartir complètement de zéro.
- Définition professionnelle : la refonte d’un site internet désigne un processus structuré de transformation d’un site existant qui touche au moins deux des cinq couches suivantes : design/identité visuelle, contenus/messages, architecture/arborescence, code/CMS, infrastructure/hébergement. Elle conserve en général entre 30% et 70% des éléments existants (contenu, arborescence ou référencement) tout en opérant des changements substantiels sur les autres composantes.
- Définition technique exhaustive : une refonte de site web constitue une migration contrôlée d’un état A vers un état B d’une présence web, impliquant la réévaluation et la transformation d’au moins deux des cinq strates techniques (présentation/UI, contenu/données, architecture d’information/UX, application/backend, infrastructure/hébergement), avec maintien de la continuité du domaine et préservation partielle ou totale du capital SEO via un plan de redirections 301. Elle se distingue d’une création par la contrainte de l’existant et d’une maintenance par l’ampleur des modifications structurelles.
Voici maintenant ce qu’elle n’est pas, car les confusions sont fréquentes…
Ce qu’une refonte n’est pas : distinction avec les concepts adjacents
| Terme | Définition | Différence clé avec la refonte |
|---|---|---|
| Redesign | Modification uniquement visuelle et cosmétique d’un site sans toucher à sa structure ou son code | Le redesign se limite à la couche graphique, la refonte touche au moins deux couches du site |
| Migration | Transfert technique d’un site d’une plateforme à une autre (changement de CMS, d’hébergeur) sans modification fonctionnelle majeure | La migration est un moyen technique, la refonte est un objectif d’amélioration qui peut inclure une migration |
| Mise à jour | Application de correctifs, nouvelles versions de plugins ou ajout ponctuel de fonctionnalités mineures | La mise à jour est incrémentale et n’affecte pas l’architecture globale, la refonte repense le site en profondeur |
| Maintenance | Ensemble d’actions récurrentes pour assurer le bon fonctionnement, la sécurité et la performance d’un site existant | La maintenance préserve l’état actuel, la refonte transforme vers un nouvel état |
Cette distinction n’est pas qu’académique : elle conditionne le budget, le planning et les compétences nécessaires au projet. Vous ne ferez pas appel aux mêmes ressources pour une maintenance que pour quand envisager une refonte complète.
Vidéos
Refonte et Création de Site Web : Notre Processus de A à Z
Dans cette vidéo, je te dévoile en détail notre processus de création et de refonte de site web chez Palm Square, de la première …
Design pour une refonte : Définir les règles de style et le niveau de qualité attendu
Consultez la série de vidéos sur la refonte d’un site Web : https://business-antidote.com/refonte-site-internet Obtenez un devis …
Typologie des refontes : comprendre les différents périmètres d’intervention
Maintenant que nous avons posé les bases, creusons les différents types de refonte que vous pouvez rencontrer. Car comme je l’ai appris à mes dépens en 2003 lors du passage d’ASP à PHP, tous les projets de transformation ne se valent pas.
Les trois grandes catégories de refonte et leurs objectifs
La refonte graphique se concentre sur la couche visuelle du site : charte graphique, interface utilisateur, mise en page, typographies, palette de couleurs. Elle conserve en général l’arborescence et le code existants. L’objectif ? Moderniser l’apparence du site pour coller aux tendances actuelles du design web, renforcer l’identité de marque ou améliorer l’expérience visuelle. Un exemple concret : vous gardez votre WordPress, votre structure de pages, vos contenus, mais vous créez un nouveau thème graphique de A à Z. C’est ce que j’ai fait pour plusieurs clients historiques qui avaient un site fonctionnel mais vieillissant visuellement.
La refonte structurelle réorganise l’architecture d’information, l’arborescence des pages, la navigation et les parcours utilisateurs. Le design peut rester similaire, mais on repense fondamentalement comment l’information est organisée et accessible. Les objectifs visés : améliorer la trouvabilité des contenus, optimiser les tunnels de conversion, adapter le site à une nouvelle offre commerciale ou à de nouveaux publics cibles1. Typiquement, une entreprise qui passe d’une activité B2B à une activité mixte B2B/B2C devra probablement refondre son site internet structurellement pour créer deux parcours distincts.
La refonte technique intervient sur le code, le CMS, les performances, la sécurité et l’infrastructure. L’apparence et la structure peuvent rester identiques, mais on reconstruit les fondations. Les objectifs : résoudre une dette technique accumulée, améliorer drastiquement les performances (temps de chargement, Core Web Vitals), passer sur des technologies plus modernes ou sécurisées, faciliter la maintenance future. J’ai accompagné plusieurs clients dans ce type de refonte lorsque leur site développé en code maison devenait impossible à maintenir. On a migré vers WordPress en gardant le même design et la même arborescence, mais en gagnant en maintenabilité et en performances.
Reste à savoir quel type correspond à votre situation…
Matrice de qualification : quel type de refonte pour quelle situation ?
| Type de refonte | Profondeur d’intervention | Éléments impactés | Objectifs principaux | Durée type | Exemples d’entreprises |
|---|---|---|---|---|---|
| Graphique | Surface | Design, UI, charte graphique, mise en page, typographies | Modernisation visuelle, renforcement identité de marque, amélioration esthétique | 2 à 4 mois | Site e-commerce conservant sa structure Magento mais adoptant un design plus épuré |
| Structurelle | Moyenne à profonde | Arborescence, navigation, organisation des contenus, parcours utilisateurs, maillage interne | Optimisation UX, amélioration conversion, adaptation à nouvelle offre, restructuration SEO | 3 à 6 mois | Site corporate réorganisant ses contenus pour deux publics cibles distincts (particuliers/professionnels) |
| Technique | Profonde | Code, CMS, base de données, infrastructure, performances, sécurité | Résolution dette technique, amélioration performances, migration technologique, sécurisation | 4 à 8 mois | Site vitrine migrant d’un CMS propriétaire vers WordPress, ou site e-commerce passant de PrestaShop à WooCommerce |
| Complète (hybride) | Très profonde | Tous les éléments ci-dessus simultanément | Transformation digitale globale, repositionnement stratégique, refonte totale | 6 à 12 mois | Entreprise refondant intégralement sa présence web suite à une fusion ou un changement de positionnement majeur |
Cette matrice vous permet de qualifier rapidement votre besoin. Mais dans la réalité, les frontières entre ces types sont souvent plus floues qu’il n’y paraît. Voyons maintenant concrètement ce que chaque type de refonte modifie.
Le périmètre d’intervention détaillé selon le type de refonte
Entrons dans le détail de ce qui change réellement lors d’une refonte. Parce qu’au-delà des définitions, ce qui compte, c’est de savoir précisément sur quoi vous allez intervenir.
Cartographie des couches d’intervention : de la surface à la profondeur
Un site web se structure en couches successives, de la plus visible à la plus profonde. Imaginez un oignon (sans les larmes, promis 😊).
La couche visuelle et design constitue la surface immédiatement perceptible par vos visiteurs. Elle regroupe la charte graphique, les couleurs, les typographies, les espacements, les boutons, les icônes, les illustrations, les photos. Lors d’une refonte graphique, vous modifiez par exemple le passage d’une palette de couleurs froides à des tons plus chauds, le remplacement d’une typographie serif par une sans-serif plus moderne, la refonte des boutons d’appel à l’action pour les rendre plus visibles, ou encore l’adoption d’un style photographique différent pour vos visuels.
La couche contenus et copywriting englobe tous les textes, images, vidéos, infographies présents sur votre site, ainsi que leur ton et leur style rédactionnel. Une refonte à ce niveau peut impliquer la réécriture complète des pages pour adopter un ton plus conversationnel, la création de nouveaux contenus pour de nouvelles offres, l’optimisation SEO des textes existants avec de nouveaux mots-clés, ou la production de contenus multimédias (vidéos explicatives, infographies) là où vous n’aviez que du texte.
La couche architecture et arborescence détermine l’organisation logique de l’information et les parcours de navigation. Refondre un site web à ce niveau signifie restructurer le menu principal pour une meilleure clarté, créer de nouvelles catégories ou rubriques pour segmenter vos publics, repenser les parcours utilisateurs pour faciliter la conversion, ou encore optimiser le maillage interne entre vos pages pour améliorer le SEO et la navigation.
La couche code et CMS représente la mécanique technique qui fait fonctionner votre site. Les interventions typiques incluent la migration d’un CMS vers un autre (passage de Joomla à WordPress par exemple), la refonte du thème avec du code propre et optimisé, l’ajout de fonctionnalités avancées via des développements spécifiques, ou l’optimisation du code pour améliorer les performances de chargement.
La couche infrastructure et hébergement constitue les fondations techniques les plus profondes. Une refonte à ce niveau peut impliquer le changement d’hébergeur pour de meilleures performances, la mise en place d’un CDN pour accélérer la distribution des contenus, la migration vers une architecture cloud plus scalable, ou l’implémentation de protocoles de sécurité renforcés. C’est la couche la moins visible mais ABSOLUMENT déterminante pour la performance et la fiabilité de votre site.
Mais voilà, la vie réelle est rarement aussi segmentée…
Les hybridations possibles entre types de refonte
Dans la pratique, rares sont les projets qui se cantonnent strictement à un seul type de refonte. J’ai rarement vu un client me demander uniquement une refonte graphique sans profiter de l’occasion pour améliorer aussi quelques aspects structurels. Les hybridations sont même la norme plutôt que l’exception.
La refonte graphique-structurelle est probablement la combinaison la plus fréquente que je rencontre. Vous modernisez le design tout en réorganisant l’arborescence et les parcours. Typiquement, un site e-commerce qui refond son interface visuelle en profite pour retravailler ses catégories produits et optimiser son tunnel d’achat. Le code et le CMS restent identiques, mais vous touchez aux deux premières couches simultanément.
La refonte technique-structurelle intervient souvent lors d’une migration de CMS. Vous changez de plateforme technique (par exemple de Drupal vers WordPress) et vous en profitez pour repenser complètement votre arborescence, vos catégories, votre organisation de contenu. Le design peut rester proche de l’existant dans un premier temps, vous le moderniserez éventuellement dans un second temps pour étaler l’investissement.
La refonte complète touche simultanément les trois types : nouveau design, nouvelle structure, nouveau code. C’est le projet le plus ambitieux, souvent motivé par un repositionnement stratégique majeur de l’entreprise. Je l’ai vécu plusieurs fois avec des clients qui fusionnaient avec un concurrent ou qui pivotaient complètement leur modèle économique. Dans ces cas, autant repartir sur des bases saines partout. Mais attention, c’est aussi le type de refonte le plus risqué pour le SEO si le plan de redirections 301 n’est pas parfaitement maîtrisé.
Les refontes par étapes constituent une approche pragmatique que je recommande souvent. Vous commencez par une refonte technique pour assainir les fondations, puis six mois plus tard vous enchaînez sur une refonte graphique-structurelle. Cette approche permet d’étaler l’investissement et de limiter les risques. J’ai accompagné plusieurs clients dans cette démarche progressive, notamment lorsque leur budget ne permettait pas une refonte complète d’un coup.
Reste maintenant à savoir si votre projet relève vraiment d’une refonte ou s’il s’apparente davantage à une création pure…
Refonte ou création : qualifier précisément votre projet
La frontière entre refonte et création n’est pas toujours évidente. Pourtant, la qualifier correctement conditionne votre approche, votre budget et vos attentes. Voyons comment y voir clair.
Les 5 critères objectifs de distinction
- Pourcentage de contenu conservé : au-delà de 40% de contenu réutilisé (textes, images, vidéos), on parle en général de refonte. En dessous de 30%, vous êtes plutôt dans une logique de création avec récupération partielle. Entre 30% et 40%, c’est une zone grise qui dépendra des autres critères. J’ai vu des projets où on ne gardait que 35% du contenu mais où la structure et le référencement étaient intégralement préservés, c’était clairement une refonte.
- Préservation de l’identité visuelle : si vous conservez votre logo, vos couleurs principales (au moins 2 sur 3 de votre palette), votre typographie ou votre style photographique, vous êtes dans une refonte graphique. Si vous changez tout simultanément suite à un rebranding complet, vous basculez vers la création, même si vous gardez l’arborescence. Le seuil de bascule se situe autour de 50% des éléments identitaires modifiés.
- Continuité de l’arborescence : lorsque vous conservez au moins 60% de votre structure de pages et de votre organisation, vous êtes en refonte structurelle. Si vous réinventez complètement l’arborescence avec moins de 40% de pages conservées dans leur logique initiale, vous créez un nouveau site. Entre les deux, analysez la continuité des parcours utilisateurs : s’ils restent globalement similaires, penchez pour la refonte.
- Maintien du CMS : garder la même plateforme technique (WordPress reste WordPress, Shopify reste Shopify) avec mise à jour de la version oriente vers la refonte. Changer de CMS (passage de Joomla à WordPress, de PrestaShop à WooCommerce) vous rapproche de la création, même si vous conservez contenus et structure. Le seuil ? Si vous devez reconfigurer entièrement votre base de données et votre logique applicative, c’est une création technique même si vous appelez ça une refonte.
- Transfert du référencement : si vous mettez en place un plan de redirections 301 pour préserver votre capital SEO et votre historique de positions, vous êtes clairement en logique de refonte. Si vous considérez que votre référencement actuel est tellement mauvais qu’il ne mérite pas d’être préservé, vous êtes plutôt en création. Le seuil de bascule : si vous avez au moins 30% de pages bien positionnées que vous souhaitez conserver, prévoyez les redirections et considérez votre projet comme une refonte.
Ces critères ne sont pas à prendre isolément mais dans leur ensemble. Deux critères sur cinq orientés « création » ? Vous êtes probablement encore en refonte. Quatre sur cinq ? Appelez un chat un chat, c’est une création.
Les zones grises et cas limites à qualifier
Certains projets défient toute classification simple et méritent une analyse plus fine. Le site dormant réactivé en est un bon exemple. Imaginez un site qui n’a pas été mis à jour depuis 5 ans, avec un CMS obsolète, un design d’une autre époque et des contenus largement dépassés. Vous décidez de le « refondre ». Mais si vous ne gardez finalement que le nom de domaine et quelques textes, est-ce vraiment une refonte ? Techniquement non, fonctionnellement oui puisque vous préservez l’historique du domaine et son référencement. Mon conseil : qualifiez-le de « refonte-création » et prévoyez un budget proche d’une création pure.
Le changement de positionnement radical pose aussi question. Une entreprise B2B qui devient B2C, un site vitrine qui devient e-commerce, une association qui se transforme en entreprise commerciale. Vous gardez le domaine, peut-être 20% du contenu institutionnel, mais tout le reste change. Formellement, c’est une refonte puisqu’il y a continuité du domaine. Pratiquement, vous construisez un nouveau site avec des contraintes de l’ancien. Qualifiez ce projet comme une « création sous contrainte de l’existant » pour bien cadrer les attentes et le budget.
La refonte par étapes étalée brouille également les cartes. Vous commencez par une refonte graphique, puis six mois plus tard une refonte structurelle, puis encore six mois après une refonte technique. À quel moment avez-vous créé un nouveau site ? Jamais, si chaque étape conserve la continuité avec la précédente. Toujours, si après 18 mois il ne reste plus rien de l’original. Mon approche : considérez chaque étape comme une refonte indépendante, mais si vous planifiez les trois dès le départ, budgétez l’ensemble comme une refonte complète.
Le cas du multisite unifié mérite aussi réflexion. Vous avez trois sites distincts (un par pays ou par marque) et vous décidez de les fusionner en un seul site multilingue. C’est une création (un nouveau site naît) ou une refonte (vous partez de sites existants) ? La réponse dépend de votre angle : si l’un des trois sites sert de base et absorbe les deux autres, c’est une refonte. Si vous repartez d’une page blanche en piochant dans les trois, c’est une création. Le critère décisif : quel domaine conservez-vous comme domaine principal ? C’est celui-là qui détermine si vous êtes en refonte ou création.
Finalement, reconnaître un site dépassé et qualifier précisément le type d’intervention nécessaire sont deux compétences distinctes mais complémentaires. L’une vous dit qu’il faut agir, l’autre vous dit comment agir. Et si votre site souffre notamment d’un site non adapté au mobile, vous savez maintenant que cela peut relever d’une simple refonte graphique-technique sans toucher à votre structure ni à vos contenus.
La qualification précise de votre projet conditionne tout le reste : budget, planning, équipe nécessaire, risques SEO, stratégie de migration. Prenez le temps de cette étape, elle vous évitera bien des déconvenues. Et si après tout ça vous hésitez encore, contactez un professionnel qui saura analyser votre situation spécifique. Parce qu’entre nous, après 20 ans à refondre des sites, je peux vous dire qu’il n’existe pas deux projets identiques.
Source
- https://www.luneos.fr/blog/refonte-de-site [1]