Le guide complet pour la refonte de votre site Web en 2023

Votre site Web semble un peu… démodé ? Grincez-vous des dents à chaque chargement de la page d’accueil ? Consultez-vous fréquemment d’autres sites et souhaiteriez-vous que le vôtre soit à moitié aussi beau ?

Pour vous aider à décider s’il est temps ou non d’appuyer sur la gâchette lors de la refonte d’un site Web et pour vous faciliter un peu le processus, nous avons compilé ce guide complet sur la refonte de votre site. Le guide couvre tout, depuis la définition d’objectifs et la définition de votre stratégie jusqu’au lancement du nouveau look.

Pourquoi repenser votre site Web ?

De nombreuses raisons et facteurs peuvent entrer en ligne de compte dans la décision de repenser un site Web.

Voici quelques-uns des plus courants :

  • Le site Web semble vieux ou obsolète
  • Le site ne fonctionne plus comme souhaité ou la fonctionnalité d’origine est désormais obsolète
  • Le site ne s’affiche pas correctement dans les navigateurs les plus récents ou sur les appareils modernes
  • Des plaintes sont reçues (de clients ou d’employés)
  • La quantité de contenu ou de produits dépasse ce que la conception actuelle peut prendre en charge
  • La conception actuelle du site Web empêche d’atteindre les objectifs

Vous pouvez avoir l’une de ces raisons pour vouloir repenser votre site Web, ou vous pouvez en avoir plusieurs qui ne figurent pas sur cette liste. Quelle que soit la raison, vous avez probablement une assez bonne idée des problèmes de votre site actuel, et peut-être même quelques idées sur la façon dont vous pouvez les résoudre avec une refonte.

Cependant, avant d’engager une refonte, vous devez être absolument sûr qu’une refonte complète du site est ce dont vous avez réellement besoin. Une refonte peut être coûteuse et prendre beaucoup de temps, et vous devrez maintenir votre site Web actuel pendant que le nouveau look est développé.

Dans certains cas, au lieu d’une refonte, vous pouvez investir dans une « actualisation », elle implique la mise à jour de certains éléments du site existant ou la réalisation d’ajustements mineurs qui amélioreront son apparence et ses fonctionnalités sans nécessiter une refonte complète.

Il peut être préférable d’investir dans un rafraîchissement si :

  • Vous ne recevez pas de plaintes concernant votre site
  • Votre site fonctionne toujours bien dans tous les navigateurs
  • Les modifications souhaitées peuvent être réalisées avec une simple édition (par exemple, des changements de couleur, le passage à une police différente, un nouveau logo) ou seulement quelques heures de développement (par exemple, l’ajout d’un pied de page à l’échelle du site, la modification d’une partie de la conception de la page d’accueil, l’ajout d’un Blog)
  • Votre site atteint toujours ses objectifs de vente

Repenser la stratégie, les besoins et les objectifs

Malheureusement, trop de propriétaires de sites Web « suivent leur instinct » lorsqu’il s’agit d’une refonte. Ils pensent qu’ils ont besoin d’un nouveau site, mais ils ne savent pas vraiment pourquoi. Ils paient des milliers d’euros pour un tout nouveau CMS et une nouvelle mise en page, en supposant que leur nouveau site moderne et éclatant convertira mieux les clients et augmentera considérablement les ventes.

En réalité, faire confiance à votre instinct est l’une des pires choses que vous puissiez faire avec une refonte. Votre décision doit être étayée par des données réelles, comme les plaintes des clients, les taux de rebond élevés ou les faibles achats sur les appareils mobiles.

De plus, tout ce que vous faites dans le processus de refonte doit prendre en compte les besoins du client et non les désirs du propriétaire. Un beau site ne mène pas toujours à des ventes, surtout si ses clients ne trouvent pas ce qu’ils sont venus chercher.

Comment créer votre stratégie de refonte

Pour déterminer votre stratégie, commencez par noter les éléments les plus préjudiciables à la conception actuelle de votre site. Il doit s’agir d’éléments qui ont un impact direct sur les performances de votre site ou d’éléments qui faisaient fréquemment l’objet de plaintes.

Voici quelques exemples :

  • La recherche sur le site n’affiche pas de résultats pertinents
  • Pas assez de place pour toutes les pages du menu
  • La page d’accueil est trop encombrée
  • Le paiement semble obsolète

Maintenant, en utilisant votre liste (qui est probablement beaucoup plus longue que la nôtre !), écrivez ce que vous pensez être des solutions à chaque problème :

  • La recherche sur le site n’affiche pas de résultats pertinents =  recherche plus fonctionnelle
  • Pas assez de place pour toutes les pages du menu =  menu déroulant plus grand
  • La page d’accueil est trop encombrée =  page d’accueil propre avec moins d’images plus grandes
  • Le panier semble obsolète =  caisse repensée

Une autre chose que vous pouvez faire pour déterminer votre stratégie et guider tout travail de conception est de fixer des objectifs pour le site Web remanié.

Par exemple, supposons que votre taux de rebond soit actuellement d’environ 85% et que vous souhaitiez que le nouveau design le ramène à 70%. Vous pouvez faire une liste comme celle-ci :

Avec vos besoins, vos objectifs et votre stratégie en main, une dernière chose que vous pouvez faire est de faire des recherches. Recherchez des sites Web qui répondent à vos critères ou qui ressemblent au « site de vos rêves » dans votre tête. Si vous savez que vous souhaitez que votre site ait un beau menu déroulant, recherchez les sites qui en ont un ; si votre boutique en ligne préférée propose un système de paiement fantastique, prenez-en note. Ajoutez ces sites à vos favoris et partagez-les avec votre concepteur : il appréciera les instructions claires et les exemples.

