Refonte de site web – guide complet pour TPE/PME

La refonte de site web (parfois appelĂ©e refonte de site internet ou refaire un site) reprĂ©sente une opportunitĂ© stratĂ©gique de transformer votre prĂ©sence en ligne, d’amĂ©liorer votre rĂ©fĂ©rencement naturel, et de renforcer votre image de marque auprĂšs des utilisateurs. Pour qu’un projet de refonte ne devienne pas un gouffre en temps, en budget et en Ă©nergie, il doit s’appuyer sur un cahier des charges dĂ©taillĂ©, clairement orientĂ© vers vos objectifs business.

En tant que fondateur de Mirtillo, j’accompagne au quotidien des dirigeants et des responsables marketing dans l’exĂ©cution de leurs stratĂ©gies digitales : audit SEO, crĂ©ation de contenu, design UX/UI et pilotage de l’expĂ©rience utilisateur. Ce guide complet rĂ©pond Ă  toutes les questions essentielles et intĂšgre les mots‑clĂ©s indispensables pour optimiser votre visibilitĂ© dans les moteurs de recherche.

Sommaire

  1. Quand faut‑il refondre son site ?

  2. Signes indiquant qu’une refonte est nĂ©cessaire

  3. Avantages d’une refonte de site web

  4. Objectifs SMART pour votre refonte

  5. Guide pas‑à‑pas pour le cahier des charges

  6. Questions fréquentes (FAQ)

  7. Qui contacter ? Agence, freelance ou Mirtillo ?

  8. Tableaux pratiques : budget & planning

  9. Checklist SEO avant la mise en ligne

1. Quand faut‑il refondre son site web ?

Les moments clés

  • Lancement d’une nouvelle offre ou repositionnement stratĂ©gique de l’entreprise.

  • Technologie obsolĂšte : CMS dĂ©passĂ©, modules non maintenus, failles de sĂ©curitĂ©.

  • Temps de chargement trop long (> 3 s) impactant la conversion et le SEO.

  • Passage au responsive design obligatoire pour capter le trafic mobile.

  • Évolution des intentions de recherche de vos clients ou de votre audience.

Astuce : effectuez une recherche de « core web vitals » dans Google Search Console pour repérer les pages lentes.

2. Signes indiquant qu’une refonte est nĂ©cessaire

KPISeuil d’alerteConsĂ©quence
Trafic organique ↓−20 % sur 6 moisPerte de visibilitĂ©
Taux de rebond ↑> 60 % sur pages clĂ©sMauvaise UX
Taux de conversion (lead, vente) ↓< 2 %Manque d’optimisation
Erreurs 404 / redirections 302 ↑> 1 % du crawlDilution du maillage
Score mobile Google PageSpeed ↓< 70/100PĂ©nalitĂ© SEO mobile

Check‑list rapide

  • Navigation en 3 clics maximum vers toute page essentielle.

  • Contenus datĂ©s ou dupliquĂ©s.

  • DifficultĂ© Ă  mettre en place de nouvelles fonctionnalitĂ©s (chatbot, paiement).

  • Manque d’intĂ©gration avec votre CRM ou vos workflows d’inbound marketing.

3. Avantages d’une refonte de site web

  • Boost SEO : structure Hn optimisĂ©e, balisage schema.org, maillage interne renforcĂ©, meilleur classement sur les moteurs de recherche.

  • ExpĂ©rience utilisateur amĂ©liorĂ©e : design moderne, accessibilitĂ© RGAA, parcours de conversion fluides.

  • Augmentation du taux de conversion : +30 % constatĂ© en moyenne aprĂšs optimisation UX.

  • RĂ©duction du coĂ»t d’acquisition client (CAC) grĂące au rĂ©fĂ©rencement et Ă  l’automatisation marketing.

  • Scalabilité : un site techniquement prĂȘt pour de futures fonctionnalitĂ©s.

4. Objectifs SMART pour votre refonte

Objectif (S)Indicateur (M)Cible (A/R)Deadline (T)
Leads qualifiésNombre de formulaires+30 %6 mois
Taux de conversion visiteursCR global e‑commerce2 → 3,5 %9 mois
Taux de rebond% sorties premiùres pages60 → 40 %4 mois
Temps de chargementCore Web Vitals (LCP)< 2,5 s3 mois

5. Guide pas‑à‑pas pour rĂ©diger le cahier des charges

