Journal · Méthode
Refonte de site web : que faut-il préparer avant de contacter un studio ?
Une refonte commence par des décisions, des contenus et des contraintes. Préparer ces éléments permet de concevoir un site adapté à votre marque et de planifier sa mise en ligne.
Par Teo Comyn, fondateur de 42studio · Publié le · 5 min de lecture
Sommaire du guide

Décrire le problème que la refonte doit résoudre
« Le site est vieux » décrit une impression, pas un objectif. Un visiteur comprend-il mal votre activité ? Les offres ont-elles changé ? Votre équipe ne peut-elle plus publier de contenu ? Les demandes arrivent-elles sans les informations nécessaires ? Réunissez les problèmes observables plutôt qu’une liste d’effets visuels souhaités.
Choisissez une action principale : demander un échange, découvrir une offre, consulter des projets ou s’inscrire. Décrivez ensuite le parcours qui y mène. Le site doit répondre aux questions du visiteur dans un ordre utile, avec des pages qui ont chacune un rôle.
Si vous possédez des données de fréquentation ou des retours clients, partagez-les avec leur période et leurs limites. Sinon, assumez des hypothèses à valider. Il vaut mieux une décision fondée sur un besoin clairement formulé qu’un pourcentage inventé pour justifier une refonte.
Faire l’inventaire avant de repartir d’une page blanche
Ne transmettez pas de mots de passe dans un brief public. Indiquez qui gère les comptes et comment les accès seront accordés au moment nécessaire. Notez les abonnements et les responsabilités pour éviter qu’un site dépende d’un compte personnel oublié.
| À réunir | Ce qu’il faut noter | Pourquoi |
|---|---|---|
| Pages et URL | Pages à conserver, modifier, fusionner ou retirer. | Préparer les nouvelles destinations et les redirections nécessaires. |
| Contenus | Textes, images, vidéos, droits d’utilisation, versions validées. | Concevoir avec la matière réelle et identifier ce qui manque. |
| Fonctionnalités | Formulaires, réservation, CMS, langues, outils connectés. | Éviter de découvrir une dépendance au moment de développer. |
| Accès | Domaine, hébergement, dépôt, CMS et outils de mesure. | Identifier les responsables et organiser une transmission sécurisée. |
| Marque | Charte, fichiers du logo, typographies et licences. | Faire fonctionner le même système sur les pages et les composants. |
À vous de jouer
Votre dossier de refonte est-il prêt ?
Cochez uniquement les points déjà réunis. Les points restants deviennent votre liste de préparation à télécharger.
0 point prêt sur 6
À préparer : Objectif et action principale définis
Décrire le problème actuel et l’action attendue du visiteur.
À préparer : Inventaire des pages et URL disponible
Exporter ou lister les URL à conserver, fusionner ou rediriger.
À préparer : Textes et images recensés
Identifier les versions validées, les droits et la matière manquante.
À préparer : Outils et responsables des accès identifiés
Lister CMS, domaine, hébergement, formulaires et intégrations.
À préparer : Décideur et étapes de validation connus
Prévoir qui arbitre et quand votre équipe peut répondre.
À préparer : Tests de mise en ligne et reprise prévus
Définir les situations à tester et le responsable du suivi.
Vos réponses restent dans cette page. Aucun envoi ni inscription ; elles sont effacées au rechargement.
Discuter de ce cadragePréparer les contenus qui structurent vraiment le site
Commencez par la présentation de l’activité, les offres, les projets et les réponses aux objections. Pour chaque page, écrivez son public, sa question principale, ses preuves disponibles et son action suivante. Les titres peuvent évoluer pendant la conception, mais ces éléments évitent de dessiner autour de textes factices.
Pour les images, réunissez les originaux et vérifiez leur droit d’utilisation. Distinguez une photo de réalisation, une illustration et une image d’ambiance. Une image informative doit avoir une alternative textuelle pertinente ; une image purement décorative n’a pas besoin d’une description répétitive. Le W3C propose un guide utile pour ce choix.
N’attendez pas d’avoir tous les textes parfaits pour contacter le studio. Montrez ce qui est prêt et ce qui reste à produire. La rédaction, la photographie et la validation des références peuvent alors être intégrées au planning au lieu de bloquer silencieusement le développement.
À lire si l’identité visuelle doit elle aussi évoluer.
Organiser la validation avant la première maquette
Regroupez les retours dans un document et confiez l’arbitrage à une personne identifiée. Des avis contradictoires non arbitrés peuvent changer le projet à chaque étape. Un calendrier réaliste inclut le temps nécessaire à votre propre équipe pour fournir et valider la matière.
01
Valider l’architecture
Décider des pages, de leur rôle et des chemins vers les actions principales. Vérifier qu’aucun contenu nécessaire n’a disparu.
02
Valider une direction avec du vrai contenu
Tester la hiérarchie, les images, les typographies et les composants sur une page représentative. Une jolie couverture ne suffit pas à valider tout un site.
03
Valider les comportements
Vérifier navigation, clavier, mobile, formulaires, erreurs, confirmation et outils connectés. Documenter ce qui reste à corriger.
04
Valider la mise en ligne et la reprise
Contrôler les URL, redirections, métadonnées, contacts et accès d’administration. Prévoir une personne responsable après publication.
Prévoir des critères d’acceptation concrets
Écrivez une courte liste de situations à tester : un visiteur comprend l’offre depuis son téléphone, une personne peut naviguer au clavier, un formulaire refuse une saisie incorrecte et confirme un envoi, une ancienne URL importante mène à sa nouvelle destination. Ces situations sont plus utiles qu’une consigne générale de « site moderne ».
La lisibilité doit également être vérifiée. Les WCAG donnent notamment des repères de contraste pour les textes. Cette vérification ponctuelle ne constitue pas à elle seule un audit complet d’accessibilité. Prévoyez le niveau d’exigence et les contrôles adaptés à votre contexte dès le cadrage.
Enfin, distinguez livraison et suivi. Qui publie les prochaines pages ? Qui corrige un problème technique ? Qui renouvelle le domaine ? Une passation claire fait partie d’une refonte réussie, même quand le site reste simple.
01
Structure
Pages et parcours.
02
Design
Contenu et système.
03
Usage
Mobile, clavier, formulaires.
04
Publication
URL, accès et reprise.
Le format de mission pour cadrer et construire votre site.
Questions fréquentes
Faut-il avoir tous les textes avant de contacter un studio ?
Non. Présentez les textes disponibles et ce qui manque. Il faut toutefois une matière représentative pour valider les maquettes ; le rôle de la rédaction et ses étapes doivent être décidés dans le périmètre.
Peut-on conserver le CMS actuel ?
Oui si ses contraintes, son état et les besoins futurs le permettent. Évaluez l’édition, les intégrations, la maintenance et les compétences de votre équipe avant de décider de conserver ou de changer l’outil.
La refonte peut-elle changer les adresses des pages ?
Oui, mais les anciennes URL utiles doivent être inventoriées et leur destination planifiée. Les redirections, les liens internes et le contrôle après publication doivent faire partie de la préparation.
Qui fournit les photographies et illustrations ?
Cela doit être précisé dans la mission. Le studio peut travailler avec vos assets ou prévoir une production. Les droits, les formats et la validation des images doivent être définis avant leur intégration.
Comment éviter une refonte qui s’éternise ?
Fixez un périmètre, un décideur, des validations et les contenus nécessaires à chaque phase. Si une nouvelle demande modifie le périmètre, arbitrez-la explicitement plutôt que de l’ajouter sans ajuster l’organisation.
Références pour approfondir
- W3C : alternatives textuelles des images (nouvel onglet)
Référence pour distinguer images informatives et décoratives.
- W3C : contraste minimum des textes (nouvel onglet)
Un des critères à considérer lors de la vérification de lisibilité.
Pour la suite
Poursuivre votre préparation.
Le brief créatif : le modèle pour briefer un studio
Un bon brief fait gagner des semaines. Les dix rubriques à remplir avant d'appeler un studio, et les erreurs qui coûtent le plus cher.
Lire le guide ↗
Identité de marque et site web : dans quel ordre construire votre projet ?
Il ne faut ni attendre une charte figée pour réfléchir au site, ni développer des pages sur une marque indécise. Voici comment faire avancer les deux avec les bons points de validation.
Lire le guide ↗
Studio créatif, agence ou freelance : comment choisir pour votre marque ?
Le bon partenaire dépend du travail à faire et de votre organisation. Voici les critères qui comptent davantage que la taille de la structure ou l’étiquette sur sa porte.
Lire le guide ↗