Assurance & Mutuelle
21 décembre 2019
30minutes

Comment réussir la refonte de son site Internet dans l'assurance ? Méthodologie détaillée, exemples de réalisations et budget à prévoir | Le guide de référence Juin 2020

refonte site internet bandeau

 

Sommaire

Pourquoi faire une refonte de son site ?

Les 3 points clefs Ă  garder en tĂŞte

Internaliser ou sous-traiter ?

La méthodologie de refonte à suivre en 12 étapes

Le choix du CMS WordPress, Drupal, Liferay et les autres…

L’importance du SEO

Des exemples de refonte de site

Prix et budget en refonte de site internet

Refonte de site internet dans l’assurance ou les mutuelles

Opter pour une refonte majeure ou une amélioration continue ?

Les 5 erreurs Ă  ne pas commettre

La FAQ

Contact

 

 

 

Introduction

Cela couvait depuis longtemps. Dernièrement en COMEX, on vous a dit : « Et la refonte du site Internet, c’est pour quand ? » Une refonte de site Internet ne s’improvise pas. Un site web est aujourd’hui au centre de votre stratĂ©gie digitale, elle mĂŞme pivot de votre stratĂ©gie d’entreprise. La première question Ă  se poser (et Ă  poser au COMEX) est donc : « pourquoi doit-on refondre le site ? qu’allons-nous y gagner ? est-on prĂŞt Ă  s’en donner les moyens« .

Mais au delĂ , il y a une seule vraie question Ă  se poser : « Ai-je le soutien, l’Ĺ“il et l’oreille de mon PDG/CEO/PrĂ©sident ? ». Le web n’est pas un outil de communication comme un autre. Dans un contexte de transformation digitale, il est au centre de l’entreprise. Pas de web, pas de business, pas de marque employeur, et pas de crĂ©dibilitĂ© vis Ă  vis de ses fournisseurs.

Plus spĂ©cifiquement, nous avons dĂ©veloppĂ© une vĂ©ritable expertise de refonte de site pour l’assurance et les mutuelles (voir en bas de l’article).

Le projet de refonte de votre site internet est donc un enjeu d’entreprise, pas seulement un enjeu de marketing ou de communication.

 

 

Pourquoi entreprendre une refonte de site Internet ?

Une refonte de site internet a trois raisons principales :

Refonte esthĂ©tique : une nouvelle charte graphique ou identitĂ© visuelle a Ă©tĂ© promue dans votre organisation. Nouveau logo. Nouveau nom mĂŞme. Votre site internet doit donc reflĂ©ter la stratĂ©gie de communication. Les dĂ©lais seront courts et l’aspect crĂ©atif et esthĂ©tique primeront. Votre image de marque est en jeu. C’est un vĂ©ritable relooking de site qu’il faut entreprendre ! Une refonte « relookage » s’impose aussi car l’environnement externe Ă©volue (arrivĂ©e du flat design il y a quelques annĂ©es par exemple, montĂ©e en puissance de la video, changements de typos…). Bref le web suit la mode !

 

Refonte technique : changement de CMS pour rĂ©pondre Ă  des contraintes de plateformes ou imposĂ©es par une direction informatique. Cela peut ĂŞtre liĂ© Ă  la mise en place d’un nouveau CRM (Hubspot par exemple est Ă  la fois un CRM et et un CMS). Il peut aussi se poser le cas d’une obsolescence du CMS (ou fin de support) ce qui peut conduire Ă  des failles de sĂ©curitĂ© graves.

 

Refonte UX / parcours : on est plus lĂ  dans une orientation business. De plus en plus, on vise des parcours 100% digitaux. En e-commerce Ă©videmment mais aussi pour la souscription de services (banque, assurance…). Il y a alors obligation Ă  opĂ©rer une vĂ©ritable transformation digitale.

En un mot, vous allez moderniser votre site internet !

 

Les 3 points clefs à avoir en tête dès le départ

#1 Une refonte de site internet coĂ»te : de l’argent Ă©videmment mais aussi du temps. C’est un chantier majeur qui impliquera de nombreuses interactions avec tous les services de l’entreprise

