17 erreurs à éviter dans la création ou la refonte d’un site

• Intégrez la refonte ou la création du site web dans une vision globale d’entreprise.
• Identifiez vos objectifs SMART (Spécifiques, Mesurables, Atteignables, Réalistes, Temporels).

• Contexte et enjeux du projet
• Aspects fonctionnels Front Office et Back Office
• Cartographie des flux d’informations et intégration avec les autres systèmes
• Enjeux stratégiques : UX, SEO, Mobile, Performances, Sécurité et Plan de Taggage
• Objectifs du nouveau site
• Analyse des concurrents : forces et faiblesses
• Sites de référence appréciés : raisons et critères
• Interlocuteurs internes et rôles
• Calendrier envisagé : phases du projet et jalons clés
• Contraintes, notamment budgétaires
• Solutions techniques envisagées : plateformes, langages, outils et technologies
• Accessibilité et conformité : normes RGAA, RGPD, etc.
• Scalabilité et évolutivité : adaptabilité et croissance du site à long terme
• Gestion des données et confidentialité : sécurité des données et respect des normes
• Formations et support : sessions de formation, guides utilisateurs
• Tests utilisateurs et recette du projet
• Maintenance et support : période de garantie, TMA, support
• Critères de sélection du prestataire : compétences, expérience, fiabilité, etc.
• Documents annexes : stratégie globale, performances de l’existant, charte graphique, etc

• Collectez les besoins : organisez des interviews ou sondages pour recueillir les attentes spécifiques de chaque département.
• Animez des workshops collaboratifs : encouragez chaque équipe à partager ses contraintes et priorités pour construire une vision commune.

• Comité de pilotage : formez une équipe regroupant des représentants des départements clés (commerce, IT, juridique, marketing, etc.).
• Planifiez des points de suivi fréquents pour discuter des avancées, des ajustements nécessaires et des éventuelles contraintes internes.

• Identifiez les tâches que les équipes devront réaliser et à quelle fréquence (ex. : mises à jour de contenu, création de nouvelles pages, etc.)
• Priorisez une interface Back Office qui répond précisément à ces besoins.

• Interfaces user-friendly : assurez une navigation claire et simple, même pour les non-techniciens.
• Aides intégrées : incluez des rappels pratiques, comme des alertes pour les tailles d’images ou des suggestions d’optimisation SEO.

• Formations adaptées : organisez des sessions sur mesure pour les équipes clés.
• Guides utilisateurs : fournissez des supports clairs et accessibles (manuels, vidéos tutoriels).
• Support post-lancement : préparez une assistance pour répondre aux questions après la mise en ligne.

• Planifiez avec réalisme : prenez en compte les délais nécessaires pour chaque étape, y compris les imprévus.
• Préservez les marges : évitez les calendriers trop serrés qui mettent en péril la qualité.

• Découpez en étapes : priorisez les fonctionnalités clés et travaillez par lots pour mieux gérer l’avancement.
• Garantissez une montée en puissance progressive : testez et validez chaque étape avant de passer à la suivante.

• Travailler par itérations : intégrez les retours et ajustez en continu, plutôt que d’attendre la fin du projet.
• Flexibilité intégrée : les ajustements sont plus faciles et moins coûteux.

• Impliquer les parties prenantes : planifiez des moments pour recueillir les retours des équipes et des utilisateurs finaux.
• Améliorer continuellement : utilisez ces retours pour affiner le projet tout au long de son développement.

• Tests techniques : vérifiez les Core Web Vitals, la sécurité, la compatibilité avec différents navigateurs et appareils.
• Tests utilisateurs : Assurez-vous que l’expérience réelle est fluide et accessible pour tous.

• Études qualitatives : interviews, focus groups pour comprendre les motivations et attentes des utilisateurs.
• Études quantitatives : analyse des données notamment comportementales pour identifier les points de friction majeurs.
• Construisez des cartes de parcours client permettant d’identifier les points de friction et les opportunités d’amélioration.
• Créez des personas efficaces reflétant les besoins, comportements, motivations, frustrations et attentes de vos utilisateurs cibles.
• Insights actionnables : transformez les résultats de la recherche en améliorations concrètes.

• Prototypes interactifs : testez vos maquettes auprès de vrais utilisateurs pour détecter les obstacles.
• Observation directe : analysez comment les utilisateurs naviguent, où ils hésitent ou se perdent.
• Itérations successives : adaptez et améliorez vos interfaces en fonction des retours reçus.

Front Office

• Simplifiez la navigation (menus clairs, chemin de conversion direct).
• Optimisez la vitesse et la lisibilité.

Back Office

• Développez des outils intuitifs, conçus pour les besoins spécifiques des équipes.
• Intégrez des aides contextuelles (rappels, alertes intelligentes).

