Histoire d’une refonte de site web réussie

L’idée de refaire votre site web est souvent enthousiasmante, mais c’est aussi un projet qui peut rapidement nécessiter beaucoup de ressources, surtout pour une petite entreprise. D’où l’importance de bien le planifier.

Ayant récemment complété la refonte de notre site web, nous sommes ravis de pouvoir partager avec vous notre expérience. Il n’existe pas une seule et unique façon de refaire un site web et notre approche ne conviendra peut-être pas à votre entreprise, mais la petite histoire vous permettra sans doute d’éviter quelques pièges et de bien planifier votre projet.

La stratégie web : tout simplement essentielle

De nos jours, de nombreuses compagnies proposent des « templates », et il est tout à fait possible de créer un joli site fonctionnel en quelques jours à peine.  Cette approche peut convenir si vous êtes une compagnie en démarrage ou si vous avez besoin d’établir une présence web rapidement, ou si vous voulez un site web pour donner libre cours à votre passe-temps de musicien, cuisinier ou autre.

Par contre, dans un contexte B2B, il est rare que la formule « template » fonctionne, car elle ne permet pas d’aligner les objectifs de votre site web avec vos objectifs d’affaires. D’où l’importance d’élaborer une stratégie web.

Aussi évident que cela puisse paraitre, beaucoup de petites entreprises omettent cette étape: « on le sait bien ce que nous cherchons à accomplir avec notre site web! Pas de temps à perdre, mettons-nous au travail! » Résultat, des mois plus tard le projet du site web n’est pas plus avancé, ou pire, les factures s’accumulent, car les rédacteurs, programmeurs et designers ont du mal à coordonner leurs efforts pour atteindre un même objectif.

Cette citation résume bien la situation :

Ayant perdu de vue notre objectif, nous redoublâmes d’efforts.
Auteur inconnu

La stratégie web est essentielle au bon déroulement de votre projet web. Elle doit vous permettre de clarifier les raisons qui motivent la décision de refaire votre site web, vos objectifs, et la façon dont vous comptez les attendre.

Pour établir votre stratégie web, plusieurs options s’offrent à vous :

• Élaborer la stratégie par vous-même;
• Travailler avec un stratège web indépendant;
• Faire appel à une agence spécialisée en stratégie web, mais qui n’offre pas de services de conception de site;
• Faire appel à une agence offrant la palette complète de services, de la stratégie à la conception du site en passant par le design graphique, le référencement, etc.

Chaque option a ses avantages et inconvénients. Dans le cas de bNurture, nous avions certaines contraintes budgétaires et nous voulions à tout prix éviter de travailler avec une agence qui allait nous pousser vers un modèle de site mâché et remâché pour divers clients. Nous souhaitions aussi réaliser une partie du travail à l’interne, notamment le design graphique et la création de contenus.

Nous avons donc choisi de travailler avec un stratège web indépendant, en l’occurrence Adrien O’Leary. La stratégie établie nous a permis :

• De clarifier les principaux objectifs du site;
• D’établir l’arborescence du site;
• De déterminer le parcours idéal pour optimiser la conversion des visiteurs;
• De dresser une liste des fonctionnalités désirées;
• De faire un inventaire de contenu pour déterminer ce qu’on souhaitait garder, supprimer ou modifier;
• D’identifier les mots clefs à prioriser en fonction du volume de recherche et des préférences de nos personas;
• De définir un appel à l’action pour chaque page.

Le choix du CMS

Le site de bNurture avait préalablement été conçu à l’interne en html. Nous y trouvions de nombreux avantages : le site s’affichait rapidement; il était difficile à pirater; il nécessitait un entretien minime et nous n’avions aucune contrainte de « template » et donc plein contrôle sur son aspect visuel. Mais la mise à jour du contenu était souvent fastidieuse et c’était une des raisons qui a motivé la refonte du site.

Il fallait simplifier les choses. De plus, notre nouvelle stratégie impliquait de pouvoir mettre à jour la section articles plus facilement et surtout de pouvoir relier les articles à des services connexes et vice versa. Le choix d’un CMS s’est donc rapidement imposé.

Sans vouloir rentrer trop dans les détails des avantages et inconvénients de tel ou tel CMS, nous voyons encore aujourd’hui trop de clients qui sont mal conseillés dans leur choix de CMS. Les erreurs les plus courantes incluent :

• Le CMS propriétaire, qui a l’inconvénient d’être rarement bien optimisé pour le référencement dans les moteurs de recherche, et qui est souvent développé dans le but d’empêcher le client de changer d’agence;
• Le CMS qui vous oblige à refaire votre site Web tous les 2-3 ans ou à chaque changement de version; là encore stratégie très payante pour votre agence, mais pas vraiment à votre avantage;
• Le CMS peu répandu, qui fait qu’il est difficile et/ou dispendieux de trouver des intégrateurs ou programmeurs compétents.