#2 Une refonte de site web est un exercice transversal : mĂŞlant Ă  la fois communication, marketing et (beaucoup) d’informatique. Il y a 2 chantiers Ă  ne pas nĂ©gliger : le rĂ©dactionnel et l’intĂ©gration. RĂ©diger prend du temps. Trop souvent, nous voyons des clients qui Ă  question du contenu sortent quelques slides Powerpoint. Il faut penser son message, l’articuler, identifier les points saillants. Et ensuite confier le tout Ă  un vrai rĂ©dacteur web.

#3 Une refonte de site n’est pas une fin en soi : c’est un commencement. Il faut voir votre site comme le visage digital de l’entreprise ou de l’organisation. Tout comme, l’entreprise ne s’arrĂŞte jamais et se rĂ©invente en permanence. Il en va de mĂŞme pour votre site. PrĂ©voyez dès le dĂ©but les phases de maintenances correctives et surtout Ă©volutives. Vous devez avoir une vision Ă  3/5 ans.

 

Refondre son site web : internaliser ou sous-traiter ?

La question se pose de moins en moins. Mais, il est possible que vous ayez une équipe qui a réalisé le site il y a quelques années et qui peut assurer la refonte. Voici les avantages et inconvénients :

RĂ©aliser son site en interne

  • Une plus grande rĂ©activitĂ© : avoir les experts sous la main est un plus indĂ©niable.
  • Une meilleure comprĂ©hension de votre mĂ©tier : pas besoin de rĂ©-expliquer le langage, les terminologies.
  • Un coĂ»t infĂ©rieur (?) : on peut trouver qu’un devis de rĂ©alisation de site web Ă  50,000€ est Ă©norme et « qu’en interne, je peux faire çà avec 2 stagiaires » ! Il ne faut pas nĂ©gliger tous les coĂ»ts cachĂ©s, induits. De plus, dès que le site devient consĂ©quent, l’Ă©quipe augmente et on parle vite de 8 Ă  10 personnes mobilisĂ©es sur le sujet. Et plusieurs dizaines pour des sites niveau entreprise. Est-ce vraiment plus Ă©conomique ?

 

Sous-traiter Ă  une agence web

  • Plus d’expertise, plus de mutualisation des compĂ©tences. Comme le montre notre tableau des expertises nĂ©cessaires dans le digital, fini le temps des couteaux suisses » oĂą une seule personne pouvait tout faire. A chaque compĂ©tence, un mĂ©tier et une spĂ©cialitĂ©. Une agence pourra allouer des experts dans chaque domaine de la conception Ă  la recette. C’est spĂ©cialement vrai pendant les phases plus techniques. Devenir un expert en refonte Liferay ou Drupal ne s’improvise pas et demande des annĂ©es.

 

  • Engagement sur les dĂ©lais : travailler avec une agence web vous permettra d’imposer des dĂ©lais (rĂ©alistes sinon tout le temps y perd).

 

  • DĂ©gager du temps pour rester focalisĂ© : pour le web comme pour d’autres sujets, votre principale valeur ajoutĂ©e est de coordonner les besoins internes. De gĂ©rer l’aspect politique et organisationnel. De centrer les Ă©quipes internes sur la stratĂ©gie, la transformation digitale, la vision, les dĂ©veloppements futurs. C’est valable aussi pour la phase de maintenance ultĂ©rieure. Avoir un prestataire pour le « webmasterign » souvent peu valorisant est beaucoup plus confortable.

 

Enfin, last but not least, vous n’aurez souvent pas le choix. Vos Ă©quipes internes sont dĂ©jĂ  surchargĂ©es !

 

Comment refondre son site Internet ? La méthodologie à suivre absolument

Les grandes étapes clefs et le processus de la décision de refonte à la mise en ligne :

1/ DĂ©finition et expression du besoin et rĂ©daction d’un cahier des charges (mĂŞme si vous rĂ©alisez votre site en interne). Cela passera par la rĂ©daction d’un cahier des charges dĂ©taillĂ©. On trouve dans ce cahier des charges les grands paragraphes suivants : fiche signalĂ©tique du donneur d’ordres, objectifs de la refonte et du projet, pĂ©rimètre du projet, environnement graphique (charte graphique), informatique et technique, description fonctionnelle et technique, attendus de la rĂ©ponse, contraintes techniques, modalitĂ©s de sĂ©lection du prestataire, planning, ressources allouĂ©es. Une arborescence mĂŞme lĂ©gère doit ĂŞtre fournie. Des exemples d’inspirations peuvent aussi ĂŞtre communiquĂ©s : sites qu’on aime ou qu’au contraire, on dĂ©teste. Un moodboard peut servir.

