Quand faut-il refondre son site web ?

Signes qu'une refonte est nécessaire : design daté (> 3-4 ans), site non responsive, temps de chargement > 3s, taux de conversion en baisse, technologie obsolète (Flash, ancien CMS), difficultés de mise à jour, ou repositionnement de marque. En moyenne, un site doit être refondu tous les 3-5 ans.

Combien coûte une refonte de site web ?

Une refonte coûte généralement 20-50% de plus qu'une création from scratch, car elle inclut la migration des contenus et du SEO. Fourchettes : site vitrine 3 000-12 000€, e-commerce 8 000-30 000€, application web 15 000-60 000€. Le coût dépend de la complexité et du volume de contenu à migrer.

Comment ne pas perdre son référencement lors d'une refonte ?

Pour préserver le SEO : cartographiez toutes les URLs existantes, mettez en place des redirections 301 systématiques, conservez les contenus performants, maintenez la structure des URLs si possible, soumettez le nouveau sitemap à Google, et surveillez Search Console pendant 3 mois après le lancement.

Combien de temps dure une refonte de site ?

Durée moyenne : site vitrine simple 4-8 semaines, site vitrine complexe 8-12 semaines, e-commerce 12-20 semaines, application web 16-30 semaines. Ajoutez 2-4 semaines pour l'audit initial et la rédaction du cahier des charges. Les retards viennent souvent des validations client et de la fourniture des contenus.

Faut-il changer de CMS lors d'une refonte ?

Pas nécessairement. Changez de CMS si : l'actuel est obsolète/non maintenu, il ne répond plus à vos besoins, les coûts de maintenance sont excessifs, ou vous voulez plus d'autonomie. Gardez le même CMS si : il fonctionne bien, votre équipe le maîtrise, et une mise à jour suffit. Le changement de CMS ajoute 30-50% au budget.

Refonte de Site Web : Guide Étape par Étape pour Réussir

Refonte de site web : un projet stratégique

Une refonte de site web n'est pas qu'un lifting visuel. C'est l'occasion de repenser votre présence digitale, d'améliorer vos performances et de mieux servir vos utilisateurs.

Mais attention : une refonte mal préparée peut détruire votre référencement, perdre vos visiteurs et coûter bien plus que prévu. Ce guide vous accompagne étape par étape pour réussir votre projet.

Quand refondre son site web ?

Les signaux d'alerte

Signaux visuels et UX :

Design qui paraît daté (tendances
3-4 ans)
Site non responsive ou mal adapté au mobile
Navigation confuse, taux de rebond élevé
Retours négatifs des utilisateurs

Signaux techniques :

Temps de chargement
3 secondes
CMS obsolète ou non maintenu
Failles de sécurité récurrentes
Difficultés à mettre à jour le contenu
Incompatibilité avec les navigateurs modernes

Signaux business :

Taux de conversion en baisse
Trafic organique qui stagne ou diminue
Repositionnement de marque
Nouveaux services/produits à mettre en avant
Concurrents avec des sites plus performants

Refonte vs évolution continue

Situation	Recommandation
Problèmes mineurs isolés	Corrections ponctuelles
Design OK mais UX à améliorer	Optimisation continue
Technologie obsolète	Refonte technique
Tout est à revoir	Refonte complète
Changement de positionnement	Refonte complète

La règle des 30%: Si plus de 30% du site doit changer, une refonte est souvent plus efficace que des modifications successives.
Phase 1 : Audit et diagnostic
#
Audit de l'existant
Avant de construire le nouveau, comprenez l'ancien.
Audit technique :
Performance (PageSpeed, Core Web Vitals)

Sécurité (HTTPS, vulnérabilités)

Accessibilité (WCAG)

Mobile-friendliness

État du code et de l'infrastructure

Audit SEO :
Positions actuelles sur les mots-clés importants

Pages les plus performantes (trafic, conversions)

Backlinks et autorité de domaine

Erreurs techniques (Search Console)

Structure des URLs

Audit UX :
Parcours utilisateurs (analytics, heatmaps)