1. Contexte & objectifs business

DĂ©crivez en dĂ©tail : marchĂ©, stratĂ©gie d’inbound, cibles, diffĂ©renciation et KPIs.

2. Public cible & personas

  • Utilisateurs B2B : dĂ©cideurs, directions achat.

  • Utilisateurs finaux : consommateurs, millĂ©niaux, mobiles first.

  • Intentions de recherche : informational, commercial, transactionnel.

3. Fonctionnalités essentielles

Must‑haveNice‑to‑have
Formulaire de contact multistepChat vidéo live
Paiement sécurisé (CB, PayPal, Apple Pay)Wallet crypto
Blog optimisé SEOEspace membre gamifié
Intégration CRM (HubSpot)Marketplace interne
Recherche interne auto‑complĂ©tionMoteur IA de recommandation

4. Design & expérience utilisateur

Soyons clairs : la cause N° 1 pour lancer la refonte de votre site internet, c’est d’amĂ©liorer l’expĂ©rience utilisateur. Les tendances filent Ă  toute allure ; si vous visez le parfait, offrez‑leur une navigation ultra‑fluide, des pages qui s’affichent en un clin d’Ɠil et un design qui respire.

Cerise sur le gĂąteau : Google adore ça. Plus votre UX est bĂ©ton, plus votre site grimpe dans les rĂ©sultats. Miser dĂšs maintenant sur la refonte de votre site internet, c’est donc attirer, convaincre et convertir sans perdre une minute.

Une refonte d'un site web :

  • Charte graphique : couleurs, typographies, iconographie.

  • Grilles 12 colonnes, angles arrondis 8 px, ombres douces.

  • Parcours mobile > desktop (mobile‑first).

  • Tests A/B sur boutons et sections clĂ©s.

5. Exigences SEO & contenus

  • Pages piliers + cluster d’articles (livre blanc, Ă©tudes de cas).

  • Optimisation temps de chargement : images WebP, lazy‑loading, CDN.

  • StratĂ©gie de redirection 301 pour migrer les anciennes URLs.

6. Aspects techniques

Une refonte de site, c’est aussi prendre en compte les aspects techniques indispensables pour garantir un rĂ©sultat optimal. Il ne s’agit pas seulement de revoir les contenus.

  1. Choix du moteur

    • WordPress : rapide Ă  dĂ©ployer, vaste Ă©cosystĂšme de thĂšmes et plugins, idĂ©al pour blogs, vitrines et petites boutiques.

    • Drupal : le couteau suisse des projets Ă©ditoriaux costauds ; gestion fine des rĂŽles et contenus, multilingue natif.

    • Shopify : zĂ©ro souci d’infra, paiement intĂ©grĂ©, parfait pour l’e‑commerce qui veut scaler vite.

    • Sur‑mesure : quand votre business ne rentre plus dans les cases, place au “tailor‑made” avec Symfony ou Laravel ; vous gardez la main sur chaque pixel et chaque deuxiĂšme de chargement.

  2. Hébergement scalable
    Anticipez les pics de trafic : cloud auto‑scalable, CDN pour servir vos assets Ă  la vitesse de l’éclair et bases de donnĂ©es rĂ©pliquĂ©es pour la haute disponibilitĂ©s.  (Amazon, OVH, Ionos, etc).

  3. Sécurité SSL & blindage RGPD
    Tout site doit chiffrer le moindre octet qui transite. Un certificat SSL/TLS renouvelé automatiquement + des headers CSP/HSTS = confiance cÎté client et bonus SEO cÎté Google.

  4. Sauvegardes automatiques & plan de reprise
    Le meilleur backup, c’est celui qu’on n’a pas eu besoin d’y penser : snapshots quotidiens, stockage hors site et tests rĂ©guliers de restauration. Parce qu’un site parfait qui disparaĂźt du jour au lendemain, ça ne fait rire personne.  Chez Mirtillo, nous sauvegardons nos fichiers et base de donnĂ©es au quotidien.

  5. Monitoring uptime en temps réel
    Ping toutes les trente secondes, alertes Slack/SMS en cas de panne, dashboards qui parlent clair : plus vous repĂ©rez tĂŽt un couac, moins l’utilisateur (et votre chiffre d’affaires) en pĂątit.