• Étudiez les parcours utilisateurs sur mobile et desktop grâce à des outils d’analyse comme Google Analytics ou Hotjar.
• Identifiez les points de friction, comme des abandons en cours de navigation ou des interactions répétées sur des éléments mal conçus.

• Mobile : priorisez la rapidité et la simplicité avec des boutons bien visibles, des menus succincts, et des formulaires courts.
• Desktop : exploitez pleinement l’espace disponible pour enrichir les fonctionnalités, offrir des contenus détaillés, et encourager des actions complexes comme des comparaisons de produits.

• Réalisez des tests utilisateurs spécifiques pour chaque type d’appareil afin de valider la fluidité des parcours, la clarté des interactions et l’ergonomie globale.
• Testez des Core Web Vitals, en particulier sur mobile, pour garantir des performances optimales.

• Identifiez toutes les pages nécessaires et déterminez leur rôle dans le parcours utilisateur.
• Pensez une navigation intuitive : organisez les pages selon une hiérarchie logique et limitez les niveaux de profondeur pour un accès rapide à l’information.
• Reliez les contenus par des liens internes stratégiques pour encourager l’exploration du site.

• Identifiez les zones prioritaires et sections principales de chaque page
• Privilégiez des formats variés (texte, visuels, vidéos) pour renforcer l’impact et garder l’intérêt des visiteurs.

Analysez les données Google, entre autres, pour :

• Définir une arborescence produits alignée sur les envies réelles des utilisateurs et les tendances de recherche.
• Identifier et classifier les attributs produits les plus pertinents.
• Construire des fiches produits qui répondent aux questions, besoins et attentes spécifiques des utilisateurs.

NB : N’hésitez pas à investir dans un PIM !

• Développez une charte éditoriale pour garantir cohérence et pertinence.
• Analysez les attentes des utilisateurs grâce à la Data, et alignez vos contenus sur leurs préoccupations.
• Mettez en avant une approche centrée sur les bénéfices clients : chaque page doit répondre à une question ou un besoin.

• Créer des maquettes intégrant du contenu représentatif : ne vous contentez pas de simples placeholders « Lorem Ipsum ». Utilisez du contenu réel ou du contenu fictif qui reflète l’intention finale pour mieux ajuster l’interface.
• Adapter les formats et messages selon les objectifs de chaque page : le type de contenu (texte, visuel, vidéo) et le message doivent être adaptés au rôle de chaque page (ex. page d’accueil, fiche produit, blog, etc.) et aux attentes spécifiques des utilisateurs.

Avant même de commencer à concevoir le site, il est essentiel de définir les types de contenus nécessaires

• Quels sont les textes, images, vidéos et autres éléments multimédia à intégrer ?
• De quelles ressources disposez-vous en interne ou externe pour produire ces contenus ?
• Quand ces contenus doivent-ils être livrés afin d’être en phase avec le calendrier global du projet ?

Cette étape précoce permet d’éviter les blocages plus tard dans le processus et garantit un lancement fluide.

• Planifiez les livraisons de contenu à chaque étape du projet : ce calendrier doit permettre de gérer les versions de contenu et d’éviter les allers-retours inutiles qui peuvent entraîner des retards et des incohérences.
• Mise à jour régulière du contenu : assurez-vous que le contenu reste pertinent tout au long du projet en l’adaptant si nécessaire à l’évolution du design et des objectifs.

• Composants visuels unifiés : définissez des éléments de base comme les boutons, icônes, typographies, palettes de couleurs standardisées pour garantir une uniformité visuelle.
• Composants fonctionnels : déterminez les interactions, animations et comportements des éléments interactifs afin de maintenir une expérience utilisateur cohérente et fluide.
• Documentation claire : créez une bibliothèque centralisée qui guide les équipes design, développement et contenu, pour qu’elles appliquent les mêmes règles et principes. Cela facilite la collaboration et évite les divergences dans le travail.

Il est crucial d’aligner les équipes UX, UI et développement sur une vision commune dès le début du projet.

• Respecter les règles du Design System : lors de la création de prototypes et maquettes, assurez-vous que toutes les créations respectent les principes et composants définis dans le Design System. Cela évite les ajustements de dernière minute et garantit une cohérence dès le début.
• Mise à jour continue : assurez-vous que le Design System est régulièrement mis à jour pour rester pertinent au fur et à mesure de l’évolution du projet.

Le Design System doit être testé sur les différents supports, notamment sur mobile, tablette et desktop, pour s’assurer de sa cohérence et de son efficacité.
Vérifiez que l’application des règles du Design System fonctionne bien sur chaque appareil, en tenant compte des spécificités d’affichage et des interactions adaptées à chaque format.

Collaborer avec un expert SEO dès le début : il est crucial d’impliquer un expert SEO dès les premières phases du projet pour garantir que l’arborescence du site, la structure des pages et les parcours utilisateurs soient optimisés pour le référencement naturel.