Points de friction identifiés

Taux de conversion par page

Feedback utilisateurs (enquêtes, support)

Audit contenu :
Inventaire complet des pages

Contenus à conserver, mettre à jour, supprimer

Contenus manquants à créer

Médias (images, vidéos, documents)

#
Analyse concurrentielle
Étudiez 3-5 concurrents directs :

Design et positionnement visuel

Fonctionnalités proposées

Structure et navigation

Contenus et ton de communication

Points forts et faiblesses

#
Définir les objectifs
Objectifs SMART :

Spécifiques: "Augmenter les demandes de devis" (pas "améliorer le site")

Mesurables: "+50% de leads via le formulaire"

Atteignables: Réalistes avec les ressources disponibles

Relevant: Alignés avec la stratégie business

Temporels: "D'ici 6 mois après le lancement"

Exemples d'objectifs de refonte :
Augmenter le taux de conversion de 2% à 4%

Réduire le temps de chargement sous 2 secondes

Améliorer le positionnement sur 10 mots-clés cibles

Réduire les demandes support liées à la navigation de 50%

Phase 2 : Cahier des charges
#
Structure du cahier des charges
1. Présentation du projet
Contexte et historique

Objectifs de la refonte

Cibles utilisateurs (personas)

Contraintes (budget, délais, techniques)

2. Périmètre fonctionnel
Arborescence du site

Fonctionnalités par page/section

Intégrations tierces (CRM, analytics, paiement)

Gestion de contenu (qui met à jour quoi)

3. Spécifications techniques
CMS ou framework souhaité

Hébergement et infrastructure

Performances attendues

Sécurité et conformité

Responsive et compatibilité navigateurs

4. Design et UX
Charte graphique existante ou à créer

Références visuelles (sites appréciés)

Contraintes d'accessibilité

Parcours utilisateurs prioritaires

5. Contenu
Contenus existants à migrer

Contenus à créer

Responsabilités (qui fournit quoi)

Formats attendus

6. SEO et migration
Mots-clés cibles

Pages prioritaires à préserver

Plan de redirections

Objectifs de positionnement

7. Planning et budget
Date de lancement souhaitée

Jalons intermédiaires

Budget global et répartition

Processus de validation

#
Erreurs courantes dans le cahier des charges
❌Trop vague: "Le site doit être moderne et performant"

✅Précis: "Temps de chargement < 2s, score Lighthouse > 90"
❌Oublier le contenu: Qui écrit ? Quand ? Quel volume ?

✅Planifier: "50 pages à rédiger, livrées par le client avant le 15/03"
❌Ignorer la maintenance: Que se passe-t-il après le lancement ?

✅Prévoir: "Contrat de maintenance 12 mois inclus"
Phase 3 : Conception
#
Arborescence et wireframes
Arborescence :
Définissez la structure du site avant le design.
Exemple d'arborescence :
Accueil
- Services
- Site vitrine

- E-commerce

- Application web

- Réalisations

- Portfolio

- Études de cas

- Blog

- À propos

- Contact
Wireframes :

Maquettes basse fidélité pour valider la structure et les parcours.

Pas de couleurs ni de visuels définitifs

Focus sur la hiérarchie de l'information

Validation rapide avant le design

#
Design UI
Processus recommandé :

1. Moodboard et direction artistique

2. Design de la page d'accueil

3. Validation client

4. Design des pages types (service, article, contact)

5. Déclinaison des autres pages

6. Design system (composants réutilisables)
Livrables design :

Maquettes desktop et mobile

Prototype interactif (Figma, Adobe XD)

Guide de style (couleurs, typos, espacements)

Assets exportés (icônes, images)

#
Validation et itérations
Bonnes pratiques :

Limiter les allers-retours (3 rounds max)

Valider par écrit chaque étape

Impliquer les décideurs dès le début

Tester avec de vrais utilisateurs si possible

