8 étapes pour repenser votre site Web Votre liste de contrôle pour une refonte de site Web en douceur en 2023

Tooltester est pris en charge par des lecteurs comme vous. Nous pouvons gagner une commission d'affiliation lorsque vous achetez via nos liens, ce qui nous permet de proposer nos recherches gratuitement.

Votre site Web a l’air vieux, laid et encombrant ? Ne fonctionne-t-il pas aussi bien que nécessaire ? Une refonte du site Web pourrait alors s’avérer nécessaire.

Bien sûr, c’est beaucoup plus facile à dire qu’à faire.

L’exemple parfait est notre site Web Tooltester, que nous avons récemment réorganisé. Le travail de refonte nous a pris un an et demi. Aucune exagération.

Avant de courir vers les collines, mentionnons que nous avons repensé notre site Web dans le cadre d'un important exercice de rebranding. Cela a probablement rendu le processus de refonte plus complexe que l’effort moyen de relance d’un site Web.

Cependant, en cours de route, nous avons acquis des informations précieuses sur la manière de réaliser une refonte de site Web de la manière la plus fluide possible . Nous avons compilé ce que nous avons appris dans une solide feuille de route de refonte de site Web en 8 étapes, qui vous sera utile si vous envisagez de repenser votre propre site Web :

Analyse

1. Analysez votre site Web actuel
2. Analysez votre concurrence

Planification

1. Fixer des objectifs pour la refonte
2. Vérifiez la configuration technique de votre site Web
3. Déléguer les responsabilités pour la refonte du site Web

La concrétisation

1. Préparez la refonte
2. Journée de lancement!
3. Améliorez constamment votre site Web

Nous partagerons également comment nous avons appliqué ces étapes à notre propre projet de refonte de site Web. Mais d’abord, éliminons quelques questions fondamentales.

À savoir : pourquoi pourriez-vous avoir besoin de repenser votre site Web et combien cela pourrait-il coûter ?

Pourquoi faire une refonte de site internet ?

Les raisons de repenser un site Web incluent :

• La conception de votre site Web est obsolète : vous avez peut-être initialement aimé l'apparence de votre site Web. Mais maintenant, vous trouvez ses éléments visuels inesthétiques ou en décalage avec les dernières tendances en matière de conception de sites Web. Ou peut-être que votre site Web n'a pas un design réactif, ce qui rend les utilisateurs d'appareils mobiles difficiles à naviguer sur votre site.
• Votre site Web est construit sur une technologie obsolète : si le système de gestion de contenu (CMS) de votre site Web est ancien et rarement mis à jour, il peut souffrir de graves failles de sécurité. Dans ce cas, vous invitez pratiquement les pirates informatiques à voler vos données ou à supprimer l’intégralité de votre site Web.
• Vous avez besoin de nouvelles fonctionnalités et fonctionnalités de site Web : au fil du temps, vous devrez peut-être que votre site Web fasse plus que ce pour quoi vous l'aviez initialement conçu. Par exemple, si vous ajoutez une boutique en ligne à votre blog, vous devrez alors repenser votre site Web pour inclure une telle fonctionnalité de boutique.
• La mauvaise conception de votre site Web a un impact sur votre classement dans les recherches : par exemple, Google a adopté une approche axée sur les mobiles pour indexer et classer les pages de sites Web depuis juillet 2019. Un site Web qui n'est pas optimisé pour les mobiles peut entraîner un mauvais classement dans les recherches et nécessiter donc une refonte. . Assurez-vous que vous utilisez un créateur de site Web ou un CMS idéal pour le référencement.
• Vous êtes en train de changer de marque : votre entreprise subit un changement de marque majeur et une refonte de ses valeurs de marque, de son logo, de ses couleurs, etc. Dans le cadre de ce processus, vous devrez retravailler vos supports marketing, ce qui inclut une refonte de votre site Web.

Cette dernière raison nous interpelle particulièrement.

Nous avons décidé de repenser notre site Web parce que nous estimions que notre design ne représentait plus qui nous sommes en tant qu'entreprise. Pour le contexte, voici à quoi ressemblait notre ancienne page d'accueil :

Conception de notre précédent site Web

Notre ancien site Web ressemblait à une entreprise composée de trois personnes, ce qui était exact à un moment donné de notre histoire. Mais maintenant, Tooltester est dirigé par une formidable équipe de plus de 10 personnes !