En combinant ces briques techniques avec un design centré‑utilisateur, vous offrez Ă  votre audience une navigation fluide, sĂ©curisĂ©e et toujours en ligne — exactement le cocktail que Google adore et que vos prospects attendent. Bref : la refonte, c’est l’occasion de viser (et d’atteindre) le parfait.

7. Intégrations marketing

L’intĂ©gration marketing, un pilier stratĂ©gique de toute refonte de site web

Lorsqu’on parle de refonte de site web, il ne s’agit pas uniquement de design ou de contenu. Un volet essentiel, souvent sous-estimĂ©, rĂ©side dans l’intĂ©gration des outils marketing. Une refonte rĂ©ussie doit inclure une architecture technique pensĂ©e pour optimiser la performance commerciale du site.

Cela passe notamment par la mise en place ou l’optimisation d’un CRM (Customer Relationship Management) permettant de centraliser et d'exploiter efficacement les donnĂ©es clients. En lien avec ce systĂšme, l’automatisation des campagnes via des outils comme Sendinblue (ou d'autres plateformes d’emailing) permet de crĂ©er des scĂ©narios marketing personnalisĂ©s, rĂ©actifs et mesurables.

Le tracking publicitaire, grĂące Ă  des outils comme Google Analytics 4 (GA4), est Ă©galement fondamental pour comprendre le comportement des visiteurs, suivre les conversions, et ajuster les campagnes publicitaires en temps rĂ©el. Enfin, la mise en place d’un tableau de bord centralisĂ© avec Google Data Studio (ou Looker Studio) permet de piloter l’ensemble des KPIs marketing et business, en offrant une visibilitĂ© claire sur les performances du site et des actions menĂ©es.

8. Budget & planning

Anticipez les imprévus, internes ou externes, en prévoyant une marge de 10 à 15 % dans le budget de votre refonte de site internet.

6. FAQ - Questions fréquentes supplémentaires

Est‑ce qu’une refonte est toujours la meilleure solution ?

Avant d’engager un projet de refonte, vĂ©rifiez si une mise Ă  jour ciblĂ©e (optimisation du temps de chargement, ajout de nouvelles fonctionnalitĂ©s, rafraĂźchissement graphique) peut suffire. Si votre CMS est encore maintenu, votre maillage interne solide et vos objectifs business atteints Ă  80 %, une Ă©volution incrĂ©mentale sera plus rapide et moins coĂ»teuse. En revanche, un socle technique obsolĂšte, un design datĂ© et un rĂ©fĂ©rencement naturel en chute libre rendent la refonte incontournable pour amĂ©liorer durablement la performance.

Combien coûte une refonte de site ?

Le prix d’une refonte de site varie selon la complexitĂ©, le volume de contenus, les intĂ©grations et le niveau d’accompagnement. Les fourchettes ci‑dessous incluent conception, design, dĂ©veloppement, migration, SEO et tests :

Type de siteBudget « Essentiel »Budget « Premium »
Site vitrine (≀ 20 pages)1 000 € – 8 000 €8 000 € – 15 000 €
Landing page (1 page)500 € - 1000€1000 € - 4000 €
E‑commerce (≀ 200 produits)8 000 € – 20 000 €20 000 € – 50 000 €
Portail / SaaS sur‑mesure15 000 € – 40 000 €40 000 € +

Astuce budget : prĂ©voyez 10–15 % pour les imprĂ©vus (connecteurs API, Ă©volutions SEO, traductions).

Quelle est la diffĂ©rence entre « refonte » et « mise Ă  jour » ?

  • Mise Ă  jour : amĂ©lioration ponctuelle (patch de sĂ©curitĂ©, ajout d’un plugin, retouche graphique).

  • Refonte : rĂ©vision complĂšte de l’architecture, de l’expĂ©rience utilisateur, du contenu, de la stratĂ©gie SEO et parfois du CMS. Elle implique un nouveau cahier des charges et souvent une migration de base de donnĂ©es.

Quel est le bon timing pour lancer un projet de refonte ?

Un projet de refonte devient prioritaire quand :

  • votre trafic organique stagne ou rĂ©gresse malgrĂ© vos efforts de contenu ;

  • le taux de conversion plafonne alors que vos concurrents progressent ;

  • vos indicateurs techniques (temps de chargement, Core Web Vitals, version PHP/Node) ne sont plus aux standards actuels ;

  • votre CMS / framework n’est plus maintenu, ce qui multiplie les failles de sĂ©curité ;

  • votre stack technologique (PHP, NodeJS, etc) n'est pas Ă  jour.
  • vos Ă©quipes marketing se plaignent de la difficultĂ© Ă  mettre Ă  jour le site, publier des articles ou crĂ©er de nouvelles pages d’atterrissage.