Phase 4 : Développement
#
Choix technologiques
CMS vs développement sur mesure :
Critère CMS (WordPress, etc.) Sur mesure (Next.js, etc.)
Coût initial Moyen Élevé
Autonomie client Élevée Variable
Performance Moyenne Excellente
Personnalisation Limitée Totale
Maintenance Simple Technique
Recommandations par projet :
Site vitrine simple → WordPress, Webflow

Site vitrine premium → Next.js, Webflow

E-commerce < 500 produits → Shopify, WooCommerce

E-commerce complexe → Shopify Plus, sur mesure

Application web → Next.js, Nuxt, sur mesure

#
Environnements de développement
Configuration recommandée :

Local: Développement et tests

Staging: Validation client, tests finaux

Production: Site en ligne

Règles :
Jamais de développement directement en production

Staging identique à la production

Processus de déploiement automatisé

#
Migration des contenus
Stratégies de migration :
1. Migration manuelle(< 50 pages)

- Copier-coller optimisé

- Opportunité de réécrire/améliorer
2. Migration semi-automatique(50-500 pages)

- Export CSV/XML de l'ancien site

- Import avec mapping des champs

- Vérification manuelle
3. Migration automatique(> 500 pages)

- Scripts de migration personnalisés

- Tests automatisés

- Vérification par échantillonnage
Phase 5 : Migration SEO
#
Cartographie des URLs
Étape critique: Listez TOUTES les URLs de l'ancien site.
Outils :

Screaming Frog (crawl complet)

Google Search Console (pages indexées)

Google Analytics (pages avec trafic)

Tableau de mapping :
Ancienne URL Nouvelle URL Redirection Priorité
/services/web-design /services/creation-site 301 Haute
/blog/article-123 /blog/nouveau-slug 301 Moyenne
/page-obsolete - 410 Basse

#
Plan de redirections
Types de redirections :

301: Redirection permanente (transfert du SEO)

302: Redirection temporaire (pas de transfert SEO)

410: Page supprimée définitivement

