Les différents types de refontes de site Web
La « refonte d’un site Web » désigne une multitude de projets, plus ou moins complexes : une simple réorganisation de l’arborescence, un changement de charte graphique ou encore la refonte totale du site.
Avant de vous engager dans la refonte de votre site, il convient donc de clarifier le type de refonte envisagée. Cela vous permettra de rédiger un cahier des charges adapté et rechercher les bonnes expertises.
Dans cet article, je vous aide à comprendre, pour chaque type de refonte :
- ses enjeux,
- son périmètre,
- les ressources nécessaires (budget et compétences),
- le(s) prérequis à sa bonne mise en œuvre.
Je vous donne également des éléments concrets pour vous aider à déterminer de quel(s) type(s) de refonte le site Web de votre entreprise a peut-être besoin.
Ce qu’il faut retenir
- Il existe six grands types de refontes : graphique, ergonomique, structurelle, éditoriale, technique et intégrale.
- Chacune répond à un besoin précis et nécessite des compétences spécifiques.
- Choisir le bon type de refonte est essentiel pour réussir votre projet tout en maîtrisant votre budget.
- Si vous avez un doute ou besoin de conseil, contactez-moi.
Les 6 grands types de refonte de site Web
La refonte graphique
Aussi appelée refonte visuelle.
La refonte graphique d’un site Web est généralement nécessaire quand l’identité visuelle et/ou la charte graphique de celle-ci évoluent. On peut aussi l’envisager quand le design du site est obsolète ou n’est plus en phase avec la cible.
Une refonte graphique implique habituellement les interventions suivantes :
- changement de logo ;
- modification des couleurs du site ;
- évolution des styles graphiques (taille des textes, apparence des liens, rendu des formulaires, comportement du menu…) ;
- changement des polices et des règles typographiques.
L’objectif est que tous ces éléments collent parfaitement à la nouvelle identité visuelle et à la charte graphique.
La refonte graphique n’affecte que l’aspect visuel. L’arborescence, les fonctionnalités et le contenu peuvent toutefois évoluer à la marge.
Refondre visuellement son site Web revient à repeindre les murs de sa maison : on peut en profiter pour déplacer quelques meubles ou rajouter des étagères, mais on ne fait pas de gros œuvre.
Ressources et prérequis
Mener une refonte graphique en interne ou par l’intermédiaire d’un prestataire (freelance ou agence) fait appel aux compétences suivantes : graphisme, intégration HTML/CSS et gestion de projet.
Si elle ne nécessite pas la rédaction d’un cahier des charges, la réalisation de maquettes est incontournable.
Budget à prévoir
Ce type de refonte implique un budget faible à modéré, selon la taille du site et le nombre de gabarits (modèles de pages) à créer.
La refonte ergonomique
Une refonte ergonomique permet de repenser le parcours utilisateur en considérant les habitudes de navigation (notamment sur mobile) des internautes et les objectifs de conversion du site. Ici, l’internaute est au cœur des préoccupations.
Elle va plus loin que la refonte graphique et se concentre sur la manière dont les internautes interagissent avec le site.
Plusieurs situations peuvent nécessiter une refonte ergonomique :
- vous observez une baisse des conversions (prises de contact, demandes de devis, ventes…),
- des internautes vous remontent des difficultés pour utiliser le site,
- votre site n’est pas adapté aux appareils mobiles.
Ces situations peuvent d’ailleurs être liées : un site difficile à utiliser décourage ses visiteurs qui abandonnent leur parcours avant la conversion.
La refonte ergonomique revient à repenser la circulation entre les pièces de votre maison ou de votre boutique. Cela peut nécessiter d’abattre ou de rajouter des cloisons, de déplacer des meubles ou encore de changer la couleur de certains murs.
La refonte ergonomique est aussi appelée refonte UX/UI en référence aux deux grandes expertises qu’elle nécessite.
Ressources et prérequis
UX design, intégration HTML/CSS, développement et gestion de projet sont les compétences requises pour une refonte ergonomique réussie.
La rédaction préalable d’un cahier des charges n’est pas indispensable mais peut se révéler utile. En revanche, un audit doit être réalisé en amont : il mettra en lumière les points forts à conserver et les faiblesses à corriger/améliorer.
Des entretiens avec des utilisateurs et utilisatrices du site sont également recommandés.
Pour en savoir plus sur l’audit de site Web :
Budget à prévoir
La refonte ergonomique a un impact structurel, visuel et technique. Elle peut donc représenter un investissement modéré à important, en fonction de la taille du site et de l’importance des modifications à effectuer.
La refonte structurelle
Lors d’une refonte structurelle, on retravaille exclusivement l’arborescence et l’organisation des contenus.
Objectif : rendre le site plus accessible, tant pour les internautes que pour les robots des moteurs de recherche.
Différentes situations conduisent à l’envisager :
- Lorsque vous souhaitez optimiser le référencement naturel (SEO) : la refonte structurelle permet notamment de mettre en avant plus efficacement certaines rubriques ou de créer des cocons sémantiques, utiles aux moteurs de recherche parcourant le site.
- Lorsque l’arborescence est trop complexe, comporte trop de niveaux : elle la clarifie, tout en évitant les liens cassés, les disparitions involontaires, les doublons…
- Lorsque l’arborescence n’est plus pertinente avec la stratégie de l’entreprise, ses objectifs marketing, sa communication, ou lorsque l’entreprise développe une nouvelle gamme de produits ou de services : elle s’y adapte pour une lisibilité efficace de l’offre et un accès facile aux informations.
Au-delà de la réorganisation de l’arborescence, la refonte structurelle est aussi l’occasion de mettre à plat l’ensemble des contenus du site. Certains pourront alors être réécrits, d’autres fusionnés, quand ils ne sont pas supprimés. Elle va souvent de pair avec la refonte ergonomique.
La refonte structurelle d’un site revient à changer les meubles de place dans une pièce. À cette occasion, certains meubles pourront être changés.
Ressources et prérequis
La refonte structurelle fait appel à des compétences en matière d’UX design, de SEO, de rédaction Web et de gestion de projet, mais ne nécessite pas la rédaction d’un cahier des charges.
En revanche, elle peut nécessiter l’intervention d’un spécialiste des contenus Web pour structurer au mieux les contenus.
Budget à prévoir
Son impact budgétaire est faible si on se contente de réorganiser le contenu existant sans en créer de nouveau.
Je peux vous aider.
La refonte éditoriale
La refonte éditoriale est indiquée lorsque le contenu d’un site Web ne rencontre pas ou plus son public.
Cela peut être le cas quand un site prend de l’âge, que son contenu ancien n’est plus d’actualité, tant sur le fond que sur la forme. Ce type de refonte est aussi utile pour optimiser le SEO tout en capitalisant sur l’existant.
La mise en œuvre d’une stratégie de contenu ou l’évolution de la ligne éditoriale nécessitent aussi un passage par la case refonte éditoriale.
Lors d’une refonte éditoriale, on analyse l’intégralité des contenus déjà présents sur le site Web (pages, articles de blog, fiches produits, newsletter…) :
- Sont-ils toujours d’actualité, partiellement ou totalement obsolètes ?
- Sont-ils toujours en adéquation avec la stratégie de l’entreprise ?
- Sont-ils optimisés pour le SEO ?
- Nécessitent-ils une relecture orthographique ?
- Le maillage interne est-il pertinent ?
Selon les résultats de cette étude, on actualise, on remanie, on réécrit voire, on supprime les contenus qui le nécessitent. On peut aussi être amené à en créer de nouveaux.
La refonte éditoriale complète souvent une refonte structurelle.
Elle revient à lister tous les éléments d’une pièce (meubles, tapis, étagères, contenu de la bibliothèque…) et à se questionner sur la nécessité de les garder en l’état.
Ressources et prérequis
Pour mener à bien une refonte éditoriale, des compétences en rédaction Web, relecture, correction, création d’infographie, mais aussi gestion de projet sont nécessaires.
Ici non plus la rédaction d’un cahier des charges n’est pas indispensable. En revanche, l’élaboration d’une stratégie de contenu et d’un calendrier éditorial se révéleront bien utiles !
Budget à prévoir
C’est le volume de contenus à réécrire et à créer qui dicte le budget. L’investissement peut être faible s’il n’y a qu’une ou deux pages à créer à fort s’il faut réécrire tout le site.
La refonte technique
La refonte technique consiste à changer les technologies au cœur de votre site Web.
Souvent invisible des internautes, ces changements peuvent être nécessaires pour de nombreuses raisons : site piraté, technologies obsolètes, codes d’accès perdus, changement de CMS, mise en conformité avec une exigence légale…
Dans sa forme la plus simple, elle consiste à recoder le site à l’identique avec des technologies plus modernes, plus rapides et plus sécurisées. Dans les faits, c’est généralement l’occasion de requestionner certaines fonctionnalités ou certains usages.
Elle est donc bien souvent liée à une refonte ergonomique, voire à une refonte structurelle.
Refondre un site Web techniquement revient à refaire les fondations de sa maison. C’est un projet qui peut être complexe à mener et provoquer des dégâts importants s’il est mal mené.
Ressources et prérequis
Les deux principales compétences nécessaires à la réussite d’une refonte technique sont le développement Web et la gestion de projet.
La rédaction d’un cahier des charges est vivement conseillée.
Budget à prévoir
Selon l’ampleur et la complexité technique de votre site, le budget à prévoir peut être modéré ou important.
La refonte intégrale
Design, ergonomie, structure, contenus : avec la refonte intégrale, tout y passe !
En revanche, tout repenser n’implique pas nécessairement de repartir de zéro. Le site Web de votre entreprise a une histoire, un passé, et tout n’est pas à jeter.
Un audit permet d’identifier les points forts et de définir ce qui doit être préservé afin de capitaliser dessus. Il met aussi en avant, de façon objective, les faiblesses du site sur le plan graphique, technique, ergonomique, structurel et/ou éditorial. Enfin, il fournit des pistes d’action et les priorise.
Cette étape vous donne toutes les clés nécessaires à une prise de décision éclairée et en toute conscience.
Ressources et prérequis
Comme vous pouvez vous en douter, la refonte intégrale d’un site Internet mobilisera de nombreuses compétences : gestion de projet, webdesign, UX, développement, intégration HTML/CSS, Webmarketing, rédaction Web…
Un solide cahier des charges est indispensable pour un projet d’une telle ampleur.
Le recours à une assistance à maîtrise d’ouvrage (AMO) peut se révéler un soutien précieux pour sa rédaction, mettre le projet sur de bons rails et en assurer le bon déroulement.
Je peux vous aider à rédiger votre cahier des charges et sélectionner le prestataire adapté.
Budget à prévoir
Fort logiquement, le budget à allouer à une refonte intégrale peut être important. Il est donc nécessaire de bien le cadrer et de s’assurer que chaque dépense est justifiée. L’AMO vous y aidera.
Comment savoir de quel type de refonte j’ai besoin ?
Le type de refonte à envisager dépendra, en premier lieu, des problèmes rencontrés. Ensuite, les moyens humains et financiers que vous souhaitez et pouvez mobiliser pour répondre vous aideront à trancher. Ces éléments seront à pondérer en fonction des objectifs de votre site Web et de l’importance qu’il a pour votre entreprise.
Pour vous aider à trancher en toute sérénité, un audit transversal peut s’avérer d’une grande aide. Il pointera les points faibles, mais aussi les forces du site Web de votre entreprise.
Cette vision d’ensemble permet de déterminer les leviers sur lesquels agir prioritairement pour atteindre les objectifs fixés. Dans certains cas, il pourrait même révéler que la refonte n’est pas la réponse à vos difficultés et vous fournir des pistes pour les surmonter !
Mon conseil pour une refonte réussie
Si vous avez un budget serré, il peut être tentant de refondre votre site par étape, afin d’étaler l’investissement sur plusieurs années.
Je ne vous recommande pas cette stratégie. À la place, je vous conseille de favoriser la refonte intégrale : le résultat final sera bien plus performant et durable.
En effet, avec une refonte par étape, il est parfois nécessaire de casser ce qui a été fait précédemment. Cela augmente la facture globale ainsi le risque d’instabilité du site.
En outre, dans un projet Web, il est important d’avoir une vision globale du projet : technique, graphisme et contenus sont intimement liés. Travailler un pilier en négligeant l’autre est généralement contre-productif.
Je les ai aidés à réussir leur projet de refonte de site Web
Voici trois exemples de clients accompagnés ces dernières années dans le cadre d’une assistance à maîtrise d’ouvrage (AMO) :
Autonomie & Solidarité
Type de refonte : intégrale
Autonomie & Solidarité est une Société Coopérative d’Intérêt Collectif (SCIC) basée à Lille qui soutient financièrement des entreprises engagées.
Dans le cadre d’un travail plus global sur la refonte de leur identité graphique, j’ai été sollicité par la coopérative de communication Bien fait pour ta Com’ pour les aider à :
- Analyser l’existant, pour comprendre les points forts et les points faibles de l’ancien site. L’analyse a pris la forme d’un audit du site Web et d’une enquête qualitative auprès des utilisateurs du site.
- Formaliser leur besoin dans un cahier des charges.
- Sélectionner le prestataire le plus adapté à leurs besoins.
Leur nouveau site valorise beaucoup mieux les entreprises accompagnées ainsi que leur expertise. Surtout, leur image est modernisée et le site beaucoup mieux référencé.
Ce qu’ils ont pensé de mon accompagnement :
L’accompagnement de Laurent nous a permis d’être véritablement guidés par un professionnel dans l’élaboration de notre cahier des charges.
Marie-Christine Lenain – Vice-présidente Autonomie & Solidarité
Il a réalisé une mise à plat de l’existant, recueilli les attentes des différents acteurs de notre écosystème, et nous a aidés à définir notre vision et notre projet pour ce nouveau site.
Son appui a été précieux pour établir l’analyse des réponses en fonction de nos besoins.
Centre Hubertine Auclert
Type de refonte : intégrale
Le Centre Hubertine Auclert est le Centre francilien pour l’égalité femmes-hommes.
Son objectif est de promouvoir l’égalité entre les femmes et les hommes et de lutter contre les violences faites aux femmes.
Lorsqu’ils m’ont contacté, leur ancien site était vieillissant, présentait de nombreux dysfonctionnements et la structuration des contenus ne répondait plus à la réalité de leurs missions.
Ils ont fait appel à mes services dans le cadre d’une AMO pour les aider à :
- Analyser l’existant pour identifier les points forts de l’ancien site et les attentes des futurs utilisateurs (sous la forme d’un audit, d’un questionnaire et d’interviews).
- Définir les grandes orientations fonctionnelles, graphiques et techniques du futur site ainsi qu’établir une première ébauche d’arborescence.
- Rédiger le cahier des charges et mener la consultation des agences.
- Sélectionner l’agence la plus adaptée pour prendre en charge le développement du futur site Web.
- Assurer le contrôle qualité pendant toute la durée du projet.
Suite à la refonte, le Centre est désormais doté d’un site moderne, qui répond mieux à leur besoin.
Ce qu’ils ont pensé de mon accompagnement :
Nous avons confié à Laurent Naudier la rédaction du cahier des charges pour la refonte de notre site internet.
Amandine Berton-Schmitt, ancienne directrice du Centre Hubertine-Auclert.
Il a su prendre en compte l’ensemble de nos demandes et besoins, les traduire, les structurer, veiller à leur intelligibilité et faisabilité.
Il nous a également accompagnés dans l’analyse des différentes offres reçues et dans le suivi des travaux du prestataire.
Nous avons pu nous appuyer sur la grande expertise de Laurent et sur son sens de la pédagogie !
Amelio Habitat
Type de refonte : refonte éditoriale et structurelle
AMELIO Habitat est le service public de l’habitat de la Métropole Européenne de Lille (MEL).
C’est un client que j’accompagne depuis plusieurs années en partenariat avec la coopérative de communication Bien fait pour ta Com’.
Suite à une refonte de leur identité graphique, une première version du site est créée. D’un point de vue éditorial, elle ne présente que les contenus de base : offre d’accompagnement, présentation succincte des aides mobilisables, liste des permanences, actualités…
L’objectif n’était pas d’être exhaustif, mais de poser les bases de la présence numérique d’AMELIO.
Pour augmenter la visibilité du site dans les moteurs de recherche, il a été décidé de développer les contenus. Cela a amené une refonte structurelle et éditoriale.
Pour ce client, j’ai :
- Conçu une stratégie SEO : audit de l’existant, analyse de mots-clefs, définition de cocons sémantiques, réorganisation de l’arborescence.
- Rédigé la grande majorité des textes du nouveau site en les optimisant pour la prise de contact et le SEO.
- Intégré les contenus sur le site, en tenant compte des nombreuses contraintes de mise en page imposées par le thème.
Suite à cette refonte, la visibilité du site dans les moteurs de recherche s’est considérablement développée.