Nous voulions donc que notre site Web soit plus soigné et qu'il soit expliqué comment il est géré par une équipe expérimentée qui se consacre à aider les petites entreprises à trouver les outils parfaits pour leurs besoins.

Combien pourrait coûter une refonte de site Web ?

Si vous embauchez des professionnels pour s'occuper de l'ensemble du travail à votre place , vous pouvez vous attendre à dépenser environ les sommes suivantes pour la refonte d'un site Web :

• Conception de modèles de pages (y compris ceux pour un site Web mobile) : 100 $ à 300 $ par page
• Codage d'un thème de site Web WordPress de 8 pages : 1 500 $ à 3 000 $
• Obtention d'un hébergement Web , d'un nom de domaine et d'adresses e-mail : 10 $ à 30 $ par mois en fonction du volume de trafic mensuel de votre site Web

Alternativement, vous pouvez privilégier une approche de création de site Web DIY et utiliser un constructeur de site Web pour créer un nouveau site Web à partir de zéro . Dans ce cas, votre coût de refonte pourrait être de seulement 10 à 25 dollars par mois, selon le créateur de site Web que vous avez choisi.

Par exemple, le constructeur de sites Web Wix facture 16 $/mois pour son forfait Combo, qui comprend 2 Go d'espace de stockage et un certificat SSL gratuit. D'un autre côté, il en coûte 16 $/mois pour créer votre nouveau site Web avec le forfait Personnel de Squarespace, qui comprend une bande passante illimitée, des fonctionnalités de commerce électronique, des analyses de site Web avancées, et bien plus encore.

(Nous avons également un guide complet des coûts des sites Web que vous pouvez consulter !)

Dans notre situation, nous avons décidé de faire appel à une agence de branding pour superviser le processus de refonte du site Web pour nous. L'agence nous a aidé à créer un nouveau logo et des modèles de conception Web personnalisés pour près de 20 types de pages.

Leurs services n'étaient pas bon marché : nous avions prévu un budget à 5 chiffres pour travailler avec eux. Mais ils ont fait un excellent travail et nous sommes vraiment contents du résultat !

Et même si vous ne disposez pas d’un tel budget, vous constaterez que le processus de refonte de votre site Web comprendra des étapes très similaires au nôtre.

Analyse

Le travail de refonte d’un site Web peut être divisé en trois étapes principales :

1. Analyse
2. Planification
3. La concrétisation

Tout d’abord, plongeons dans le processus d’analyse…

1. Analysez votre site Web actuel

Dans quelle mesure votre site Web existant doit-il être modifié ? Avez-vous besoin de repenser l'ensemble du site Web ou seulement certaines parties de celui-ci ?

Considérez des choses telles que :

• Configuration technique : Vous devrez peut-être modifier votre créateur de site Web ou votre CMS si votre site Web existant est extrêmement obsolète ou difficile à utiliser. Alternativement, il vous suffira peut-être de recoder votre thème pour accélérer les performances de votre site Web.
• Optimisation des moteurs de recherche (SEO) : effectuez un audit SEO de votre site Web pour vérifier les problèmes qui pourraient nuire à son classement dans les recherches. Les outils de référencement dotés de fonctionnalités d'audit SEO intégrées, tels que Screaming Frog et Ahrefs (Site Audit, qui peut être utilisé gratuitement), peuvent vous aider à identifier ces problèmes avant de décider de vos prochaines étapes. Par exemple, si l'audit indique que votre site Web contient des pages d'erreur 404, vous souhaiterez peut-être rediriger les liens pointant vers ces pages ailleurs.
• Design : les éléments de conception de votre site Web sont-ils (encore) modernes et professionnels ? Reflètent-ils fidèlement votre marque ? Si vous ajoutez de nouvelles fonctionnalités à votre site Web, vous devrez peut-être également repenser votre site Web pour les accueillir (comme mentionné précédemment). Voici quelques conseils pour trouver de l’inspiration.
• Navigation et expérience utilisateur (UX) : au fil du temps, vous avez peut-être reçu des plaintes d'utilisateurs concernant la difficulté de naviguer dans certaines parties de votre site Web ou la difficulté de trouver certaines fonctionnalités. Prioriser la refonte de ces interfaces problématiques pour améliorer l’expérience utilisateur.

Il existe différents outils pour effectuer de tels « bilans de santé » sur votre site Web. Voici quelques-uns pour vous aider à démarrer:

• Google Analytics : pour surveiller le trafic de votre site Web et les métriques de votre page de destination
• Hotjar : un outil de cartographie thermique pour suivre le comportement des utilisateurs et apprendre comment les visiteurs d'un site Web interagissent avec vos pages Web
• Sabre Feedback : intégrez un bouton de commentaires sur votre site Web pour que les utilisateurs puissent soumettre leurs commentaires sur tout problème rencontré sur le site Web.

2. Analysez votre concurrence

Après avoir examiné votre site Web, portez votre attention sur les sites Web créés par vos concurrents.

Faites des études de marché sur les leaders de votre secteur et les fonctionnalités de leurs sites Web. Que font-ils bien ? Les sites Web de vos concurrents peuvent avoir des fonctionnalités qui valent la peine d'être volées – euh, nous voulons dire, s'adapter aux vôtres. Vous pouvez également envisager de rendre votre site Web encore meilleur que le leur.

Cela dit, ne vous limitez pas aux sites Web de votre espace . D'autres secteurs peuvent avoir des sites Web qui fonctionnent de manière similaire au vôtre, avec des approches uniques pour servir leur public cible. « Transplanter » de telles approches provenant d'autres secteurs sur votre site Web pourrait être la clé pour l'aider à se démarquer dans votre espace !

Lorsque nous avons analysé la concurrence sur notre site Web, notre agence de branding a demandé une liste de nos concurrents pour examen. Ils ont également trouvé de bons exemples de refonte de sites Web d’autres secteurs. Par exemple, puisque nous aidons les utilisateurs à comparer les outils des sites Web, l’agence a également analysé comment les plateformes de réservation d’hôtels aident les utilisateurs à comparer les hôtels.

Après avoir mené toutes ces recherches, l'agence de branding a élaboré notre positionnement par rapport aux autres marques de notre espace.

Étant donné que beaucoup de nos concurrents adoptent une approche impersonnelle en matière d'évaluation d'outils et n'interagissent pas beaucoup avec leurs lecteurs, nous avons décidé que Tooltester serait le « copain expert numérique » de nos lecteurs, étant une source d'évaluation faisant autorité mais conviviale.

Ce positionnement a ensuite fortement influencé la refonte de notre site Internet. Par exemple, nous avons décidé de mettre en évidence les membres de l'équipe Tooltester sur nos pages Web pour évoquer une approche personnelle et pertinente des évaluations d'outils.

Consultez simplement notre page À propos et vous verrez ce que nous voulons dire !

Planification

Vous avez identifié les parties de votre site Web qui nécessitent des améliorations ? Ensuite, vous planifierez la manière dont vous allez les repenser. Cela implique:

3. Fixer des objectifs pour la refonte

Faites une liste des objectifs commerciaux globaux que vous souhaitez atteindre en repensant votre site Web. Ces objectifs guideront votre stratégie de refonte de site Web.

Voici des exemples d'objectifs généraux :

• Doubler votre trafic organique au cours de la prochaine année
• Actualiser tout le contenu de votre blog
• Réduire les frictions auxquelles les utilisateurs sont confrontés lorsqu'ils passent des commandes dans une boutique en ligne

Ensuite, divisez vos objectifs globaux en objectifs plus petits et réalisables . Ce sont les étapes réelles que vous suivrez pour atteindre vos objectifs globaux.

Pour atteindre l'objectif global de doubler votre trafic organique au cours de l'année prochaine, par exemple, vous devrez peut-être définir des sous-objectifs tels que :

• Mise en place du suivi des mots clés pour votre site Web
• Mettre à jour un certain article de blog pour mieux cibler un certain mot-clé
• Connecter Google Analytics à votre site Web pour suivre votre trafic organique mensuel

D'un autre côté, pour atteindre l'objectif global de réduction des frictions du commerce électronique, vos sous-objectifs peuvent inclure :

• Refonte de votre formulaire de paiement multipage en un formulaire d'une seule page
• Créer un bouton qui permet aux utilisateurs d'accéder directement à la caisse après avoir ajouté un article à leur panier
• Ajout d'une fonctionnalité qui stocke en toute sécurité les informations de carte de crédit de vos clients pour une utilisation ultérieure

Enfin, planifiez quand vous réaliserez chaque sous-objectif.

Essayez de diviser vos objectifs généraux en autant de sous-objectifs distincts que possible, puis espacez-les. De cette façon, vous aurez un meilleur contrôle sur l’impact de vos modifications sur le classement des moteurs de recherche (le cas échéant).