Les CMS « open source » les plus populaires sur le marché sont actuellement WordPress, Drupal, et Joomla avec respectivement 59%, 6% et 5% de part de marché des systèmes de gestion de contenu¹.

Dans le cas de bNurture, WordPress s’est facilement imposé comme le meilleur choix, en raison de :

• sa grande convivialité
• l’optimisation de la plateforme pour le référencement web
• sa communauté web active
• sa philosophie pour assurer la pérennité du site

Le choix de l’hébergeur et de l’intégrateur

Choisir une plateforme CMS était incontestablement le bon choix, mais nous nous demandions si avec WordPress, le site de bNurture allait devenir plus lent ou moins sécuritaire.

Soyons clair. Vous n’éliminerez jamais complètement le risque de piratage. Les systèmes de gestion de contenu comme WordPress sont en constante évolution. C’est pourquoi vous devez porter une attention particulière aux mises à jour, que ce soit pour des raisons fonctionnelles ou de sécurité.

À défaut de mettre la structure en place pour minimiser les failles par vous-même, il est fortement conseillé de budgéter un petit montant pour assurer la maintenance de votre site. Chez bNurture, nous avons choisi de souscrire au plan de maintenance de notre intégrateur, qui inclut d’ailleurs des sauvegardes automatisées. Cette « assurance » nous procure la tranquillité d’esprit recherchée.

Restait la question de la performance du site. Beaucoup de gens pensent qu’un site réalisé avec WordPress devient nécessairement plus lent. Il est vrai que certains « template » utilisent de nombreux plugins, ce qui ralentit le site.

Mais le problème vient plus souvent de l’hébergement. Cette situation est d’ailleurs encore plus répandue chez les firmes en technologies, car sous prétexte qu’elles ont des serveurs – et donc la capacité – elles choisissent d’héberger leur site elles-mêmes, ou chez un hébergeur bon marché et peu fiable.

De notre point de vue, le fait de pouvoir économiser 15$ ou 30$ par mois ne valait tout simplement pas le risque ou le temps passé à gérer ce risque. Nous avons donc opté pour un hébergeur réputé avec des serveurs dans la même ville que nos bureaux.

Les critères de sélection pour choisir le bon intégrateur

Une fois la stratégie bien établie et le CMS choisi, nous sommes mis à la recherche d’un intégrateur. Plusieurs nous ont été référés. Notre choix s’est porté sur Zone W3 Média Design pour les raisons suivantes :

• Excellentes connaissances de WordPress
• Les prix correspondaient à notre budget
• Bonnes références
• Affinités pour travailler ensemble

Vos critères de sélection peuvent varier, mais pour éviter les mauvaises surprises, nous vous suggérons fortement d’établir un énoncé de projet résumant :

• Votre situation actuelle
• Votre objectif et la stratégie pour l’atteindre
• L’arborescence du site, avec une idée du nombre de pages par section
• Vos besoins fonctionnels
• L’échéancier visé
• Votre budget
• L’équipe de projet en précisant les ressources internes et celles qui seront externalisées
• La liste des livrables

L’énoncé de projet reste un document assez concis, mais c’est un outil de communication indispensable qui permet de clarifier les attentes de part et d’autre, ainsi que les rôles et responsabilités de chacun. À défaut de clarifier vos besoins, une agence web ne pourra pas vous donner un budget et un échéancier réalistes et qui pourrait la blâmer? L’agence choisira alors de gonfler ses honoraires pour se protéger des débordements de projets, ou ne sera tout simplement pas en mesure de respecter le budget proposé.

Combien de temps pour refaire mon site web?

Tout le monde aimerait pouvoir refaire son site web en trois mois. Mais la réalité est que le projet prend rarement moins de six mois. Tout dépend de l’ampleur de la refonte, de la complexité du nouveau site et de la disponibilité des ressources. Mais s’il y a bien une chose qui prend pour ainsi dire toujours plus de temps que prévu, c’est la rédaction web.

En tant qu’agence de marketing B2B spécialisée en rédaction de contenu, qui n’en était pourtant pas à son premier projet Web, nous devons malheureusement admettre que nous n’avons pas fait exception à la règle. Nous disposions déjà de nombreux articles et l’inventaire de contenu réalisé dans le cadre de la stratégie web nous avait permis de mesurer l’ampleur du travail. Nous étions donc confiants que l’intégration du contenu ne prendrait pas trop de temps. Nous avions tort.

À titre indicatif, la rédaction dans une seule langue d’une page de type « Services » peut facilement prendre de deux à trois heures, parfois plus, surtout si le contenu est développé à l’interne, comme c’est souvent le cas dans les PME.

Et même si, comme bNurture, vous disposez déjà du contenu pour la plupart des sections de votre site, vous devrez prévoir du temps additionnel pour :

• L’édition des textes
• La traduction
• La rédaction des meta descriptions
• Le choix des catégories et mots-clefs
• L’identification de contenus connexes pour insérer des liens pertinents
• L’éventuelle adaptation des textes en fonction du design choisi