Demandes de refonte courantes

Bien que chaque refonte soit différente, il existe quelques demandes courantes que les concepteurs entendent lorsqu’ils travaillent sur un projet. Certaines de ces demandes peuvent suivre des tendances, tandis que d’autres sont plus persistantes.

Navigation repensée

Une nouvelle navigation est l’une des demandes les plus courantes de ceux qui recherchent une refonte de site Web. C’est généralement le signe d’une croissance : au départ, de simples menus ou barres latérales s’adapteront à la plupart des catégories ou options de produits, mais à mesure que de nouvelles pages sont créées, elles ne s’adapteront tout simplement plus.

La refonte de la navigation implique généralement la création d’un nouveau menu ou d’un ensemble d’options en haut ou sur le côté du site Web. En outre, les options de navigation repensées incluent généralement l’ajout de « fils d’Ariane » ou de petites indications sur la page qui indiquent où se trouve un utilisateur sur un site Web.‍

La navigation idéale sur le site Web doit être entièrement intégrée au CMS afin que de nouvelles pages ou options puissent être ajoutées facilement sans modifier le code ni effectuer aucun type de développement manuel. Les nouveaux ajouts doivent également être faciles à trier ou à modifier dans les listes, là encore sans aucun codage personnalisé, afin que toute personne gérant le site Web puisse facilement développer la navigation à mesure que le site Web se développe.

Processus de paiement repensé

Votre taux d’abandon de panier est-il exorbitant ? Vos produits sont-ils achetés, mais pas sur votre site Web ? Si tel est le cas, votre panier peut en être la cause.

Graphiques mis à jour

Si votre site semble bloqué au début des années 2000 – ou semble encore plus ancien – il y a de fortes chances que cela soit dû en grande partie à vos graphiques. Même si quelques changements de couleur et de mise en page peuvent faire une grande différence, vous pouvez potentiellement avoir un impact encore plus important sur la « nouveauté » de votre site Web en mettant à jour votre logo, les graphiques de votre page d’accueil, les images de vos produits, etc.

La mise à jour de vos graphiques et images peut modifier l’apparence générale d’un site, même si la navigation et la structure générale restent les mêmes. De nombreux sites s’appuient sur des pages d’accueil avec des « blocs de contenu » facilement modifiables qui permettent d’échanger des images promotionnelles ou saisonnières, ou des images de bannières défilantes qui renvoient à différentes parties du site Web. L’utilisation d’options comme celles-ci vous donne la possibilité de repenser essentiellement votre page d’accueil quand vous le souhaitez.‍

Pour réaliser la partie graphique d’une refonte, vous devrez travailler en étroite collaboration avec un graphiste ou la partie conception graphique de l’agence de votre choix. N’ayez pas peur de prendre des risques, mais évitez tout changement qui pourrait isoler votre public : quelqu’un qui achète un tracteur quitterait probablement un site Web avec une animation flash ou des photos énormes qui conviendraient mieux à un magasin de mode féminine. Si votre public veut avant tout des informations, assurez-vous que vos graphiques ne les cachent pas !

Éléments de design modernes

Les tendances en matière de conception de sites Web évoluent constamment. Ce qui est à la mode aujourd’hui ne sera peut-être plus une nouveauté dans quelques années, voire quelques mois seulement. Il est courant que les agences de design entendent le mot « moderne » dans les demandes de leurs clients, mais ce que cela signifie peut être très différent pour chacun, et le sens change fréquemment.‍

Si vous souhaitez que la conception de votre site Web dure longtemps avec seulement quelques changements, modifications ou actualisations simples, évitez de suivre de trop près chaque tendance. Vos visiteurs peuvent être impressionnés par le design moderne, mais gardez à l’esprit qu’ils ont des raisons d’être là – et si vos éléments de conception les empêchent de trouver ce qu’ils veulent ou d’effectuer une action, ils partiront.

Par-dessus tout, faites ce qui aidera vos clients. Oui, le déploiement d’un site réactif avec un défilement parallaxe et des graphiques incroyablement grands pourrait vous rapporter quelques liens ou même des récompenses de design. Mais si cela ne résout aucun problème ou ne permet pas aux visiteurs de faire plus facilement ce pour quoi ils sont venus faire, est-ce que cela en vaut vraiment la peine ? Efforcez-vous de trouver un équilibre entre fonctionnel et amusant sans perdre de vue vos objectifs.

De meilleurs appels à l’action

Quel que soit le type de site Web que vous possédez, il y a de fortes chances que vous y ayez un appel à l’action. « Ajouter au panier » est un appel à l’action, tout comme « contactez-nous », « cliquez ici pour télécharger » ou tout autre message encourageant à entreprendre une action.

Si vous ne voyez pas suffisamment de clics ou de complétions autour de vos appels à l’action ou CTA, la conception de votre site Web peut y contribuer. Si votre CTA est enterré ou difficile à localiser, ou ne se démarque pas du contenu environnant, vous pouvez envisager de modifier votre conception pour mieux prendre en charge ces messages cruciaux.

Pour les sites e-Commerce, cela peut être aussi simple que de changer la couleur de votre bouton « Ajouter au panier », le rendre plus visible ou de le déplacer ailleurs sur vos pages produits. Vous devez également vous assurer que vos CTA bénéficient d’un support suffisant – par exemple, en rendant le prix du produit plus visible grâce à l’option « Ajouter au panier », ou en indiquant clairement ce qui se passe après que quelqu’un a cliqué sur l’option « Contactez-nous » sur votre site.