4. Examen de la configuration technique de votre site Web

Votre site Web doit être construit sur une base technique solide pour des performances efficaces. Profitez-en pour vérifier si les spécifications techniques de votre site Web vous servent toujours bien ou si elles nécessitent une mise à niveau.

Par exemple, vous souhaiterez peut-être remplacer le CMS ou le créateur de site Web de votre site Web par un système offrant des vitesses de chargement de page plus rapides. Ou si vous souhaitez étendre les fonctionnalités de votre site Web , vérifiez si l'installation d'un plugin tiers fera l'affaire ou si vous devrez embaucher une équipe de développement Web pour coder la fonctionnalité pour vous.

Toutes les modifications apportées à la configuration technique de votre site Web entraîneront des coûts (voir la discussion sur les coûts de refonte du site Web ci-dessus), alors budgétisez-les de manière appropriée.

Dans notre cas, nous utilisions le CMS WordPress pour notre site Web et avions l’intention de continuer à l’utiliser. Ainsi, au lieu de migrer des CMS, il nous a « simplement » fallu créer un nouveau thème WordPress, et l'activer, pour changer l'apparence de notre site internet.

(Nous disons ici « simplement » entre guillemets car la création de ce nouveau modèle WordPress a été beaucoup plus difficile qu’il n’y paraît !)

Nous avons également essayé de ne pas apporter trop de modifications aux fonctionnalités de notre site Web. Il s’agissait d’éviter de rendre notre projet de refonte de site Web plus compliqué que nécessaire (et il était déjà très complexe).

5. Déléguer les responsabilités pour la refonte du site Web

Vous avez défini les objectifs à atteindre pour achever la refonte du site Web. Maintenant, vous trouverez les personnes pour les réaliser .

Divisez les objectifs en deux catégories :

1. Objectifs à gérer en interne par votre équipe
2. Objectifs à gérer en externe par les agences de recrutement ou les indépendants

Si votre équipe possède les connaissances et l'expérience nécessaires pour atteindre certains objectifs , leur attribuer ces objectifs est une évidence. En particulier, vous souhaiterez peut-être déléguer certains objectifs à votre équipe plutôt qu'à un tiers si ces objectifs impliquent de travailler avec des informations commerciales confidentielles.

Mais si vous souhaitez avoir un regard neuf et l'opinion d'un expert sur votre projet de refonte de site Web, faire appel à des professionnels tiers peut être la voie à suivre. C'est ce que nous avons fait pour la refonte de notre site Web : nous avons engagé une agence de branding pour proposer de nouveaux modèles de conception pour notre site Web. Par ailleurs, nous avons engagé un programmeur pour implémenter ces conceptions dans le nouveau thème de notre site Web.

Si vous avez l'intention d'embaucher des concepteurs et programmeurs Web indépendants pour votre projet de refonte de site Web, vous pouvez publier votre demande sur des plateformes telles que Upwork, Fiverr ou LinkedIn. Vous pouvez également trouver des services de conception Web supplémentaires ici. Vous pouvez également demander des recommandations aux personnes de votre réseau.

Lorsque vous recherchez une aide extérieure, notre conseil est de faire appel à des personnes spécialisées dans les services spécifiques dont vous avez besoin . Un programmeur n'est généralement pas un grand concepteur Web et vice versa .

La concrétisation

Maintenant, vous allez vous salir les mains avec le travail de refonte du site Web !

6. Préparation de la refonte

Votre équipe et les professionnels externes que vous avez embauchés commenceront à exécuter les sous-objectifs que vous avez identifiés précédemment. Leurs tâches peuvent consister à :

• Création du nouveau design de site Web : Figma est la plate-forme de conception d'interface standard de choix de nos jours
• Création du nouveau site sur un serveur intermédiaire : ce serveur fournit un environnement de test vous permettant de prévisualiser l'apparence de votre nouveau site et de corriger les bogues avant de mettre votre nouveau site en ligne.
• Tout tester pour vous assurer qu'ils fonctionnent : cliquez sur chaque lien et sur chaque bouton. Vérifiez comment votre site Web apparaît sur ordinateur et mobile. Effectuez des commandes tests en ligne. Testez TOUT !
• Sauvegarde de votre ancien site Web : ne sautez pas cette étape. Si quelque chose ne va pas lors du lancement de votre nouveau site Web, vous souhaiterez disposer d'une sauvegarde de votre site Web précédent sur laquelle vous appuyer. Vous devez également télécharger une copie hors ligne de votre ancien site.
• Configuration de redirections de liens 301 si vous modifiez vos URL : cela aide les utilisateurs à continuer d'accéder à vos pages sans rencontrer de vilaines erreurs 404. Du point de vue du référencement, la mise en place de redirections de liens aide également les moteurs de recherche à classer vos nouvelles URL et à attribuer le « jus de lien » accumulé par la page à l'ancienne URL à la page à la nouvelle URL.