• Identifier les pages stratégiques : celles qui génèrent le plus de trafic ou qui sont particulièrement importantes pour les utilisateurs et les moteurs de recherche.
• Mettre en place des redirections 301 : assurez-vous que toutes les anciennes URLs pointent vers leurs nouvelles versions afin de ne pas perdre de trafic et de préserver l’historique SEO.
• Reprise des contenus : ne perdez pas les contenus à fort potentiel. Si certains éléments du site doivent être réécrits ou modifiés, assurez-vous qu’ils restent optimisés pour le SEO.

Le SEO ne s’arrête pas à la refonte de la structure. Il touche aussi à de nombreux autres aspects du site.

• Balises : assurez-vous que les balises titres, descriptions, H1/Hn et autres balises SEO sont correctement définies et optimisées.
• Contenus : le contenu doit être à la fois pertinent pour l’utilisateur et bien optimisé pour les moteurs de recherche (utilisation des mots-clés, enrichissement sémantique, etc.).
• Maillage interne : créez des liens internes efficaces pour améliorer la navigation du site et renforcer la pertinence des pages aux yeux des moteurs de recherche.
• Performances : un site rapide est essentiel pour le SEO. Optimisez les performances du site pour garantir une expérience fluide.

Si votre site cible des utilisateurs à l’international, il est important de réfléchir à une stratégie SEO multilingue dès le début. Utilisez des balises hreflang pour signaler aux moteurs de recherche quelles pages sont destinées à quels publics linguistiques et géographiques. Cela permet d’éviter la duplication de contenu et d’assurer que chaque version de la page est correctement indexée dans les bons pays et pour les bonnes langues.

• Quelles sont les métriques qui reflètent vos objectifs ? Exemple : taux de conversion, clics sur CTA, durée des sessions.
• Lister les événements et interactions à suivre : Téléchargements de contenu, soumissions de formulaires, clics spécifiques.
• Utiliser un gestionnaire comme Google Tag Manager : simplifiez l’implémentation des tags et assurez une gestion évolutive sans surcharger vos équipes techniques.

Pour une conformité accrue avec les réglementations locales, envisagez des solutions comme Piwik Pro ou Matomo, qui offrent davantage de contrôle sur vos données.

• Combinez vos données : centralisez les informations de Google Analytics, Google Search Console, CRM, campagnes publicitaires et autres réseaux sociaux.
• Utilisez un outil comme Looker Studio : Ex-Google Data Studio, cet outil permet de visualiser facilement vos performances globales et d’identifier rapidement des axes d’amélioration.

Sélectionnez les outils, CMS, et hébergement optimisés pour la performance.

• Optimiser les éléments visuels : prévoyez l’utilisation de formats modernes pour les images (WebP, AVIF) et vidéos légères.
• Définir des priorités de chargement : assurez-vous que les contenus clés sont chargés en priorité (LCP).
• Prévoir l’espace pour les médias : fixez des dimensions précises pour les images et vidéos afin d’éviter les changements de mise en page (CLS).
• Prévoir un système de gestion des médias : intégrez des outils pour une administration simplifiée des images (ex. plugins d’optimisation automatique).

• Réduire la taille des fichiers CSS/JS : minifiez et combinez les fichiers pour accélérer le chargement.
• Optimiser les images et vidéos : réduisez leur taille, compressez et convertissez au format le plus adapté.
• Système de gestion des images dans le back-office : prévoyez une interface permettant aux administrateurs de facilement gérer, compresser et optimiser les images via des outils adaptés.
• Optimiser le lazy loading : chargez les images et vidéos uniquement lorsqu’elles sont visibles pour l’utilisateur
• Adaptation responsive : assurez-vous que les médias se chargent de manière optimale sur tous les appareils (réduction automatique pour mobiles).

• Audit de performance : vérifiez les Core Web Vitals avec des outils comme Google PageSpeed Insights et Lighthouse.
• Tests sur différents appareils et connexions : simulez l’expérience utilisateur sur mobile, desktop et sous des connexions lentes.
• Optimisation des éléments visuels : testez la fluidité des médias et leur impact sur les Core Web Vitals.

• Monitorer les performances : utilisez Google Search Console et d’autres outils pour suivre les Core Web Vitals après le lancement.
• Ajustements continus : apportez des améliorations selon les retours et l’évolution des bonnes pratiques en matière de performance.

Évaluez chaque solution en fonction des besoins spécifiques du projet.

• Performance : rapidité de chargement et gestion des pics de trafic.
• Scalabilité : capacité à évoluer avec vos besoins.
• Sécurité : niveau de protection offert.
• Facilité d’utilisation : prise en main par les équipes.
• Flexibilité : personnalisation et extensions possibles.
• Coût total de possession (TCO) : Budget à court et long terme.

