Méthode · Refonte

Refonte site web :
la checklist 32 points.

Ce qu'on vérifie en interne avant livraison.

Appliquée sur 50+ projets.

Performance, SEO, accessibilité, conversion, mobile. La méthode RYADESIGN utilisée pour BNP Paribas, MAAF, NovaBank, AFPA. Si tu coches les 32, ton site est prêt à passer en prod.

Par Ramsi Ferkous 2026-06-19 14 min de lecture

Une refonte qui livre sans bug, c'est un mythe — sauf si tu coches une checklist. Voici les 32 points que je valide systématiquement chez RYADESIGN avant chaque mise en prod. Méthode appliquée pour BNP Paribas (600+ analystes), MAAF (4M utilisateurs), Orange.

1. Stratégie & contenu (4 points)

  1. Personae validées par 3-5 interviews utilisateurs minimum.
  2. Architecture d'information testée en card-sorting ou tree-test.
  3. Contenu rédigé par un copywriter (pas placeholder "Lorem ipsum") avant le design.
  4. SEO keywords définis pour chaque page (1 keyword primaire + 3 secondaires).

2. Design (6 points)

  1. Design system ou tokens définis (colors, typo, spacing, radius) avant les écrans.
  2. Mobile-first : tous les écrans designés à 390 px avant le desktop.
  3. États interactifs définis : hover, focus, active, disabled, loading, error.
  4. Hiérarchie de l'attention claire (1 CTA primaire par écran).
  5. Contraste WCAG AA validé sur tous les textes (4,5:1 minimum).
  6. Cohérence cross-page : tous les composants identiques d'une page à l'autre.

3. Développement (8 points)

  1. Semantic HTML5 : section, article, nav, header, footer utilisés correctement.
  2. Alt text sur 100 % des images informatives.
  3. ARIA labels sur les boutons icônes.
  4. Lazy loading sur toutes les images sous le fold.
  5. Format moderne : WebP avec fallback JPG, AVIF pour les hero.
  6. Fonts en woff2 avec font-display:swap.
  7. Critical CSS inlined dans le head.
  8. JS deferred sauf scripts critiques (analytics, consent).

4. Performance (4 points)

  1. LCP < 1,8s sur mobile 4G (test Lighthouse réel, pas dev tools).
  2. INP < 200 ms sur tous les écrans interactifs.
  3. CLS < 0,05 sur toutes les pages.
  4. Bundle JS < 100 KB minifié + gzippé pour la page d'accueil.

5. SEO (5 points)

  1. Meta tags uniques par page (title 50-65 chars, description 140-160 chars).
  2. Schema.org JSON-LD sur toutes les pages (Organization, Article, FAQPage, BreadcrumbList).
  3. Sitemap XML et robots.txt à jour.
  4. Open Graph + Twitter Card avec OG image dédiée par page.
  5. Canonical URL sur chaque page.

6. Conversion (3 points)

  1. 1 CTA primaire au-dessus du fold mobile sur la home.
  2. Formulaire avec 3 champs max au premier contact.
  3. Tracking Google Analytics 4 + Pixel Meta + Conversion API configuré.

7. Sécurité & RGPD (2 points)

  1. HTTPS avec HSTS preload activé.
  2. Cookie consent conforme CNIL + gtag consent v2.

Comment utiliser cette checklist

Trois modes d'usage selon ton contexte :

Tu fais ton site toi-même : imprime la liste, valide point par point avant chaque mise en ligne. Si tu en rates 3+, ton site va converter moins bien sans que tu saches pourquoi.

Tu pilotes une équipe : intègre cette checklist dans ton process. Aucune mise en prod sans validation 32/32. C'est ce qu'on fait chez RYADESIGN.

Tu prends une agence : demande son équivalent. Si elle n'a pas de checklist équivalente, fuis. Une agence sans process livre des bugs.

La version PDF imprimable

La checklist complète au format PDF imprimable (avec captures d'écran, contre-exemples, et cases à cocher) est dans le Kit Site Pro gratuit (32 points + Template Figma + grille tarifaire RYADESIGN).

Si tu veux qu'on audite ton site sur ces 32 points : audit gratuit en 24h ou 30 min d'appel.

· Questions fréquentes
Combien de temps prend une refonte de site web complète ?

Refonte freelance Solo : 7-10 jours. PME corporate : 4-6 semaines. Site + branding complet : 21-42 jours. SaaS / web app : 8-16 semaines. Refonte grand compte : 3-6 mois. Délais à partir du brief signé, pas du devis.

Quels sont les KPIs après une refonte réussie ?

À 30 jours : LCP < 1,8s, taux de rebond -10 à -25 %, durée de session +20-40 %. À 90 jours : conversion +15-40 %, leads qualifiés +20-50 %. Si après 90 jours tu n'as pas de mouvement, la refonte a raté ses objectifs business.

Faut-il refaire toute la techno ou peut-on garder l'existant ?

Si ton site est sur WordPress depuis 5+ ans avec 30+ plugins : refais. Si sur Webflow ou Next.js récent : tu peux probablement garder la techno et refaire juste le design. Audit techno à faire avant de décider — c'est inclus dans l'audit RYADESIGN.

Quand refaire son site ?

Indicateurs : taux de rebond > 65 %, LCP > 3s, conversion < 1 %, site > 5 ans, refus d'investisseurs sur l'argument "votre site fait amateur". Si tu coches 2 sur 4, c'est le moment.

Combien coûte une refonte qui inclut ces 32 points ?

Refonte minimaliste qui coche les 32 points : 4 900 € (RYADESIGN Studio). Refonte avec branding complet : 9 900-14 900 €. Refonte plateforme PME : 15 000-25 000 €. Refonte CAC40 : 35 000-75 000 €. La checklist 32 points est incluse par défaut dans tous les forfaits RYADESIGN.

Travailler ensemble

On en parle ?