Le temps nécessaire à la production de contenu est sans aucun doute ce qu’il y a de plus difficile à estimer et une des principales causes de retard. C’est pourquoi, il est bon de pouvoir faire appel à des intervenants externes.

Dans le cas de bNurture, même si la grande majorité du contenu a été développée à l’interne, nous avons retenu les services d’une rédactrice web chevronnée, en l’occurrence, Julie Rochon.

La question du design du site web

Cette question mérite sans doute toute une série d’autres billets, car elle donne souvent lieu à des conversations animées.

L’aspect visuel du site web fait office de première impression. D’ailleurs si vous demandez à quelqu’un qu’est-ce qu’il pense de votre nouveau site web, cette personne ne manquera pas de faire un commentaire sur l’esthétique du site : « oh c’est super beau! », « oh que c’est original! », ou au contraire « je ne pourrais jamais vivre avec un site aussi laid ».

Nous vivons dans une société où tout ce qui est visuel prend de plus en plus d’importance, comme en atteste la popularité grandissante des plateformes de médias sociaux tels que Pinterest, Instagram, YouTube, etc. Et votre site web ne fera pas exception. Il sera en grande partie jugé par son aspect esthétique. D’où l’importance d’intégrer des images, photos ou vidéos de qualité professionnelle.

Vous devrez alors décider si vous préférer faire une séance photo avec un professionnel ou utiliser une banque d’images. Les images dans les banques sont disponibles à très bon marché, et c’est parfois la seule option disponible. Si vous avez besoin d’une image d’avion ou de nuage, vous ne ferez pas appel à un photographe, n’est-ce pas?

Mais l’inconvénient est que n’importe qui peut acheter la même image. Du coup, elle peut se retrouver ailleurs. Tout dépend de votre budget et de votre concept, mais dans la mesure du possible, faites affaires avec un photographe professionnel.

Dans le cas de bNurture, le concept imposait de faire affaire avec une photographe professionnelle, et nous avons choisi de travailler avec la talentueuse Elizabeth Delage.

Sauf que…Un beau site ne suffit pas! Si votre site est beau, mais que les visiteurs ne trouvent pas ce qu’ils cherchent, ou qu’ils n’accomplissent pas ce que vous voulez qu’ils accomplissent, votre site n’atteindra pas son but.

Sans nier l’importance de tout l’aspect visuel, l’effet « wow! » ne saurait en aucun cas se substituer à une stratégie web.

Ce qui nous amène à la question qui ne manque pas de revenir dans n’importe quel projet web.

Contenu ou design d’abord?

La recherche du concept s’est effectuée sans heurts, car la stratégie web nous avait déjà apporté beaucoup de réponses. Notre designer a ainsi pu se baser sur la stratégie établie pour proposer différents concepts de site en mode web responsive.

À cette étape, la plupart des agences web proposent des « wireframes », ou maquettes en fils de fer, afin d’aider les clients à visualiser l’organisation des blocs de contenus sur les différentes pages. Le problème est que les « wireframes » sont souvent approuvés avant que le contenu ne soit prêt. Le client réalise alors à l’étape de la rédaction web qu’il aurait peut-être fallu organiser le contenu différemment pour mieux communiquer le message.

Comme nous disposons de notre propre designer professionnel chez bNurture, nous avons été en mesure de travailler sur le design et le contenu de manière itérative. Certains contenus ont pu être intégrés avec pas ou peu de modifications, alors que d’autres ont dû être adaptés au niveau design. Cette approche a fait en sorte que nous ne nous sommes jamais sentis limités dans le contenu à cause du design et inversement. Car, au-delà du « beau », l’objectif était de fournir une expérience utilisateur aussi utile qu’agréable.

Cette étroite collaboration entre design et rédaction web nous a permis de passer directement à l’étape de la conception des maquettes. S’agissant d’un site web responsive, notre designer a pris soin d’établir les maquettes pour trois tailles d’écran différentes : ordinateur de bureau, tablette et téléphone intelligent. Ce niveau de détail a été très apprécié par notre intégrateur et nous a évité bien des mauvaises surprises.

Et si c’était à refaire?

Le site de bNurture n’est pas parfait, nous en sommes bien conscients, mais à défaut d’avoir apporté toutes les réponses, cet exercice de refonte a permis de fournir une plateforme évolutive et un cadre d’amélioration continue.

Dans les prochains mois, nous prévoyons de revenir périodiquement à notre stratégie web initiale pour déterminer si le nouveau site permet d’atteindre les objectifs que nous nous étions fixés, et les initiatives qui nous donneront le meilleur rendement.

Car s’il y a bien une leçon à retenir, c’est que notre site web ne devrait pas être traité comme un projet spécial tous les 3-4 ans, mais plutôt comme un atout marketing qu’il convient d’optimiser sur une base régulière. Et vous, quelles leçons tirez-vous de vos expériences de refonte de site web? Faites-nous en part dans la section réservée aux commentaires!

W3Techs, Usage of Content Management Systems for Websites, consultée le 7 avril 2016.