Bien que de meilleurs CTA consistent parfois simplement à réécrire votre texte ou à apporter de petits changements à votre approche, une refonte est parfois le meilleur moyen de générer des clics et des actions. Si votre CTA le plus important n’a aucun effet, qu’il s’agisse de « ajouter au panier », de « s’inscrire » ou autre chose, envisagez de modifier la conception pour lui donner plus de puissance et d’attention.

Effets spéciaux

Enfin, pour les propriétaires de sites Web qui souhaitent vraiment impressionner leurs visiteurs, ou démarquer leur site de la concurrence, certains effets spéciaux ou fonctionnalités peuvent être demandés. Cela peut inclure tout, de l’animation flash à une galerie d’images en passant par le défilement horizontal.

En règle générale, chaque fois que des effets ou fonctionnalités spéciaux sont demandés, des demandes spéciales de développement ou de conception devront être faites. Ces fonctionnalités peuvent ajouter beaucoup de temps à une refonte, ainsi que des coûts. Cela est particulièrement vrai si les demandes que vous faites sortent du cadre de ce que l’entreprise avec laquelle vous travaillez peut couvrir.

Évitez d’implémenter des effets spéciaux ou des développements personnalisés simplement parce que vous pensez qu’ils sont « cool ». Chaque élément de votre site Web doit être inspiré par les données et les besoins des clients. Alors si une animation flash ou un outil de conception de salle leur est utile, foncez ! Mais réfléchissez bien avant de vous engager dans des effets spéciaux ou un développement personnalisé, car si cela ne fonctionne pas, vous serez toujours coincé avec la facture.

Le coût de la refonte d’un site Web

C’est une question assez courante : « combien coûte la refonte d’un site internet ?

Malheureusement, comme vous l’avez peut-être déjà deviné, il n’existe pas de moyen simple de répondre à cette question.