Astuce : rĂ©alisez un audit croisĂ© (SEO + UX + technique). Si plus de 30 % des recommandations nĂ©cessitent des changements structurels, le projet de refonte sera presque toujours plus rentable qu’une sĂ©rie de petites corrections.

Quelles spĂ©cificitĂ©s pour la refonte d’un site vitrine ?

La refonte d’un site vitrine (par opposition à un e‑commerce) vise avant tout à :

  1. Renforcer la crédibilité de la marque : design épuré, mise en avant des preuves sociales (témoignages, logos clients).

  2. GĂ©nĂ©rer des leads qualifiĂ©s : formulaires courts, appels Ă  l’action visibles, intĂ©gration CRM.

  3. Optimiser le référencement local : pages géolocalisées, schémas LocalBusiness, avis Google / Trustpilot.

  4. Réduire le temps de chargement : images WebP, hébergement CDN, code allégé.

  5. Faciliter la mise Ă  jour par l’équipe : backoffice simple, modĂšles de pages rĂ©utilisables, tutoriels internes.

Bon Ă  savoir : un site vitrine performant compte rarement plus de trois niveaux de navigation ; concentrez‑vous sur la clartĂ© du parcours utilisateur plutĂŽt que sur la multiplication des sous‑pages.

Comment choisir le meilleur CMS pour son projet ?

  1. Évaluez vos besoins fonctionnels : blog, e‑commerce, espace membre, multilingue.

  2. ConsidĂ©rez la courbe d’apprentissage pour votre Ă©quipe.

  3. VĂ©rifiez l’écosystĂšme (plugins, communautĂ©, sĂ©curitĂ©).

  4. Comparez le coût total de possession (licence, hébergement, maintenance).

  5. Testez la performance (Core Web Vitals) et la compatibilité SEO.

CMSPoints fortsLimites
WordPressFlexible, énorme écosystÚme, prix modéréMaintenance plugins, sécurité
ShopifyE‑commerce clĂ© en main, paiements intĂ©grĂ©sAbonnement mensuel, moins de contrĂŽle
DrupalRobuste, multisite, permissions avancĂ©esCourbe d’apprentissage, coĂ»t dev
WebflowNo‑code, design rapide, hĂ©bergement CDNFonctionnalitĂ©s e‑commerce limitĂ©es

Quelles tactiques SEO mettre en place avant / aprÚs la mise en ligne ?

  • Avant : audit de mots‑clĂ©s, mapping URL, rĂ©daction de contenu optimisĂ©, plan de redirections 301.

  • Pendant : monitoring Search Console, vĂ©rification du fichier robots.txt, test temps de chargement.

  • AprĂšs : netlinking, mise Ă  jour du sitemap XML, analyse des classements, optimisation continue (Core Web Vitals).

Comment mesurer le ROI six mois aprĂšs la refonte d'un site internet ?

  1. Comparez les KPIs avant/aprÚs : trafic organique, taux de conversion, panier moyen.

  2. Calculez le coĂ»t d’acquisition client (CAC) sur 6 mois.

  3. Mesurez l’amĂ©lioration du rĂ©fĂ©rencement (nombre de mots‑clĂ©s en top 10).

  4. Analysez la durĂ©e des sessions et l’engagement (pages vues, scroll).

  5. Reliez les revenus incrémentaux au budget alloué à la refonte.

Faut‑il privilĂ©gier une agence ou une Ă©quipe interne ?

  • Agence digitale : compĂ©tences 360 °, mĂ©thodologie Ă©prouvĂ©e, SLA, mais budget plus Ă©levĂ©.

  • Équipe interne : connaissance produit, rĂ©activitĂ©, maĂźtrise des coĂ»ts rĂ©currents, mais besoin de ressources spĂ©cialisĂ©es (UX, dev, SEO).
    Solution hybride : core team interne + experts freelance pour les phases critiques.

Mirtillo vous accompagne avec ses différents partenaires (équipe et freelance spécialisé) dans les différentes phases de votre refonte.