Règles :
Rediriger vers la page la plus pertinente (pas tout vers l'accueil)

Éviter les chaînes de redirections (A → B → C)

Tester toutes les redirections avant le lancement

#
Checklist SEO pré-lancement
[ ] Toutes les redirections 301 configurées

[ ] Nouveau sitemap.xml généré

[ ] Robots.txt vérifié (pas de blocage accidentel)

[ ] Balises meta (title, description) migrées/optimisées

[ ] Données structurées en place

[ ] Canonical URLs correctes

[ ] Liens internes mis à jour

[ ] Images optimisées avec alt text

Phase 6 : Tests et lancement
#
Tests pré-lancement
Tests fonctionnels :
[ ] Tous les liens fonctionnent

[ ] Formulaires envoient correctement

[ ] Paiement fonctionne (e-commerce)

[ ] Recherche interne opérationnelle

[ ] Espace membre/admin fonctionnel

Tests techniques :
[ ] Performance (PageSpeed
90)

[ ] Mobile responsive

[ ] Compatibilité navigateurs

[ ] Sécurité (HTTPS, headers)

[ ] Accessibilité (WCAG AA)

Tests SEO :
[ ] Redirections fonctionnelles

[ ] Sitemap accessible

[ ] Robots.txt correct

[ ] Pas de contenu dupliqué

[ ] Balises meta présentes

#
Stratégie de lancement
Option 1 : Big bang

Bascule complète à une date fixe

Simple mais risqué

Prévoir une fenêtre de maintenance

Option 2 : Lancement progressif
Déployer section par section

Moins risqué, plus complexe

Idéal pour les gros sites

Checklist jour J :
1. Sauvegarde complète de l'ancien site

2. Mise en maintenance de l'ancien site

3. Déploiement du nouveau site

4. Activation des redirections

5. Tests de fumée (smoke tests)

6. Soumission du sitemap à Google

7. Monitoring intensif
Phase 7 : Post-lancement
#
Surveillance intensive (J+1 à J+30)
Quotidien :

Vérifier les erreurs 404 (Search Console, logs)

Monitorer le trafic (Analytics)

Surveiller les positions SEO

Traiter les retours utilisateurs

Hebdomadaire :
Analyser les parcours utilisateurs

Comparer les KPIs avant/après

Corriger les problèmes identifiés

#
Optimisation continue
La refonte n'est que le début. Planifiez :

A/B tests sur les pages clés

Optimisation des conversions

Création de contenu régulier

Mises à jour techniques

#
Mesurer le succès
KPIs à suivre :
Métrique Avant refonte Objectif Après 3 mois
Temps de chargement 4,2s < 2s ?
Taux de rebond 65% < 50% ?
Taux de conversion 1,5%
3%
?
Trafic organique 5000/mois +20% ?
Positions top 10 15 mots-clés 25 mots-clés ?

Checklist complète de refonte
#
Phase préparatoire

[ ] Audit technique réalisé

[ ] Audit SEO réalisé

[ ] Audit UX réalisé

[ ] Objectifs SMART définis

[ ] Budget validé

[ ] Planning établi

#
Phase conception

[ ] Cahier des charges validé

[ ] Arborescence validée

[ ] Wireframes validés

[ ] Maquettes validées

[ ] Prototype testé

#
Phase développement

[ ] Environnement staging configuré

[ ] Développement terminé

[ ] Contenus migrés

[ ] Redirections configurées

#
Phase lancement

[ ] Tests complets passés

[ ] Sauvegarde ancien site

[ ] Déploiement effectué

[ ] Sitemap soumis

[ ] Monitoring activé

#
Phase post-lancement

[ ] Erreurs 404 corrigées

[ ] KPIs suivis

[ ] Optimisations planifiées

Conclusion : la refonte comme opportunité
Une refonte bien menée est une opportunité de transformer votre présence digitale. Les clés du succès :
Préparer: Audit approfondi et objectifs clairs

Planifier: Cahier des charges détaillé

Protéger: Migration SEO rigoureuse

Mesurer: KPIs avant/après

Vous envisagez une refonte ?Notre équipe vous accompagne de l'audit au lancement, en préservant votre référencement.
Demander un audit de refonte →
Découvrir nos réalisations →

Critère	CMS (WordPress, etc.)	Sur mesure (Next.js, etc.)
Coût initial	Moyen	Élevé
Autonomie client	Élevée	Variable
Performance	Moyenne	Excellente
Personnalisation	Limitée	Totale
Maintenance	Simple	Technique

Ancienne URL	Nouvelle URL	Redirection	Priorité
/services/web-design	/services/creation-site	301	Haute
/blog/article-123	/blog/nouveau-slug	301	Moyenne
/page-obsolete	-	410	Basse

Métrique	Avant refonte	Objectif	Après 3 mois
Temps de chargement	4,2s	< 2s	?
Taux de rebond	65%	< 50%	?
Taux de conversion	1,5%	3%	?
Trafic organique	5000/mois	+20%	?
Positions top 10	15 mots-clés	25 mots-clés	?

Refonte de Site Web : Guide Étape par Étape pour Réussir

Refonte de site web : un projet stratégique

Quand refondre son site web ?

Les signaux d'alerte

Refonte vs évolution continue

Phase 1 : Audit et diagnostic

Audit de l'existant

Analyse concurrentielle

Définir les objectifs

Phase 2 : Cahier des charges

Structure du cahier des charges

Erreurs courantes dans le cahier des charges

Phase 3 : Conception

Arborescence et wireframes

Design UI

Validation et itérations

Phase 4 : Développement

Choix technologiques

Environnements de développement

Migration des contenus

Phase 5 : Migration SEO

Cartographie des URLs

Plan de redirections

Checklist SEO pré-lancement

Phase 6 : Tests et lancement

Tests pré-lancement

Stratégie de lancement

Phase 7 : Post-lancement

Surveillance intensive (J+1 à J+30)

Optimisation continue

Mesurer le succès

Checklist complète de refonte

Phase préparatoire

Phase conception

Phase développement

Phase lancement

Phase post-lancement

Conclusion : la refonte comme opportunité

Questions fréquentes

Besoin d'aide pour votre projet ?