Refondre un site web
04 janvier 2020
23minutes

Comment mettre en œuvre la refonte ou la création d'un site Internet pour un assureur, une institution de prévoyance, un courtier ou une mutuelle ? Méthodologie et exemples de réalisations

 

Sommaire

Pourquoi créer un site dans l’assurance ?

Les particularités des créations de site internet pour les courtiers, les assureurs, les institutions de prévoyance ou les mutuelles

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

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

L’importance du SEO

Des exemples de création de site

Prix et budget en refonte de site internet

Quelques astuces du patron d’Eficiens en vidéo

Contact

 

 

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

Une création de site internet dans l’assurance a plusieurs raisons :

Nouvelle marque : on parle alors de refonte « relookage ».

Nouvel environnement technique : en cas de changement de CMS par exemple. Vous étiez sur un CMS vieillissant et vous souhaitez migrer sur Drupal ou WordPress

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. Le parcours devis-souscription vient en première ligne.

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 ?

 

raisons-refonte-site-web-internet-assurance

 

Quelles sont les différences entre création de site, migration de site et refonte de site web ?

On emploie trop souvent, à tort, ces expressions de façon interchangeable :

Une création de site se fait ex-nihilo : nouvelle marque, nouvelle initiative. On part d’un nouveau nom de domaine et on décline toute la méthodologie jusque à la recette. La première étape et la création de l’architecture du site

Une refonte de site part d’un existant : c’est le cas le plus fréquent en 2020. Vous avez déjà un site web et souhaitez l’améliorer : UX revu, parcours plus fluides, meilleure prise en compte du mobile ou du SEO, etc.. Vous allez travailler le fonctionnel et le plus souvent le design de concert

Une migration de site est technique : vous avez décidé de changer de CMS pour un CMS plus moderne et standard, ou vous devez changer de nom de domaine

 

Le cas particulier de la création d’un site internet dans l’assurance, les courtiers, les mutuelles ou les institutions de prévoyance

 

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 des assureurs : à côté des grands standards (sites sous WordPress, Drupal), on y trouve aussi des CMS plus « exotiques » (Liferay, Jahia, Jalios, Typo3, EZ-Platform…) ou en devenir (Adobe Experience Manager, Salesforce Content Management System…) Nous avons d’ailleurs écrit un livre blanc à ce sujet.

 

Les grandes sections résumées sur ce schéma sont donc : espace vitrine / espace corporate / espace blog / espace marque employeur / parcours devis-souscription / espace connecté. Typiquement, le département marketing est en charge du site vitrine, du blog et des parcours devis-souscription ; le département informatique / DSI de l’espace connecté.

 

refonte-site-web assurance-mutuelle

 

 

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

Les grandes étapes clefs de la prise de décision à la mise en ligne :

 

1/ 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 spécial assurance.

 

gabarit cahier des charges creation refonte site internet

 

2/ Etude des réponses à votre consultation (étude technique, méthodologique, organisationnelle).

 

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 comme Mantis. Nous y reviendrons.

 

4/ Meeting de kick-off : c’est le démarrage officiel du projet. Toutes les parties prenantes sont là : Direction Marketing, Direction Technique ou DSI, Direction de la Communication, RH et idéalement Direction Générale Le planning est validé. Cela permet de mieux connaître le contexte, ses spécificités, ses valeurs.

 

5/ Conception générale. La phase de conception générale 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.

 

site web arborescence courtier assurance B2B

Arborescence typique de site web de courtier

 

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 assurance

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 dans l’assurance. L’importance des blogs sur la prévention

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.

 

Nos exemples de création ou de refonte de site dans l’assurance

 

Refonte complète du site de la mutuelle Mutuelle Bleue

 

 

Site promotionnel et sponsoring sportif La MACSF. CMS WordPress

 

 

 

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

CMS : WordPress

Création du Site principal CCR Ré. CMS Liferay

 

Création du simulateur de La Poste Genius

 

CMS : WordPress

Création et mise à jour du site spécial du prix d’Amérique pour Le trot

 

CMS : Symfony/Joomla

 

Conception du Site coronavirus-statistiques.com

CMS WordPress

 

Création de site internet sur la Prévoyance – BNP Paribas Cardif (site privé)

 

Création de site internet – Capssa (public le 30/09/2020)

 

Refonte de site internet – Cegedim (automne 2020)

 

 

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 site Durée du projet Budget
Site plaquette mono-page 1 mois 1,500 € à 5,000 €
Site plaquette 3 à 5 gabarits – CMS WP 3 mois 5,000 € à 20,000 €
Site plaquette complexe – 10 gabarits – CMS pro (Drupal, LifeRay…) 3 à 6 mois 25,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. Eficiens une agence spécialisée dans la création de site pour l’assurance.

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”

Eficiens est probablement la seule agence en France avec une telle spécialisation sur la création, la migration et la refonte de site pour l’assurance, les mutuelles ou les instituts de prévoyance.

 

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 !