Assurance & Mutuelle
04 janvier 2020
24minutes

Comment accomplir la création d'un site Internet dans l'assurance ? Méthodologie expliquée, exemples de réalisations et budget à prévoir en Juin 2020

 

CREATION SITE INTERNET ASSURANCE

 

 

Sommaire

Pourquoi crĂ©er un site dans l’assurance ?

Les particularitĂ©s des crĂ©ations de site internet dans l’assurance ou les mutuelles

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 création de site

Prix et budget en refonte de site internet

Les 5 erreurs Ă  ne pas commettre

Contact

 

Introduction

En 2020, avoir un site web moderne et efficace n’est pas la cerise sur le gâteau. C’est le gâteau tout entier. Un enjeu d’entreprise, pas seulement un enjeu de marketing ou de communication.

 

Pourquoi se lancer dans la crĂ©ation d’un  nouveau site Internet en tant qu’assureur ?

Une création de site internet a quatre raisons principales :

Nouvelle marque : on parle alors de refonte « relookage ». Mais dans les faits, ce sera souvent un nouveau site complet.

Nouvel environnement technique : en cas de changement de CMS par exemple

Refonte UX / parcours : on est plus lĂ  dans une orientation business. De plus en plus, on vise des parcours 100% digitaux dans le monde de l’assurance, des mutuelles ou des courtiers

Nouvelle initiative : sponsoring, mini-site internet, site de fondation, site sur les prĂ©vention…les occasions ne manquent pas.

Mais est-il besoin de prĂ©ciser qu’en 2020 pour un assureur, la crĂ©ation d’un site est aussi vitale qu’avoir un call center, des agences ou une adresse postale ?

 

Le cas particulier de la création, de site internet dans l’assurance ou les mutuelles

 

En effet, la conception de site web des assurances, des courtiers, de la rĂ©assurance, des agents gĂ©nĂ©raux 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 spĂ©cifiques 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

 

 

Comment créer un site Internet  quand je suis un assureur? La méthode à suivre absolument

Les grandes étapes clefs de la décision à 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 creation refonte site internet

 

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 vitale du référencement / SEO

La crĂ©ation d’une site internet est l’occasion de se penchert le SEO pour optimiser sa prĂ©sence sur Google. 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.

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

 

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

#1 Une crĂ©ation 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 crĂ©ation 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 crĂ©ation de site n’est pas une fin en soi : c’est un dĂ©but. 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.

 

Création de 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 est toujours disponibile pour une nouvelle création. 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 !

 

Nos exemples de création ou 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...

 

 

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 !