Comment réussir la refonte de son site Internet en 2022 ? Téléchargez méthodologie détaillée, exemples de réalisations, planning et budget à prévoir

Francis Mahut
Rédigé par Francis Mahut
21 d√©cembre 2019 - 25 minutes

 

 

 

 

 

La strat√©gie √† mettre en place dans la refonte d’un site internet

 

Avant de commencer, c’est quoi une refonte de site Internet ?

 

Une refonte de site web vise √† modifier l’apparence en profondeur du site avec un nouveau front (l’apparence per√ßue par l’utilisateur, le visuel). Elle va souvent de pair avec une modification sur le back, la structure du site.¬†La refonte d’un site internet a le plus souvent pour objectif principal d’am√©liorer la performance et le service rendu au visiteur du site. On am√©liore alors le fonctionnel.

 

Pourquoi entreprendre une refonte de site Internet ? Les 7 raisons 

 

Les 7 bonnes raisons de refondre son site

 

raisons-refonte-site-web-internet

 

Une refonte de site internet a donc in fine trois axes principaux

 

¬†UNE 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, vos nouveaux enjeux. 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 web 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 !

 

¬†UNE 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. L’optimisation passe aussi par les performances pour une exp√©rience plus simple et plus fluide.

 

¬†UNE 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. On peut en profiter pour coordonner une refonte √©ditoriale compl√®te. Le but est d’avoir un site plus engageant et plus conversationnel cr√©ant ainsi une relation de confiance avec les visiteurs de votre site. De plus en plus, il faut √™tre user centric, voire adopter une approche ¬ę¬†service design¬†¬Ľ comme nous l’expliquons dans notre article sur la conception d’un site. L’explosion de l’usage des smartphones imposera √©galement souvent une philosophie mobile first, voire mobile only.

En un mot, vous allez moderniser votre site internet !

 

Une refonte de site internet est appelée aussi relookage, relooking ou restylage. Vous trouverez ces expressions dans les propositions que vous recevrez.

 

Les points primordiaux à considérer avant de commencer sa refonte

 

¬†POINT 1 ¬†Une refonte de site internet est un investissement : 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. Il n’est pas absurde pour une entreprise de taille moyenne (environ 500 salari√©s, budget de refonte de site autour de 50K‚ā¨) qu’il faille allouer une ressource en interne (type chef de projets, charg√© de marketing digital, digital manager…) √† mi-temps pendant 6 mois pour assurer une pr√©paration puis un suivi correct du projet.

 

¬†POINT 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.

 

¬†POINT 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.

 

Refonte de site ou site en amélioration continue ?

On nous pose souvent la question. Clairement, en 2022, 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.

Les inconvénients de la refonte complète :

  • Difficult√© dans l’analyse de ce qui a particip√© aux changements de performance : si vous changez tout d’un seul coup, il sera impossible de d√©terminer ce qui a contribu√© √† l’√©volution des indicateurs dans un sens ou l’autre
  • Perturbation des visiteurs de votre site. Nous l’avons v√©cu sur un site √† tr√®s fort trafic : une refonte fonctionnelle et visuelle de qualit√© a conduit de nombreux utilisateurs √† exprimer leur m√©contentement car ¬ę¬†ils ne s’y retrouvaient plus¬†¬Ľ
  • Tenue du planning et du niveau de qualit√© : une refonte majeure cr√©e un stress important sur votre organisation et par rebond sur votre prestataire. Il s’av√®re que des compromis sont souvent faits pour tenir les d√©lais.

 

L’approche en am√©lioration continue (souvent associ√©e √† la m√©thode agile en SCRUM avec des runs de d√©veloppement courts) 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.

 

Notre recommandation : fixez vous un plan d’am√©liorations r√©guli√®res √† apporter en permanence. 2 √† 3 am√©liorations fonctionnelles par semaine est un bon objectif. La recommandation continue est un must !

 

Des améliorations continues donnent un gros boost à votre SEO !

 

 

M√©thode et process dans la refonte d’un site web. 12 √©tapes √† suivre pas √† pas

 

Comment réussir la refonte de 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

 

¬†√ČTAPE 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. L’analyse de l’existant doit bien s√Ľr √™tre faite. 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 (qui, s’il est officiel, va constituer la base d’une r√©daction CCTP web par exemple). Vous pouvez t√©l√©charger ici un gabarit de cahier des charges de refonte de site web.