Ce cahier des charges servira de base Ă  votre processus d’appel d’offres. Vous pouvez tĂ©lĂ©charger ici un gabarit de cahier des charges de refonte de site web.

 

gabarit cahier des charges

 

2/ Etude des réponses à votre consultation (étude technique, méthodologique, organisationnelle). Soyez particulièrement vigilants aux points suivants :

  • La nature de la prestation : tout doit ĂŞtre clair et dĂ©fini. Posez des questions.
  • Les livrables : ce que vous obtiendrez et Ă  quel moment. Le livrable doit ĂŞtre quantifiĂ© et prĂ©cis
  • Le planning : très important car c’est un Ă©lĂ©ment qui doit ĂŞtre contractuel.
  • Les ressources allouĂ©es : exigez un chef de projet dĂ©diĂ© et disponible. Vous devez aussi comprendre ce qui est sous-traitĂ© ou non
  • La propriĂ©tĂ© intellectuelle : qui sera dĂ©tenteur des droits une fois la prestation rĂ©alisĂ©e ?

Puis, une fois le choix fait du prestataire et de la mĂ©thode, vous pourrez envisager d’entrer dans le dur !

 

3/ Calage du planning : cette phase est importante car elle dĂ©termine toutes les Ă©tapes, les interactions, les livrables et les phases de review. L’utilisation d’outil de gestion de projet ou de roadmap est clef (MS Project, Gantter, Roadmunk). En terme d’outils, il sera aussi nĂ©cessaire d’adjoindre des outils d’allocation de tâches (comme Trello) puis un peu plus tard de bug-tracking. Nous y reviendrons.

 

4/ Meeting de kick-off : c’est le dĂ©marrage officiel du projet. Toutes les parties prenantes sont lĂ . Le planning est validĂ©. Cela permet de mieux connaĂ®tre le contexte, ses spĂ©cificitĂ©s, ses valeurs.

 

5/ Conception générale. Cela va déterminer la structure du site, les niveaux et profondeurs de navigation clefs (arborescence), les gabarits de page nécessaires.

La conception gĂ©nĂ©rale est fondamentale car elle est le socle de l’architecture de l’information, du système de navigation, de l’agencement de la page d’accueil et de la ligne Ă©ditoriale.

 

6/ RĂ©daction du contenu : Ă  ce stade, on doit avoir une bonne vision du contenu : home page, grandes rubriques, process Ă©ditorial. Le contenu est souvent le point le plus difficile car il touche çà l’essence mĂŞme de votre mĂ©tier. Et qui dit contenu, dit SEO ! L’expert rĂ©fĂ©rencement naturel interne ou externe doit absolument intervenir Ă  cette phase.

 

7/ Zoning / UX : Ă  partir de wireframes, on va poser l’organisation des pages, l’imbrication des ressources, la hiĂ©rarchisation des informations Ă  afficher, les call to action, les parcours… Ce prototypage va nĂ©cessiter gĂ©nĂ©ralement plusieurs interactions.

 

8/ Direction Artistique gĂ©nĂ©rale. A partir de la charte de l’organisation et de sa dĂ©clinaison (charte  graphique digitale), des maquettes vont ĂŞtre rĂ©alisĂ©es. Une attention particulière est portĂ©e Ă  la page d’accueil ou home page, qui va induire le style et l’identitĂ© gĂ©nĂ©rale de tout le site. Une fois la DA posĂ©e et validĂ©e, toutes les autres pages (gabarits ou templates) seront dĂ©clinĂ©s. Naturellement, la version mobile et les version intermĂ©diaires en responsive doivent ĂŞtre maquettĂ©s ou des principes de construction donnĂ©es.

 

9/ Intégration et montage HTML : cette phase est en 2 étapes:

Une intégration front : montagne des pages à partir de leur codage HTML / CSS / Images : à partir des maquettes PSD, montage statique des pages, découpe et optimisation des images, polices (webfont), intégration en code HTML / CSS / JS avec utilisation de frameworks spécifiques si besoin.

Une intĂ©gration back : connexion aux bases de donnĂ©es, interactivitĂ© des formulaires, gĂ©nĂ©ration des pages dynamiquement. ImplĂ©mentation du CMS (WordPress, Liferay, Drupal…), choix des plug-in, branchement aux diffĂ©rentes API.

Cette phrase d’intĂ©gration puis de passage en serveur de dev / puis de prĂ©-prod seront souvent faites sur un outil de versionning comme GITHub.

C’est Ă  ce stade que les performances techniques ultĂ©rieures – notamment pour le si important temps de chargement – seront mises en Ĺ“uvre. N’hĂ©sitez pas Ă  challenger fortement vos Ă©quipes techniques !

 

10/ Tests et Q&A : cette phase est fondamentale. La phase de debugging prend du temps. Vous devrez utiliser des plateformes virtuelles de test (BrowserStack par exemple) mais aussi des devices fixes et mobiles pour une compatibilitĂ© responsive design parfaite. Tous les navigateurs du marchĂ© devront ĂŞtre testĂ©s (voir la liste que nous supportons de notre cĂ´tĂ©). En terme d’outils, un outil de ticketing comme Redmine, Mantis ou Jira est un plus.

 

11 / La recette ! Vous pouvez sortir le champagne et recevoir les fĂ©licitations du Comex. Profitez-en car dès le lendemain…

 

12/ Evolutions : comme dit plus haut, l’Ă©volution du site est Ă  prĂ©voir dès la recette. On parle maintenance Ă©volutive ou corrective. Sur des sites techniquement complexes, on s’approche d’une logique de TMA (Tiers Maintenance Applicative). Cette TMA peut ĂŞtre de plusieurs types : une TMA au forfait, une TMA en rĂ©gie forfaitĂ©e ou une TMA via carnet de tickets.

En terme de budget, prĂ©voyez pour la maintenance corrective et quelques Ă©volutions, une enveloppe annuelle de 15 Ă  25% du budget initial de refonte. Ce n’est pas neutre ! Et ce qui prime par dessus tout est la sĂ©curitĂ© de votre site web, son intĂ©gritĂ©. Un PRA/PCA peuvent ĂŞtre prĂ©vus.

 

 

Voici la méthodologie et le rétro-planning que nous suivons. Vous pouvez la télécharger librement :

 

methodologie refonte site web

 

 Je télécharge

 

Le choix d’un CMS pour un site internet

Aujourd’hui, plus personne ne conteste de devoir se passer d’un CMS du marchĂ© pour gĂ©rer son site web
Quels sont les avantages d’un CMS ? On peut citer notamment :

  • FlexibilitĂ© et rĂ©activitĂ© dans les mises Ă  jour
  • IntĂ©gration Ă  un Ă©co-système notamment pour les plug-in et extensions
  • DisponibilitĂ© de dĂ©veloppeurs en freelance ou en mission interne.

Vous pourrez consulter notre article complet sur les CMS. Dans l’assurance, les CMS les plus populaires sont WordPress, Drupal et Liferay DXP.

 

L’importance du SEO

La refonte d’une site internet est l’occasion de remettre Ă  plat le SEO pour optimiser sa prĂ©sence sur les moteurs de recherche. A cette occasion, il faut prĂ©voir :

  • Un audit sĂ©mantique et technique du site actuel pour ne pas refaire les mĂŞmes erreurs
  • L‘intĂ©gration technique au cĹ“ur du nouveau site de toutes les contraintes les plus rĂ©centes SEO (video, donnĂ©es structurĂ©es…)
  • Un espace de publication (blog le plus souvent) simple Ă  utiliser et le plus convivial possible. Tous les plug-in SEO de base seront installĂ©s et opĂ©rationnels.