Le coût d’une refonte varie en fonction d’un certain nombre de facteurs, notamment :‍

  • Les exigences du design (style du nouveau site, éléments interactifs ou graphiques nécessaires, souhait ou non d’un nouveau logo, etc.
  • Nombre de pages sur le site
  • Si un nouveau CMS est également nécessaire ou non
  • Fonctionnalité de commerce électronique/panier d’achat
  • À quelle vitesse la refonte doit être terminée

De manière générale, le coût d’une refonte sera très proche de ce que vous paieriez pour un tout nouveau site Web, sans compter les frais de rédaction, de développement majeur, d’intégration, etc.

Une refonte très simple d’un site avec une poignée de pages, aucune fonctionnalité de commerce électronique et aucun nouveau développement requis peut coûter aussi peu que quelques centaines de dollars. D’un autre côté, une refonte complexe d’un site Web de commerce comportant des centaines de produits et de pages qui doivent tous être migrés vers un tout nouveau CMS peut coûter des milliers de dollars.

Le coût d’une refonte de site Web est différent pour chacun. Même si certaines entreprises peuvent être en mesure de fournir un prix « de base », gardez à l’esprit que chaque exigence ou composant supplémentaire entraînera un coût supplémentaire.

Cependant, l’argent que vous dépensez n’est peut-être pas le seul coût d’une refonte de site Web. Il existe d’autres coûts impliqués que vous devez soigneusement considérer avant d’appuyer sur la gâchette :‍

  • Le coût de tout temps d’arrêt lorsque vous changez de CMS ou de conception
  • Temps nécessaire pour former le personnel commercial, les représentants du service client ou d’autres employés à l’utilisation du site Web repensé
  • Chaque fois que vous ou d’autres employés pourriez avoir besoin de consacrer au processus
  • Investissements dans des fonctionnalités ou fonctionnalités supplémentaires que vous pouvez décider de faire en même temps

Concernant ce dernier point, il est trop facile de dire « tant que nous y sommes, faisons-le aussi ! » Ce n’est pas une mauvaise chose : une refonte de site Web peut offrir l’occasion idéale de mettre en œuvre des fonctionnalités souhaitées depuis longtemps, comme un nouveau plugin de tarifs d’expédition, un localisateur de magasin physique ou une rédaction mise à jour.

Cependant, vous n’avez probablement pas prévu de budget pour ces « petites choses », et elles peuvent s’accumuler rapidement. Essayez de faire ce que vous pouvez pour que votre refonte reste dans son champ d’application et prévoyez de mettre en œuvre ces éléments supplémentaires à une date ultérieure, à moins qu’ils ne soient absolument cruciaux pour le fonctionnement de votre site.

Le coût de la conception d’un site Web peut être élevé et il est difficile de dépenser de l’argent pour quelque chose dont vous ne savez peut-être même pas qu’il réussira. Cela dit, vous savez probablement déjà si vous avez vraiment besoin d’une refonte ou non. Si votre site est obsolète et perd des clients à cause de cela, il sera assez facile d’en justifier le coût.

Essayez d’éviter d’appuyer sur la gâchette d’une refonte en raison de sentiments personnels. Si votre PDG dit que le site est « ennuyeux », ou que vous détestez le regarder, mais que les conversions sont toujours fulgurantes et qu’aucun client ne s’en est plaint… eh bien, pourquoi gâcher une bonne chose ? Dans ce cas, recherchez des moyens de rafraîchir le site sans altérer l’expérience client, comme mettre à jour votre logo ou même apporter une simple modification à la palette de couleurs du site.

Le processus de refonte expliqué

Une refonte complète prend du temps et de nombreux tests sont nécessaires pour garantir que tout fonctionne correctement.

Réunion de démarrage

Une réunion de lancement est généralement organisée pour discuter des objectifs de la refonte, de ce à quoi devrait ressembler le nouveau site et de toute autre information pertinente que vos designers ou agence devraient connaître avant de commencer leur travail. Cette première réunion garantit que tout le monde est sur la même longueur d’onde et que l’équipe sait à quoi devrait ressembler la refonte ou ce que l’on attend d’elle.

Cette réunion de lancement peut impliquer une séance de questions et réponses, un examen des données analytiques ou des commentaires des clients, un examen d’autres sites Web comportant les composants souhaités, une explication des fonctionnalités souhaitées, etc. À la fin de la réunion, les concepteurs devraient avoir quelques idées sur le type de travail qu’ils réaliseront, ce qui les aidera à passer à l’étape suivante.

Esquisses ou maquettes brutes créées

Ensuite, l’équipe de conception ou l’entreprise avec laquelle vous travaillez discutera généralement de ses découvertes et de ses idées en interne. À partir de là, ils peuvent initialement produire quelques esquisses de la fonctionnalité ou de l’apparence du design. Ces croquis ou wireframes serviront de base à des conceptions ou des maquettes plus détaillées.

Les maquettes ressemblent généralement beaucoup au produit fini d’une refonte. Bien que non fonctionnelles, les maquettes mènent généralement directement au développement visuel de la conception du site. À ce stade, un certain nombre de personnes peuvent travailler ensemble pour produire les maquettes, notamment l’expérience utilisateur (UX), les graphistes, les spécialistes du marketing, etc.

filaire de commerce électronique

Maquettes présentées

Une fois les maquettes terminées, elles seront présentées aux décideurs. Il peut y avoir des révisions importantes dans les maquettes, ou elles peuvent être acceptées telles quelles. Une fois les maquettes présentées, examinées et modifiées, elles seront approuvées pour le développement.

Un nouveau design est construit

Le processus de création de refonte peut prendre seulement quelques jours, voire plusieurs semaines, voire plusieurs mois. Le temps nécessaire pour effectuer la refonte dépend d’un certain nombre de facteurs, mais la taille et la complexité du site Web jouent généralement un rôle. La refonte et le test d’un grand magasin e-Commerce proposant un millier de produits prendront beaucoup plus de temps qu’un site de quatre pages pour un magasin local.

Les tests sont effectués

Une fois la nouvelle conception terminée, les tests commenceront. Encore une fois, cela peut ne prendre que quelques jours, mais les tests de conception peuvent durer une semaine ou deux, surtout s’il y a de nombreux facteurs à examiner.‍

Pendant le processus de test, autant d’employés que possible doivent accéder au serveur intermédiaire et examiner la nouvelle conception. Cela permettra non seulement à toute personne travaillant sur le site de s’y adapter, mais donnera également à votre équipe la possibilité de trouver des bugs ou d’autres modifications souhaitées.

Vous ne devez jamais sauter l’étape de test. Sans des tests approfondis, vous ne découvrirez peut-être jamais de bogues critiques qui entraînent un affichage incorrect de votre nouveau design dans certains navigateurs ou qui empêchent les nouveaux boutons d’appel à l’action de vos pages de fonctionner. De petites choses manqueront, quelle que soit l’attention portée aux détails par vos concepteurs, alors faites ce que vous pouvez pour contribuer aux tests approfondis de votre site.

Étape facultative : lancement progressif

Dans certaines circonstances, par exemple si le site en cours de refonte est très vaste ou très populaire, il y aura un « lancement en douceur » de la refonte. Cela implique généralement que la nouvelle conception soit déployée, mais non annoncée, afin qu’elle puisse être surveillée dans des conditions normales. Ce lancement en douceur peut prendre de quelques heures à une semaine ou deux et donne à l’équipe le temps d’identifier et de résoudre les problèmes sans y attirer inutilement l’attention.

Si votre site Web n’a pas un trafic énorme, vous pouvez probablement ignorer l’étape de lancement progressif. Cependant, si le site Web de votre marque est très populaire (et que l’annonce d’une refonte entraînera des milliers de visites supplémentaires), vous souhaiterez peut-être utiliser un lancement en douceur pour donner à votre équipe une chance à la fois de découvrir le site Web « en direct » et de continuer à le faire. résoudre les problèmes.

‍Parfois, la seule façon d’identifier les bugs est de déployer votre produit, et un lancement en douceur est un excellent moyen d’y parvenir.

Lancement d’un nouveau design !

Le jour du lancement, la conception de votre site Web terminée sera déplacée du serveur intermédiaire vers votre serveur en direct ou de production. Si vous changez de CMS, vous pouvez emprunter un chemin différent, en changeant complètement de serveur pour que votre site de test soit désormais celui en ligne.

Une fois votre nouveau design lancé, vous passerez probablement les premières semaines à identifier et à corriger les petits bugs ou problèmes, à améliorer le design et à répondre aux demandes des clients ou des employés. Même un site minutieusement testé comportera encore quelques petits bugs, alors soyez prêt à agir rapidement.

Changer de CMS

Si la seule chose que vous souhaitez faire est de modifier l’apparence visuelle de votre site et que vous ne souhaitez pas ajouter de fonctionnalités, vous pourrez probablement conserver le même système de gestion de contenu (CMS) lors de la refonte de votre site. Une refonte sur le même CMS implique généralement de développer un nouveau « skin » adapté à votre site et de l’intégrer au CMS afin que vous puissiez facilement contrôler des éléments individuels ou modifier rapidement le contenu.

Cependant, les exigences d’une refonte de site Web dépassent parfois la portée de ce dont votre CMS actuel est capable. Par exemple, si vous utilisez une plate-forme de commerce électronique hébergée, vous souhaiterez peut-être ajouter des éléments graphiques que leurs skins intégrés n’offrent pas ou qui ne peuvent pas être facilement codés dans un thème via l’éditeur disponible. Ou peut-être que vous faites tout manuellement et que vous souhaitez utiliser un CMS pour mieux gérer votre site.

Si vous rencontrez de nombreux obstacles lorsque vous essayez de mettre à jour votre site actuel, votre refonte s’accompagnera souvent d’un passage à un nouveau CMS. Cela signifie que le site entier devra être construit à partir de zéro, pas seulement la conception, et que le serveur intermédiaire contiendra un tout nouveau site Web qui finira par remplacer votre site actuel.

Si vous ne savez pas si vous avez besoin ou non d’un nouveau CMS pour accompagner votre refonte, voici quelques-unes des raisons les plus courantes pour lesquelles les propriétaires de sites Web effectuent ce changement :

  • Le CMS actuel ne prend pas en charge la refonte souhaitée
  • Le CMS actuel présente des limitations qui nécessiteraient ou nécessiteraient un développement personnalisé approfondi.
  • Le CMS actuel est trop cher, trop lent ou souffre d’autres problèmes
  • Le propriétaire du site souhaite passer d’une plateforme hébergée à une plateforme auto-hébergée
  • Aucun CMS n’est utilisé actuellement, ce qui rend la mise en œuvre des modifications difficile ou longue

Si vous êtes satisfait de votre CMS ou si vous ne vous identifiez à aucun de ces points, vous pouvez ignorer cette section et passer au chapitre 7. D’un autre côté, si vous vous retrouvez à hocher la tête avec la liste ci-dessus, il est peut-être temps pour que vous envisagiez un changement de CMS avec votre refonte. Poursuivez votre lecture pour en savoir plus sur l’impact de l’ajout d’un nouveau CMS sur le processus de refonte.

Sélection de votre nouveau CMS

Quel CMS est le bon choix pour votre site Web ? Excellente question ! Malheureusement, il existe des réponses différentes pour chacun. Voici un aperçu de vos options pour sélectionner un nouveau CMS.

Auto-hébergé

Un CMS auto-hébergé est un CMS que vous achetez ou téléchargez et installez sur un serveur que vous possédez ou louez. Bien que potentiellement compliquées et difficiles à apprendre pour les débutants, les plateformes auto-hébergées sont extrêmement flexibles et disposent généralement de nombreuses options et fonctionnalités utiles. Les choix populaires pour un CMS auto-hébergé incluent Magento, Drupal, Joomla et Sitecore.

Hébergé

Un CMS hébergé est un CMS fourni par la même société qui possède le serveur utilisé pour votre site Web. Les systèmes de contenu hébergé sont les plus courants sur les plateformes de commerce électronique, et leur simplicité permet aux nouveaux propriétaires de magasins d’être opérationnels rapidement. Certaines plateformes hébergées populaires incluent Shopify, BigCommerce, Volusion et 3dcart. Le plus gros inconvénient des CMS hébergés est qu’ils sont difficiles à ajouter et que modifier la conception du site n’est pas toujours facile.

WordPress

Bien que WordPress soit devenu populaire en tant que logiciel de blog, il peut désormais fonctionner comme un blog, une boutique e-Commerce ou un site Web professionnel. Grâce à sa vaste bibliothèque de thèmes et de plugins, WordPress est incroyablement personnalisable, flexible et facile à modifier pour répondre à vos besoins. Le logiciel est également gratuit, ce qui en fait un choix économique pour quiconque soucieux de ses coûts.

‍Avant de sélectionner un CMS, assurez-vous que votre refonte sera compatible avec celui-ci. Si vous travaillez avec une société de développement Web, elle peut vous recommander le CMS ou vous suggérer au début du processus celui que vous devriez changer pour répondre à vos besoins.

Exporter vos données

Une fois que vous avez sélectionné votre CMS, vous devrez effectuer une sauvegarde des données de votre site Web existant. Malheureusement, il n’est généralement pas très simple de passer d’un CMS à un autre, notamment pour les sites e-Commerce : le maximum que vous pourrez probablement obtenir d’un export sera une feuille de calcul Excel contenant vos informations.

‍Si vous souhaitez conserver les comptes d’utilisateurs existants, l’historique des achats, les données de rapport ou toute autre information non incluse dans une exportation, vous devrez les récupérer à partir de la base de données de votre site Web. Cela peut être plus facile à dire qu’à faire, surtout si vous n’êtes pas familier avec les bases de données. Vous souhaiterez peut-être consulter une société de développement Web pour obtenir de l’aide dans ce processus.

‍Assurez-vous de sauvegarder tout ce que vous souhaitez reproduire sur le nouveau site, y compris les pages, images ou fichiers téléchargeables critiques. Cependant, ne vous inquiétez pas si vous oubliez quelque chose au premier tour : votre site actuel sera opérationnel pendant que vous travaillerez sur le nouveau, vous aurez donc de nombreuses opportunités de récupérer des données supplémentaires.

Configuration du serveur intermédiaire

Une fois que vous avez terminé l’exportation de vos données, vous pouvez configurer votre serveur intermédiaire (test) avec ces informations. Vous n’avez pas nécessairement besoin de tout importer, mais au moins suffisamment pour pouvoir tester les composants cruciaux de votre conception, par exemple les pages de produits et de catégories, la copie de la page d’accueil, le contenu de la page, etc.

Le processus de conception

Une fois que le serveur est prêt et que votre CMS a importé certaines données, le processus de conception commencera. Comme nous l’avons déjà mentionné, le temps nécessaire à ce processus varie en fonction du nombre de pages, des fonctionnalités du site et de la quantité de développement personnalisé nécessaire pour prendre en charge la nouvelle mise en page ou les nouveaux graphiques.

Compléter le site Web

Une fois la conception terminée, vous passerez probablement par quelques séries de modifications finales. Une fois que vous êtes satisfait du design, il sera signé et il vous suffira de terminer la configuration de vos pages et de votre contenu pour avoir un site Web complet !

‍Des tests auront également lieu à ce stade et pourront durer de quelques jours à plusieurs semaines. Testez minutieusement votre nouveau site Web et impliquez autant de personnes que possible pour vous assurer que de nombreux navigateurs, appareils et paramètres sont testés en conjonction avec votre site.

‍Une autre étape importante qui devra être franchie une fois la refonte terminée est la création de redirections. Si l’une de vos URL de page change, vous devez rediriger les anciennes vers les nouvelles afin que les utilisateurs ne voient pas les pages 404 s’ils trouvent un ancien lien dans la recherche. Vous pouvez trouver des informations utiles sur la création de redirections 301 dans votre fichier .htaccess sur cette page d’aide de Google.

Apprendre votre nouveau CMS

Enfin, le jour du lancement ou aux alentours de cette date, vous devriez demander à toutes les personnes impliquées dans la maintenance du nouveau site Web de passer du temps à apprendre le CMS. Cela peut avoir lieu lors d’une réunion ou d’une séance d’apprentissage formelle, ou vous pouvez permettre à chacun d’apprendre à son propre rythme. Tout comme les tests, ceci est important car cela vous aidera à identifier tout problème potentiel avant votre lancement.

Lancement du nouveau look

Une fois votre refonte terminée et minutieusement testée, un jour et une heure seront fixés pour la relance. En règle générale, les lancements seront programmés pendant les heures ou les jours hors pointe pour éviter qu’un trafic trop important entraîne des complications ou des problèmes avec le site. Si le trafic de votre site diminue aux premières heures du mercredi et du jeudi, il est probablement préférable de le lancer à cette période.

‍Lorsque vous êtes prêt à lancer, la nouvelle conception sera copiée sur le site en direct à partir du site de préparation ou, si vous changez de CMS, le trafic sera redirigé du site actuel vers le nouveau serveur sur lequel la conception est terminée. Cela ne prendra peut-être que quelques minutes, mais une fois cette étape terminée, votre refonte sera en ligne !

‍Cependant, une relance n’est pas aussi simple que « réglez-le et oubliez-le ». Au cours des prochains jours, vous devrez passer autant de temps que possible à écouter les plaintes, les préoccupations ou les questions qui vous parviennent. Vous n’entendrez peut-être que des éloges, mais vous recevrez probablement quelques questions, tant de la part des visiteurs que des visiteurs. qui utilisent votre site en interne. Tenez un journal de ces problèmes et essayez de les résoudre le plus rapidement possible.

‍Inévitablement, il y aura probablement une idée ou une fonctionnalité intéressante que vous avez manquée ou oubliée et que vous souhaitez ajouter à la conception le plus rapidement possible. C’est très bien, cela semble arriver à tout le monde ! Informez votre concepteur et demandez-lui quand il peut intégrer des ajouts à son emploi du temps. Tant que ce n’est pas critique, vous pouvez continuer et faire connaître votre nouveau design à ce stade.

‍Encore une fois, gardez à l’esprit que vous devrez écouter les commentaires, surveiller les performances de votre site et résoudre tout problème pendant cette période. Aucune relance ne se déroule jamais parfaitement, quels que soient les efforts déployés par vous et votre équipe, alors gardez l’esprit ouvert et faites ce que vous pouvez pour identifier et éliminer tout problème avant qu’il ne s’aggrave ou n’attire une attention inutile.

‍Avec le lancement de votre nouveau look et la célébration en cours, explorons quelques-unes des dernières étapes que vous devrez suivre dans votre parcours vers un nouveau site Web amélioré. Au chapitre 8, nous expliquerons comment vous pouvez tirer le meilleur parti de votre refonte en optimisant davantage les éléments individuels, tandis que le chapitre 9 couvrira certains problèmes, questions et problèmes courants, et proposera des moyens d’y répondre. Continuez à lire pour en savoir plus !

Tirer le meilleur parti de votre refonte

Les propriétaires d’entreprise avisés savent que leur site Web n’est jamais vraiment terminé : c’est un travail en cours. Pour tirer le meilleur parti de votre refonte, vous devrez avoir cette même attitude. Il y a toujours quelque chose que vous pouvez faire pour améliorer votre site et gagner des clients supplémentaires.

‍Pour tirer le meilleur parti de votre refonte et augmenter davantage le trafic et les conversions, vous devez effectuer un CRO ou une optimisation du taux de conversion. Voici un aperçu de ce qu’est le CRO, comment vous pouvez le faire et comment fonctionne son composant le plus crucial, le test A/B.

À propos de l’optimisation du taux de conversion (CRO)

Le CRO consiste à effectuer des tests pour déterminer comment vous pouvez augmenter le taux de conversion sur votre site Web. Vous pouvez effectuer un CRO pour améliorer une fonctionnalité globale, comme la couleur de tous vos boutons ou juste une seule ligne de texte. L’objectif final est d’augmenter les conversions en optimisant le contenu et les caractéristiques de votre site pour mieux répondre à vos visiteurs et clients.

‍Optimiser votre taux de conversion n’implique pas d’apporter des changements aveuglément et de voir ce qui colle : cela repose sur des tests, notamment des tests A/B. Avant de faire quoi que ce soit de permanent qui pourrait réellement nuire à votre taux de conversion, vous devez prendre le temps de tester tout changement. Cela impliquera un test A/B.

Comment fonctionnent les tests A/B

Dans les tests A/B, deux versions différentes d’une page sont comparées l’une à l’autre pour déterminer laquelle est la plus performante. Généralement, cela implique que la page d’origine, la version A, soit directement comparée à une variante, la version B. Le même nombre de personnes verront les versions A et B, et n’auront connaissance d’aucun test, les résultats doivent donc refléter avec précision la page la plus performante. version.

Comment fonctionnent les tests AB

Il existe différentes manières d’effectuer des tests A/B. Des logiciels sont disponibles ou vous pouvez configurer une expérience via Google Analytics pour suivre les résultats. Quelle que soit la manière dont vous choisissez d’effectuer vos tests, vous devez les laisser s’exécuter le plus longtemps possible pour garantir que vos données sont aussi complètes et précises que possible. L’interruption d’un test très tôt ou avec un échantillon de petite taille pourrait entraîner de mauvaises modifications sur votre site.

Un conseil : un test A/B doit toujours être effectué sur la base de données et non d’instincts. Si un bouton fonctionnait bien avant votre refonte mais ne fonctionne pas maintenant, testez-le, mais si vous avez simplement l’intuition que rendre l’arrière-plan de votre site gris au lieu de blanc augmentera les conversions, essayez de trouver des données réelles ou des études existantes pour soutenez ceci avant de tester. Qui sait, peut-être que le gris augmente les conversions, mais cela ne fonctionnera pas sur votre site car votre marché cible préfère les couleurs vives.

Quand faut-il effectuer le CRO ?

Vous devez effectuer des tests d’optimisation du taux de conversion lorsque :

  • La refonte semble avoir eu un impact négatif sur vos taux de conversion
  • Les résultats d’un nouveau bouton, formulaire ou CTA ne sont pas ceux attendus
  • Vous recevez une ou plusieurs plaintes concernant un élément spécifique ne contribuant pas à votre site (celles-ci peuvent être prises avec des pincettes, mais si 20 personnes disent que votre bouton CTA est trop gros, vous devriez peut-être en tester un plus petit)
  • Lorsque vous introduisez une nouvelle fonction ou une nouvelle page et que vous ne savez pas quelle version ou option fonctionnera le mieux en raison d’un manque de données existantes

Vous n’êtes pas obligé d’effectuer des tests CRO ou A/B si vous ne le souhaitez pas. Cependant, si changer un seul mot ou déplacer un bouton ailleurs sur une page pouvait augmenter considérablement votre taux de conversion, ne voudriez-vous pas le savoir ?

Pensez à vous fixer un objectif simple : tester un élément par mois, voire une fois par trimestre, et surveillez attentivement les résultats. Vous pourrez peut-être augmenter vos revenus ou vos prospects plus que prévu !

Résoudre les problèmes courants de refonte

Peut-être que certaines des nouvelles pages ne fonctionnent pas aussi bien que vous l’espériez et que les conversions sont faibles. D’un autre côté, peut-être que votre trafic atteint des sommets, mais il ne semble pas que votre site puisse le gérer. Que pouvez-vous faire à ce sujet ?

Vitesse du site lente

Une plainte courante, une fois la refonte terminée, est que le nouveau site est très lent. Pourquoi cela se produit-il et que peut-on faire pour y remédier ?

‍En règle générale, un nouveau site Web comportera plus de graphiques, de fonctionnalités et de pages une fois terminé. Cela peut exercer une pression supplémentaire sur un serveur. Combinez cela avec toute forme d’augmentation du trafic et vous obtenez la recette d’un site Web lent.

Heureusement, ce problème est généralement assez simple à résoudre : contactez l’hébergeur de votre site Web et renseignez-vous sur la mise à niveau de votre serveur. Allouer plus de bande passante ou mettre à niveau vos ressources matérielles disponibles suffit généralement pour accélérer à nouveau votre site. Cela coûtera peut-être un peu plus cher, mais sur le long terme, la réduction des taux de rebond en vaudra la peine !

De manière générale, la page d’accueil de votre site Web devrait se charger en quelques secondes seulement. Si le chargement prend plus de dix secondes, vous devriez envisager de réduire la quantité de contenu, de compresser les images ou de mettre à niveau votre serveur (ou même de passer à un autre hôte).

Crashs ou pannes de serveur

Si vous poussez votre site ou votre serveur à ses limites, que ce soit avec une forte augmentation du trafic ou de la demande de ressources, vous risquez de constater des plantages, voire des échecs. Encore une fois, résoudre ce problème est généralement assez simple : contactez votre hébergeur pour lui demander d’augmenter votre bande passante ou de mettre à niveau votre matériel afin de mieux répondre aux demandes de votre site.

Cela dit, tous les problèmes de serveur ne sont pas dus à un trafic élevé. Si votre serveur commence à tomber régulièrement en panne ou si votre base de données est instable, il peut y avoir un problème qui est à la fois hors de votre contrôle et non dû à la refonte. Votre hôte devrait être en mesure de vous dire ce qui ne va pas. S’ils ne peuvent pas ou ne veulent pas aider, il est temps d’en chercher un nouveau.

Diminution des ventes ou des prospects

Bien que l’objectif d’une refonte de site Web soit généralement d’augmenter les ventes en améliorant l’expérience client, les ventes chutent parfois pendant une courte période après la mise en œuvre de la refonte.

Avec une planification minutieuse et une connaissance de l’impact de votre refonte sur les visiteurs de votre site Web, une refonte ne devrait, au mieux, provoquer qu’une perturbation minime du trafic. Cependant, si l’un de ces problèmes survient, vous constaterez peut-être une réduction du trafic au lieu d’une augmentation.

Heureusement, résoudre tous les problèmes, sauf le premier, est relativement simple. Une légère baisse du trafic et des ventes est naturelle si vous changez de serveur, et elle se résoudra en seulement un jour ou deux. Pour les autres, assurez-vous que le contenu de votre site n’est pas dupliqué et que rien n’a été oublié lors de la migration, et vérifiez les journaux de votre serveur pour rechercher les 404 qui ne sont pas correctement redirigés. Pour les problèmes de classement, recherchez les endroits où du contenu est manquant ou peut être ajouté, vérifiez les titres et les en-têtes de vos pages, et assurez-vous également que chaque page de votre site est liée quelque part à partir de votre navigation, de votre en-tête ou de votre pied de page.

Le premier problème – l’insatisfaction des clients à l’égard de la refonte – est le pire et sa résolution prend du temps. Rien n’est plus difficile à réparer que le malheur, et investir de l’argent dans un nouveau site que personne n’aime peut ressembler à une gifle. Cependant, si vous avez suivi notre guide, nous doutons que vous rencontriez ce problème. Tant que vous vous lancez dans le processus avec une idée claire de la façon dont la refonte aidera vos visiteurs, vous devriez être sur la bonne voie pour augmenter votre trafic, pas le perdre.

Confusion ou plaintes

Si vous disposez d’un service client dédié, vous entendrez peut-être quelques plaintes de la part de ceux qui connaissaient parfaitement l’ancien site Web et qui ont maintenant du mal à trouver ce qu’ils veulent sur le nouveau site.

Les clients qui appellent, envoient des e-mails ou publient sur les réseaux sociaux pour se plaindre ou exprimer leurs inquiétudes concernant la refonte ne doivent pas être ignorés. Les clients qui prennent le temps de vous dire ce qu’ils n’aiment pas sur le site Web devraient au moins être remerciés, même si vous n’êtes pas d’accord avec leur opinion ou leurs idées. Parfois, ce type d’informations peut être incroyablement précieux et conduire à des améliorations indispensables ou inspirer d’excellentes idées pour de futurs ajouts.

Des baisses de classement

Enfin, il n’est pas rare d’entendre parler de baisses de classement dans les moteurs de recherche pour des mots-clés ou des expressions importants après la refonte. Comme nous l’avons indiqué ci-dessus, cela peut être dû au fait qu’il manque du contenu nécessaire sur le site, au fait que les redirections 301 ne sont pas en place, au fait que le taux de rebond est plus élevé, etc.

Si vous ne savez pas pourquoi votre relance a eu un impact sur votre classement dans le classement pour des termes spécifiques, explorez Google Analytics et recherchez des modèles pouvant indiquer une hausse du taux de rebond ou toute autre mesure. Comparez le contenu de vos anciennes pages avec celui des nouvelles. Avez-vous réécrit le texte de votre page d’accueil et supprimé par inadvertance tous vos mots-clés ? Vos balises de titre sont-elles « meilleures », mais en réalité bien pires ?

Malheureusement, les tests A/B ne sont pas vraiment efficaces avec le référencement, simplement parce que vous essayez de mesurer le bonheur des moteurs de recherche, pas celui des clients – et il n’y a pas toujours de chevauchement.

Ressources additionnelles

Maintenant que vous êtes arrivé à la fin de notre guide, voici quelques ressources supplémentaires qui pourraient vous être utiles lorsque vous démarrez votre projet de refonte.

Inspiration de conception

  • Awwwards  – Non seulement les Awwwards reconnaissent le design et la créativité de qualité, mais ils proposent également une galerie de leurs nominés et gagnants qui peuvent vous donner d’excellentes idées.
  • CSS Design Awards  – Plus de sites Web primés pour inspirer votre refonte.
  • Webdesign Inspiration  – Galerie de sites Web réactifs du monde entier.
  • siteInspire  – Une vitrine de la conception de sites Web.
  • Pinterest  – La recherche de « conception Web » sur Pinterest vous donnera une tonne de tableaux et d’épingles individuelles dédiées à la présentation de superbes conceptions de sites et d’autres réussites graphiques. Astuce : créez votre propre tableau sur lequel vous pourrez réépingler vos favoris et les partager facilement avec votre équipe, votre designer ou votre agence.

Merci d’avoir lu notre guide ! Nous espérons que vous l’avez trouvé utile lorsque vous envisagez de lancer votre projet de refonte de site Web. N’hésitez pas à ajouter cette page à vos favoris et à la revisiter au fur et à mesure que vous avancez dans votre projet.