Au fur et à mesure que vous complétez chaque sous-objectif, cochez-les sur votre liste ! Cela vous gardera motivé pendant que vous comptez à rebours vers :

7. Jour de lancement !

Après avoir vérifié deux et trois fois que tout est en ordre, lancez votre site repensé. Cela peut impliquer la migration de votre nouveau site de votre serveur intermédiaire vers votre serveur de production (c'est-à-dire le serveur qui héberge votre site Web en direct).

Et même si vous célébrez le lancement, gardez un œil attentif sur les performances de votre nouveau site Web . Comment les visiteurs interagissent-ils avec votre site Web ? Ont-ils une expérience utilisateur aussi bonne que vous l'aviez prévu ?

Vous pourriez également subir une perte temporaire de trafic si un grand nombre de vos visiteurs proviennent des pages de résultats des moteurs de recherche. En effet, il est normal que votre classement dans les recherches baisse lorsque vous apportez des modifications majeures à votre site Web. Mais, avec un peu de chance, votre classement – ​​et donc les chiffres du trafic – devraient rapidement se rétablir et s'améliorer encore.

8. Améliorer constamment le site Web

Une fois votre site nouvellement conçu créé, votre projet de refonte de site Web est terminé. Mais le travail n’est jamais terminé !

Les tendances en matière de conception Web évoluent avec le temps , vous devrez donc peut-être repenser votre site Web dans quelques années pour lui donner un aspect frais et moderne.

En dehors de cela, surveillez votre site Web pour identifier davantage de domaines potentiels d’amélioration . Les outils d'analyse, tels que ceux que nous avons mentionnés ci-dessus, peuvent vous aider.

Si vous rencontrez des problèmes avec des solutions rapides et faciles, comme un lien rompu qui a été négligé, résolvez-les immédiatement. En revanche, d’autres problèmes peuvent nécessiter plus de temps et d’efforts pour être résolus. Même si vous choisissez de ne pas les aborder pour le moment, notez-les.

Ils vous seront utiles lorsque vous déciderez sur quoi travailler la prochaine fois que vous repenserez votre site Web !

Refonte d'un site internet : récapitulatif final

Voici un récapitulatif pratique pour suivre vos tâches pendant la refonte de votre site Web :

Analyse

1. Analysez votre site Web actuel pour voir ce qui doit être modifié
2. Analysez votre concurrence pour vous inspirer des améliorations du site Web

Planification

1. Fixez des objectifs pour la refonte – à la fois des objectifs généraux et des sous-objectifs réalisables pour la mise en œuvre de la refonte.
2. Examinez la configuration technique de votre site Web pour décider s'il a besoin d'une refonte
3. Déléguez les responsabilités pour la refonte du site Web afin que votre équipe sache qui fera quoi. Engagez également des professionnels externes si nécessaire

La concrétisation

1. Préparez-vous à la refonte en créant tous les éléments de conception nécessaires, en créant votre nouveau site Web, etc.
2. Lancez votre site Web repensé et surveillez ses performances
3. Améliorez constamment votre site Web en identifiant de nouveaux domaines d'amélioration

Si vous vous sentez toujours intimidé par le travail qui vous attend, notre dernier conseil est de diviser votre projet de refonte en autant de sous-objectifs plus petits que possible. Tous ces petits progrès s’additionneront au fur et à mesure que vous travaillerez à la transformation de votre site Web !

Cela ne fait pas de mal non plus d'embaucher des professionnels qui gèrent quotidiennement des projets de refonte de sites Web si le budget le permet et si vous souhaitez qu'un expert supervise l'ensemble du processus à votre place.

Enfin, nous serons heureux de vous apporter notre contribution si vous souhaitez des commentaires sur votre projet de refonte de site Web. Déposez simplement vos commentaires et questions ci-dessous !