Au delĂ , en 2020, les fondamentaux en SEO sont les suivantes :

  • Avoir une performance de site de très haut niveau (chargement de pages rapide, version mobile responsive impeccable, Ă©ventuellement une version AMP et une gestion de mise en cache – WP Rocket sur WordPress notamment, site en HTTPS via un certificat SSL, gestion des Sitemaps)
  • Optimiser chaque page Ă  tous les niveaux : balisage Hn, titre, mĂ©ta, URL de la page, images optimisĂ©es avec leur balise ALT, usage de la video sous titrĂ©e (via fichier SRT corrigĂ©). De plus en 2020, il faut aller très loin en terme de donnĂ©es structurĂ©es (structured content – voir la page de validation de contenu GSC – ou structured data via du markup XML)
  • Mise en place de cocons sĂ©mantiques (ou piler content) : un regroupement d’article sur la mĂŞme thĂ©matique centrale pour vous avec un article phare de plus de 2,000 mots

Plus de dĂ©tails sur le prix d’une prestation SEO dans l’article ci-contre.

 

Nos exemples de refonte de site

Site promotionnel et sponsoring sportif La MACSF. CMS WordPress

 

 

Site corporate de l’institution LeTROT. CMS Symfony/Joomla

CMS : WordPress

Site principal CCR RĂ©. CMS Liferay

Le simulateur de La Poste Genius

CMS : WordPress

Le site spĂ©cial du prix d’AmĂ©rique pour Le trot

CMS : Symfony/Joomla

 

Site coronavirus-statistiques.com

CMS WordPress

 

Prix et budget

Voici des exemples de budget et de coûts estimatifs pour la refonte de sites :

Exemples de budgets pour des refontes de sites

Type de siteDurée du projetBudget
Site plaquette mono-page1 mois1,500 € à 5,000 €
Site plaquette 3 Ă  5 gabarits – CMS WP3 mois5,000 € Ă  20,000 €
Site plaquette complexe – 10 gabarits – CMS pro (Drupal, LifeRay…)3 Ă  6 mois25,000 € Ă  70,000 €

 

Mais, le mieux est nĂ©anmoins d’utiliser notre configurateur pour vous faire votre propre idĂ©e

 

Calculez votre budget personnalisé en 6 clics

Chargement en cours...

 

Le cas particulier de la refonte de site internet dans l’assurance, les mutuelles ou les institutions de prévoyance

 

refonte site web pour ou contre infographie alt

Infographie co-réalisée avec Mounir Digital

 

En effet, la refonte de site web des assurances *, des courtiers, de la rĂ©assurance, des agents gĂ©nĂ©raux, des acteurs de la prĂ©voyance et des mutuelles est très particulière. On distingue d’un cotĂ© un site vitrine ou plaquette oĂą les offres sont prĂ©sentĂ©es, un espace prĂ©vention gĂ©nĂ©ralement sous forme de blog, des simulateur de devis pour donner un prix par rapport Ă  un besoin exprimĂ© et un espace souscription (le fameux parcours devis souscription). Les CMS sont aussi très particuliers au monde de l’assurance : Ă  cĂ´tĂ© des grands standards (site WordPress, Drupal), on y trouve aussi des CMS plus exotiques (Liferay, Jahia, Jalios, Typo3…) ou en devenir (Adobe Experience Manager, Salesforce Content Management System…) Nous avons d’ailleurs Ă©crit un livre blanc Ă  ce sujet.

 

refonte site internet assurance mutuelle

 

*Cet article est centrĂ© sur la refonte de site. Un article similaire sur la crĂ©ation de site pour l’assurance existe Ă©galement.

 

Refonte de site ou site en amélioration continue ?

On nous pose souvent la question. Clairement, en 2020, l’amĂ©lioration permanente et continue d’un site web devrait ĂŞtre la norme. Il ne devrait pas se passer une semaine sans que vous n’amĂ©lioriez votre site, et naturellement que vous ajoutiez du contenu.

NĂ©anmoins, la refonte complète de site s’impose dans les cas suivants :

  • Changement d’architecture en terme de back-office et/ou de CMS.
  • Niveau d’obsolescence avancĂ©e du site (pas de prise en charge du mobile par exemple).
  • Enveloppe budgĂ©taire disponible uniquement Ă  une date prĂ©cise.