Bannière Gabarit cahier des charges pour appel d'offres de refonte de site web

 

 

¬†√ČTAPE 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 !

 

¬†√ČTAPE 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.

 

¬†√ČTAPE 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.

 

¬†√ČTAPE 5¬† Conception g√©n√©rale. Cela va d√©terminer la structure du site, les niveaux et profondeurs de navigation clefs (exemple d’arborescence), les gabarits de page n√©cessaires, le header, le footer, les breakpoints. L’architecture du site web est fig√©e durant cette √©tape. Cela passe le plus souvent par des ateliers de co-cr√©ation avec les diff√©rentes parties prenantes. Cela permet de cerner les enjeux de chacun. A ce stade, un Benchmark de votre concurrence est souvent r√©alis√©.

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 mutuelle

 

¬†√ČTAPE 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.

 

¬†√ČTAPE 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.

 

ux parcours devis mutuelle bleue mobile

 

¬†√ČTAPE 8¬† Direction Artistique g√©n√©rale. A partir de la charte de l’organisation et de sa d√©clinaison (charte¬† graphique digitale ou mieux design system), 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.

 

exemple home site web
Maquettage de home (Source Eficiens – Avant-vente)

 

¬†√ČTAPE 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 et web services (connexion aux espaces connect√©s, √† l’ATS, √† votre CRM…)

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 !

 

¬†√ČTAPE 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.

 

¬†√ČTAPE 11¬† La recette ! Vous pouvez sortir le champagne et recevoir les f√©licitations du Comex. Profitez-en car d√®s le lendemain…

 

¬†√ČTAPE 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 :

Bannière méthodoc #11 Refondre son site internet

 

Lors des grandes √©tapes de la refonte d’un site web, que valider √† chaque phase ?

 

Il est important de bien avoir en t√™te ce qu’on peut changer √† chaque √©tape et ce qui, une fois fig√©, ne devra plus √™tre chang√© sous peine de g√©n√©rer des co√Ľts et des retards cons√©quents.

 

PHASE MODIFICATIONS POSSIBLES SUR
Conception initiale РCadrage Architecture du site, périmètre, technologies front-back, arborescence
UX РZoning РWireframe Système de navigation, menus, header / footer, gabarits, home
Direction Artistique Choix d’identit√© visuelle, typo, illustration, visuels clefs, titraille, couleurs
Intégration front / back Animations et micro-interactions, calage responsive, cohérence et respect DA vs intégration, messages erreurs
Après mise en ligne En fonction des gabarits prévus et de leur modularité, modifications textes mineures РAjout de page / Ajout / modifications de templates

 

De l’importance du contenu

En cr√©ation ou refonte de site, un point est trop souvent n√©glig√© : le contenu. Les √©quipes digitales partent du principe que c’est la responsabilit√© des √©quipes m√©tier, le m√©tier que leur job n’est pas d’√©crire et l’UX pose des zones contenus sans avoir une vision tr√®s claire de ce qui sera √©crit. La meilleure fa√ßon d’avoir un r√©sultat faible.

Pourtant tout part toujours du contenu. Vous devez donc :

  • Avoir un responsable √©ditorial / PO identifi√©
  • D√©finir une strat√©gie √©ditoriale, un ton √©ditorial et pour la partie blog, une ligne √©dito
  • Ecrire des contenus le plus proches possibles de la r√©alit√© d√®s la phase amont
  • Avoir une approche de contenu en mode digital. Du contenu, ce n’est pas qu’une page de texte. Ce sont du texte, de l’image, des videos, des infographies, du maillage

 

Les base techniques à avoir en refonte de site

 

Quel CMS choisir 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, Joomla et Liferay DXP. On trouve √©galement EZ Platform, Jahia/Jalios, Typo3, SiteCore, Bolt et pour les plus fortun√©s AEM (Adobe Experience Manager).

 

Faut-il passer à un page builder lors de la refonte de son site web ?

 

Au del√† du CMS qui est incontournable en 2022, on voit de plus en plus se d√©velopper l’usage de ¬ę¬†page builder¬ę¬†, une fa√ßon simple et conviviale de cr√©er des pages o√Ļ tous les effets sont pr√©-cod√©s. On pense parfois √† Wix (√† la r√©putation douteuse notamment en version gratuite) r√©serv√© √† de tous petits sites. Mais un autre acteur professionnel commence √† devenir incontournable en terme de page builder, c’est Elementor. L’int√©r√™t est de rester sur un CMS standard (WordPress en l’occurence) mais d’acc√©l√©rer √©norm√©ment la phase d’int√©gration (de 30 √† 50% de temps gagn√© en ayant des √©l√©ments – menus, gestion et effets sur images, video, responsive – pr√™ts √† l’emploi).

 