Choisissez une solution qui soutient vos ambitions actuelles tout en anticipant les évolutions futures, pour éviter de devoir changer de technologie fréquemment.

Associez les équipes techniques, marketing, communication, et opérationnelles pour garantir que la solution réponde aux besoins de tous.

• Privilégiez des solutions modulaires et évolutives, telles que WordPress avec des configurations avancées pour des projets complexes.
• Assurez-vous que la solution bénéficie de mises à jour régulières, d’un support actif, et d’une communauté engagée.
• Documentez clairement les besoins techniques et prévoyez des tests réguliers pour éviter des régressions de performance.

Prévoyez suffisamment de temps pour effectuer une série complète de tests avant le lancement.

• Tests fonctionnels : vérifiez que chaque fonctionnalité répond aux attentes (formulaires, interactions, paiement en ligne, etc.).
• Tests techniques : validez la stabilité du site (temps de réponse, gestion des erreurs).
• Créez un plan de recette détaillé pour organiser et suivre les tests effectués.

• Identifiez et corrigez les liens cassés, pages manquantes ou erreurs 404.
• Vérifiez que le site respecte les règles de redirection et de structure URL prévues.

Assurez-vous que le site fonctionne correctement sur les navigateurs courants et les différents systèmes d’exploitation et résolutions d’écran.

Vérifiez que le site s’affiche de manière optimale sur tous les écrans : desktop, tablette, mobile.

• Évaluez le temps de chargement.
• Analysez les Core Web Vitals pour optimiser l’expérience utilisateur.

Impliquez les utilisateurs finaux dans des scénarios réels avant le lancement pour valider que le site correspond à leurs attentes.

• Pare-feu WAF (Web Application Firewall) : bloquez les attaques automatisées et malveillantes.
• Protection contre les attaques DDoS : limitez les interruptions causées par des surcharges artificielles de trafic.
• Chiffrement SSL/TLS : garantissez la sécurité des données échangées entre le site et ses utilisateurs.
• Authentification à deux facteurs (2FA) : renforcez la protection des comptes administratifs.

• Effectuez des mises à jour régulières pour corriger les failles des CMS, extensions ou thèmes.
• Mettez en œuvre une surveillance continue pour détecter rapidement les comportements suspects.
• Réalisez des tests de sécurité périodiques (ex. : tests d’intrusion, audit de sécurité).

• Formez les administrateurs et les utilisateurs à reconnaître les risques courants (phishing, liens malveillants).
• Établissez une politique stricte sur les mots de passe sécurisés et leur gestion.
• Limitez les droits d’accès aux fonctionnalités critiques pour réduire les risques liés aux erreurs humaines.

• Optez pour un CMS flexible tel que WordPress, capable d’intégrer de nouveaux modules et fonctionnalités.
• Construisez une architecture flexible qui permet des ajouts ou modifications sans refonte complète.
• Adoptez un développement évolutif, en évitant le sur-mesure rigide difficile à maintenir.

• Assurez une parfaite compatibilité mobile grâce à un design responsive.
• Intégrez des technologies innovantes comme les Progressive Web Apps (PWA) pour une expérience fluide et rapide.
• Envisagez l’intégration de l’Intelligence artificielle pour personnaliser l’expérience utilisateur ou automatiser des processus.

• Prévoyez des structures de contenu flexibles pour répondre aux besoins futurs : nouvelles catégories, formats variés (vidéo, carrousels, etc.).
• Mettez en place un système de gestion de contenu intuitif permettant des mises à jour rapides et indépendantes par vos équipes.

• Élaborez une roadmap évolutive pour maintenir le site à jour technologiquement et stratégiquement.
• Effectuez des audits réguliers pour identifier les optimisations possibles et détecter les signes d’obsolescence.

• Utilisez ce fichier pour documenter les données collectées, leur finalité, les durées de conservation, et les parties responsables.
• Ce document facilite la rédaction des politiques de confidentialité et de cookies, tout en impliquant toutes les parties prenantes (marketing, IT, juridique, etc.).

• Ajoutez une bannière de cookies conforme permettant aux utilisateurs de donner leur consentement explicite.
• Fournissez des outils pour que les utilisateurs puissent exercer leurs droits : accès, rectification, suppression, portabilité des données.

• Adaptez votre politique de confidentialité et votre politique de gestion des cookies aux spécificités du site et de son audience.
• Assurez-vous que ces documents sont accessibles et rédigés en langage clair.

Si votre site cible des utilisateurs en dehors de l’Union européenne, vérifiez les règles applicables (e.g., CCPA pour la Californie).

• Proposez des formations sur les bonnes pratiques de gestion des données personnelles aux équipes marketing, support client et développement.
• Si nécessaire, désignez un DPO (Data Protection Officer) pour superviser la conformité et gérer les éventuelles violations.