L’approche en amĂ©lioration continue (souvent associĂ©e Ă  la mĂ©thode agile) est de loin Ă  privilĂ©gier. Elle permet notamment :

  • Une implĂ©mentation de nouvelles fonctionnalitĂ©s sur des cycles courts.
  • Une approche de type A/B testing, par petites avancĂ©es : on teste, on analyse, on garde ou on supprime.
  • Une meilleure rĂ©activitĂ© aux exigences du business.

 

Les 5 erreurs Ă  ne pas commettre

  • La première erreur est d’avoir un planning trop agressif. Une refonte de site se compte en mois. Un site web concerne Ă  la fois la communication, la DSI, le mĂ©tier. Aligner les objectifs de chacun prend du temps.
  • La deuxième erreur est ne pas avoir un chef de projet (ou rĂ©fĂ©rent ou product owner PO) dĂ©diĂ© en interne
  • La troisième erreur est de nĂ©gliger le contenu, la partie rĂ©dactionnelle. Cette partie lĂ  pourra ĂŞtre amĂ©liorĂ©e par votre agence. Mais c’est vous qui connaissez votre mĂ©tier, vos spĂ©cificitĂ©s, vos terminologies
  • La quatrième erreur, c’est de ne pas avoir une vision Ă  moyen terme. Votre site devra reflĂ©ter votre transformation digitale anticipĂ©e Ă  3 ans.
  • La cinquième enfin est de trop se focaliser sur le prix initial au dĂ©triment de la qualitĂ© de votre prestataire et du temps que vous allez y consacrer. Votre choix d’agence Ă©tablit une relation Ă  long terme.

 

Notre FAQ

Pourquoi faire une refonte de son site Internet ?

On distingue gĂ©nĂ©ralement trois raisons : 1. Une Ă©volution de design, d’identitĂ© visuelle, de brading 2. Une Ă©volution technique (changement de CMS) 3. Une Ă©volution business dans une logique de transformation digitale (exemple digitalisation de parcours prospects / clients / devis / souscription

Comment faire une refonte de site ?

Avant tout, il faut bien poser les enjeux, écrire un cahier des charges précis (10 à 15 pages mini) puis faire un choix de prestataire efficace et fiable

Quelle méthode suivre pour une refonte de site web ?

Il faut s’adapter Ă  votre enjeu et Ă  vos spĂ©cificitĂ©s. Le process compte de 10 Ă  12 Ă©tapes. DĂ©couvrez-les plus haut

Quels sont les dangers Ă  Ă©viter dans une refonte de site internet ?

Il y en a de nombreux ! On peut en cite 5 principaux 1/ Ne pas y consacrer assez de temps 2/ NĂ©gliger la phase de rĂ©daction de contenu qui doit ĂŞtre faite par un spĂ©cialiste de la rĂ©daction web 3/ Faire un choix de CMS non standard. C’est la porte ouverte ensuite Ă  beaucoup de problèmes. 4/ NĂ©gliger la phase intĂ©gration HTML front / back 5/ Penser que tout est fini Ă  la recette. C’est au contraire le dĂ©but de l’optimisation fonctionnelle

Comment réussir une refonte de site Internet ?

Il n’y a pas de recette magique mais au moins 5 points importants. 1/ Bien planifier les grandes Ă©tapes 2/ Travailler avec des prestataires fiable et de qualitĂ© 3/ Ne pas trop tirer sur les prix- vous vous en mordriez les doigts 4/ Travailler en mode collaboratif avec des outils modernes 5/ Tester inlassablement

 

RETROUVEZ LA VIDEO DE FRANCIS MAHUT, PATRON DE L’AGENCE DIGITALE EFICIENS

Se lancer dans la refonte de son site internet ne s’improvise pas. Avec d’innombrables refontes et crĂ©ations de sites, le dirigeant d’Eficiens vous fait dĂ©couvrir en video et en article les spĂ©cificitĂ©s de ces projets.

VidĂ©o verticale sous-titrĂ©e – Clic sur les flèches ou le carrĂ© pour plein Ă©cran – Video de 1’43”

 

Pour aller plus loin, contactez-nous

Directement sur contact@eficiens.com, par tĂ©lĂ©phone au +33.(0)1.84.17.70.20 ou via la page contact de notre site. Vous pouvez aussi contacter directement le patron de l’agence Francis Mahut sur LinkedIn 

Vous avez aimĂ© ? Notez-nous !