Si votre budget est limité, partir sur un page builder est un bon choix

 

Refonte de site et SEO :¬†l‚Äôimportance d’√™tre ¬ę¬†SEO friendly¬†¬Ľ

 

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 2022, 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, TTFB – Time to First Byte, FCP – First Contentul Paint…)
  • 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 2022, 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.

 

Peut-on réaliser la migration de son CMS sans changer le front ?

 

Nous rencontrons de plus de en plus fr√©quemment des demandes de changement de CMS (g√©n√©ralement pour aller vers un CMS plus ¬ę¬†standard¬†¬Ľ comme WordPress ou Drupal) mais sans se lancer dans un changement complet d’architecture et/ou de design.

Cette approche est loin d’√™tre d√©raisonnable. Elle de d√©coupler la partie purement technique de l’aspect fonctionnel, ergonomique, UX, identit√© visuelle. L’autre avantage est de rendre le projet plus court et plus ¬ę¬†manageable¬†¬Ľ :

Ann√©e 1 : migration de site vers Drupal ou WordPress avec cr√©ation de tous les templates √† l’identique

Année 2 : nouvelle identité, UX et fonctionnel revus. Le dernier intérêt est de lisser le budget et le temps passé sur 2 ans.

 

Peut-on refondre son site sans changer le back ou le CMS ?

 

C’est un peu l’inverse de la proposition pr√©c√©dente et de loin le cas le plus fr√©quent. C’est aussi le plus rapide car les changements concerneront l’UX, le fonctionnel, la DA voire l’architecture g√©n√©rale mais pas la ¬ę¬†technique¬†¬Ľ. Les seuls points de vigilance √† noter sont :

  • S’assurer que les nouvelles fonctions dans le site revu (notamment si usage de plug-in) sont bien support√©es par votre environnement technique actuel. Il faudra probablement pr√©voir des mont√©es de version pour le CMS et ses d√©pendances, voir la partie webserver et gestionnaire de base de donn√©es. Bien tester en pr√©-prod
  • Pr√©voir le plan de migration au niveau du nommage des pages en g√©rant les redirections au niveau du sitemap. Pr√©voir aussi un script d’URL re-writing. M√™me si le CMS reste le m√™me, votre taxonomie (organisation hi√©rarchique de l’information) va changer
  • Anticiper la charge li√©e √† la migration des contenus. Avec un nouveau site, il peut √™tre utile pour profiter de faire un peu le m√©nage. Supprimer le contenu peu performant sera b√©n√©fique √† votre SEO

 

Comment choisir son prestataire. Les budgets

 

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 de stratégie internet en refonte de site

  • 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 ¬ę¬†webmastering¬†¬Ľ 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 ! Passer par une agence de strat√©gie experte en refonte de site web peut donc √™tre fort salutaire.

 

La question est vite répondue ! Plus personne ne réalise son site en interne. Il faut trop de compétences différentes.

 

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...

 

 

Les 5 erreurs de débutant à ne pas commettre en refonte de site

  • 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. Paradoxalement, la maintenance compte autant que le d√©veloppement initial.

 

Vous ma√ģtrisez d√©j√† les projets web ? D√©couvrez notre simulateur interactif pour calculer vous m√™me le budget de votre refonte

 

Entrez le nombre de jours que vous souhaitez allouer à chaque poste et obtenez un budget immédiatement. Bonus ! Vous pouvez même télécharger le fichier Excel éditable.

 

 

 

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

 

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-web 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. La grille tarifaire en cr√©ation de site Internet est aussi disponible.

 

 

Nos exemples et réalisations 

 

Site principal de la Mutuelle Bleue – CMS WordPress

 

Site promotionnel et sponsoring sportif de La MACSF. CMS WordPress

 

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

 

Site principal CCR Ré. CMS Liferay

 

Le simulateur de La Poste Genius

 

Le site sp√©cial du prix d’Am√©rique pour Le trot – CMS WordPress

 

Le site principal de l’APREF – CMS WordPress

 

Site coronavirus-statistiques.com – CMS WordPress

 

 

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¬†