Comment intĂ©grer une stratĂ©gie d’inbound marketing post‑refonte ?

  1. Aimant à leads : ebook, livre blanc ou checklist téléchargeable.

  2. Workflow email automatisé dans votre CRM (nurturing).

  3. Blogs optimisĂ©s mots‑clĂ©s longue traĂźne.

  4. Call‑to‑action clair sur chaque page.

Pourquoi publier un livre blanc dùs la mise en ligne ?

Un livre blanc est un contenu premium idĂ©al pour capter des leads dĂšs le lancement : il fait autoritĂ©, renforce votre stratĂ©gie de rĂ©fĂ©rencement (mots‑clĂ©s longue traĂźne + backlinks) et nourrit vos campagnes d’inbound marketing.

Quelles sont les causes frĂ©quentes d’échec d’une refonte ?

  • Manque de cahier des charges.

  • Manque d'objectifs dans votre cahier des charges
  • Sous‑estimation du contenu et des ressources.

  • Ajout continu de fonctionnalitĂ©s (scope creep).

  • Absence de tests utilisateurs.

  • Absence de tests techniques.
  • Mauvaise gestion des redirections SEO.

Comment noter la performance d’une page aprùs migration ?

Utilisez un barùme 0‑100 :

CritÚrePoidsOutil recommandé
Temps de chargement30 %PageSpeed Insights
Taux de rebond20 %GA4
Position moyenne SEO20 %Search Console
Taux de conversion20 %GA4 / CRM
AccessibilitĂ© RGAA10 %Wave / Lighthouse

Additionnez pour une note globale par page.

Quel est le prix d’un site vitrine vs e‑commerce ?

Un site vitrine simple (15 pages, blog, formulaire) dĂ©marre Ă  4 000 € et peut monter Ă  15 000 € selon le design et les intĂ©grations. Un site e‑commerce (catalogue, paiement, logistique) varie de 8 000 € Ă  50 000 €+, en fonction du nombre de produits, du connecteur ERP, des dĂ©clinaisons, et des besoins B2B (tarifs spĂ©cifiques, comptes clients).


Besoin d’un accompagnement complet ? Contactez Mirtillo pour auditer vos pages, dĂ©finir la meilleure stratĂ©gie et mettre en place une refonte ROI‑ste !

7. Qui contacter pour votre refonte ?

SolutionAvantagesInconvénients
Agence digitaleÉquipe pluridisciplinaire, processus, SLABudget plus Ă©levĂ©
FreelanceSouplesse, réactivité, tarif compétitifBande passante limitée
Mirtillo (mon offre)Audit complet, pilotage A‑Z, coachingPlaces limitĂ©es / sĂ©lection projet

Mes prestations : audit technique & SEO, rĂ©daction de cahier des charges, gestion de projet, suivi KPIs post‑mise en ligne.

8. Tableaux pratiques

Répartition budgétaire recommandée

Poste de dépense% du budgetMontant indicatif (site vitrine)
Conception UX/UI20 %2 000 €
DĂ©veloppement front/back35 %3 500 €
CrĂ©ation de contenu15 %1 500 €
SEO & optimisation10 %1 000 €
HĂ©bergement & maintenance5 %500 € / an
ImprĂ©vus (buffer)15 %1 500 €
Total100 %10 000 €

Planning type (12 semaines)

SemainePhaseLivrables
1–2Audit & benchmarkRapport d’audit, analyse marchĂ©
3–4Cahier des chargesDocument validĂ©
5–6Wireframes & maquettesFigma prototypes
7–10DĂ©v. front & backSite beta
11Tests & correctionsRapports bugs, validation SEO
12Mise en ligneGo‑live & monitoring

9. Checklist SEO avant la mise en ligne

  • VĂ©rifier les redirections 301.

  • GĂ©nĂ©rer le sitemap XML et l’indexer dans Google Search Console.

  • ContrĂŽler la balise title et la meta description de chaque page.

  • Auditer les temps de chargement (LCP, CLS, FID).

  • Mettre en place un plan de maillage interne cohĂ©rent.

  • Tester la version mobile sur plusieurs appareils.

  • Configurer les indicateurs GA4 et les rapports personnalisĂ©s.

PrĂȘt Ă  lancer la refonte de votre site web ? Contactez l’équipe Mirtillo pour un devis gratuit et transformez votre site en vĂ©ritable levier de croissance
Prendre rendez-vous