À l’agence Facem Web, nous aimons les projets qui font converger stratégie digitale et enjeux métiers. La collaboration menée récemment avec QI Informatique, éditeur d’ERP 100 % français basé près d’Arras, illustre cette approche globale : moderniser un site vitrine devenu trop statique, renforcer son impact commercial et poser des bases techniques solides pour le référencement naturel, le tout dans l’écosystème WordPress/Divi. L’objectif ? Offrir à QI Informatique, reconnu depuis 1989 et revendiquant aujourd’hui plus d’un millier de clients, un outil web à la hauteur d’un marché logiciel en pleine mutation.

Du besoin initial à la vision finale : Comprendre les enjeux d’une entreprise d’informatique à Arras

L’ancien site de QI Informatique à Arras, conçu sur une architecture PHP sur mesure, reflétait une logique technique et visuelle aujourd’hui dépassée : absence de CMS, structure rigide difficilement modifiable, absence de gestion fine des balises sémantiques ou des URL canoniques. Ce socle technique, bien qu’efficace à son époque, ne permettait plus à l’équipe interne d’agir avec agilité sur les contenus, de structurer ses pages selon les standards SEO actuels, ni d’intégrer les fonctionnalités attendues dans une stratégie de génération de leads.

Sur le fond, le site ne représentait plus la transformation profonde de QI Informatique. L’éditeur d’ERP français basé à proximité d’Arras a considérablement étoffé son offre logicielle, intégré une démarche RSE forte articulée autour de trois piliers clairs (éthique, écoresponsabilité, développement économique), et repositionné ses services autour de l’accompagnement stratégique, de la proximité métier et de la pérennité des solutions.

Sur la forme, les signaux d’alerte étaient nombreux :

• Temps de chargement mobile trop élevé : en partie lié à une absence d’optimisation serveur (cache, compression, lazy loading) et à un code HTML/CSS non minifié et fortement imbriqué.
• Navigation peu hiérarchisée : absence de méga-menu, redondance dans les intitulés de pages, et absence de logique UX entre les différents niveaux de lecture (information, conversion, assistance).
• Pages peu différenciées pour Google : titres non structurés, duplication de contenu partiel, balisage Hn incohérent et manque d’enrichissement sémantique (schema.org, fil d’Ariane, maillage interne faible).

Face à ces constats, trois objectifs structurants ont émergé :

• Réaffirmer la position d’éditeur d’ERP français dans un paysage largement dominé par les éditeurs internationaux. Il ne s’agissait pas seulement de visibilité, mais de démontrer la maîtrise métier, la compatibilité RGPD, le support local et la réactivité. La preuve sociale (témoignages, chiffres-clés, historique) est ainsi devenue un levier central du projet ;
• Fluidifier le parcours de conversion grâce à une architecture orientée UX : appels à l’action (CTA) visibles dès le premier scroll, tunnels de demande de devis contextualisés, accès direct aux outils d’assistance comme AnyDesk ou TeamViewer, tout en assurant leur accessibilité sur mobile comme sur desktop ;
• Assurer une base SEO saine pour pouvoir capitaliser sur l’existant (liens entrants, pages historiques bien positionnées), mais surtout pour déployer une stratégie de conquête. Cela a nécessité une analyse sémantique amont (avec croisement SEMrush/Google Search Console), la refonte du maillage interne, la restructuration des permaliens, la déclaration des balises hreflang, et l’intégration de données structurées sur les pages stratégiques.

Cette phase de cadrage technique et fonctionnel a permis d’aligner les objectifs métiers de QI Informatique avec une vision web cohérente, pérenne et évolutive. Un socle essentiel avant toute refonte visuelle ou rédactionnelle, qui pose les bases d’un site pensé comme outil de conversion, vitrine technologique, et relai de marque à part entière.

Choix technologiques : WordPress + Divi pour conjuguer liberté créative et autonomie client

Pour la refonte du site vitrine de QI Informatique, le choix de la technologie s’est naturellement porté sur WordPress, associé au thème Divi de Elegant Themes. Ce duo offre un équilibre optimal entre souplesse graphique, performance technique et facilité de prise en main par les équipes internes. À l’heure où les entreprises cherchent à rester autonomes dans la gestion de leur site tout en bénéficiant d’une base professionnelle et optimisée pour le SEO, cette solution s’impose comme un standard fiable et évolutif. Pourquoi WordPress ? Parce qu’il s’agit du CMS le plus utilisé au monde, soutenu par une vaste communauté, des mises à jour fréquentes, et un écosystème de plugins capable de répondre à presque tous les cas d’usage (SEO, sécurité, performance, analytics, RGPD…). Pour QI Informatique, cela signifiait : pérennité, interopérabilité, évolutivité. Pourquoi Divi ? Parce que son builder visuel intégré permet une édition front-end intuitive, idéale pour une équipe non technique. Grâce à son système de modèles de page (page templates, global modules, sections enregistrées), il est possible de modifier ou créer une page complète sans écrire une seule ligne de code. C’est un choix stratégique pour un éditeur logiciel qui souhaite pouvoir faire évoluer son site au fil de ses offres, événements ou actualités. Notre mission a donc été double : assurer une qualité technique irréprochable tout en préservant une logique d’autonomie pour le client. Concrètement, nous avons mené plusieurs optimisations sur la base existante :

• Épuration complète de la structure Divi : suppression des modules inutilisés ou redondants, nettoyage des classes CSS automatiques générées par Divi Builder, et rationalisation des styles dans une feuille personnalisée allégée ;
• Optimisation des fonctionnalités natives : désactivation des fonctionnalités superflues (icônes inutilisées, animations trop lourdes, chargement global des librairies inutiles), activation du mode defer pour les scripts non critiques, et configuration fine du cache HTML/CSS via un plugin léger comme WP Rocket.
• Création de global modules sur-mesure : intégration de sections réutilisables (bandeaux CTA, logos clients, encadrés de témoignages), stylisées avec des classes identifiables et gérées depuis un unique point de mise à jour ;
• Conception de modèles de page personnalisables : chaque type de contenu (offres logicielles, cas client, article de blog, page d’équipe) dispose désormais d’un template dédié avec champs dynamiques (via ACF) et zones adaptables, garantissant une cohérence visuelle sans figer la créativité éditoriale.

Nous avons également intégré un système de sauvegarde automatisée (via UpdraftPlus), un tableau de bord allégé pour les utilisateurs non administrateurs, et une documentation interne sur l’usage de Divi Builder et l’arborescence du site. L’objectif : offrir un site à la fois performant, évolutif et accessible, sans dépendance technique à long terme. Avec ce socle WordPress + Divi bien pensé, l’équipe de QI Informatique peut désormais publier de nouveaux contenus en toute autonomie, gérer ses mises à jour visuelles, et piloter sa stratégie digitale sans friction ni retard technique.

Apporter une touche dynamique et accessible à la page d’accueil

Dans une ère où l’attention des visiteurs se joue dès les premières secondes, il était essentiel de soigner l’impact visuel de la page d’accueil sans compromettre la performance. Pour répondre à ce double objectif, nous avons intégré des animations vectorielles LottieFiles, connues pour leur légèreté et leur fluidité. Concrètement, une illustration animée d’accueil s’affiche dès le chargement de la page. Elle est encodée au format JSON et rendue via la librairie lottie-web.js, permettant une lecture fluide sur tous les navigateurs modernes sans charger de lourds fichiers vidéo ou GIF. Cette animation apporte une touche de modernité, capte immédiatement l’œil du visiteur, et reflète le positionnement innovant de QI Informatique sans alourdir les temps de chargement ni nuire au score Lighthouse. L’animation reste discrète, épurée, et respectueuse des normes d’accessibilité (aucun clignotement, contraste suffisant, non bloquante).

L’amélioration ne s’est pas arrêtée à l’esthétique. Nous avons également répondu à un retour terrain directement issu des utilisateurs : la difficulté à accéder rapidement au support technique. En réponse, nous avons intégré un bouton de télémaintenance fixe, visible de manière permanente en bas à droite de l’écran. Ce bouton, pensé pour un usage UX-first, est présent sur toutes les pages du site et redirige vers les outils de téléassistance utilisés par QI Informatique (AnyDesk, TeamViewer, selon le choix du client). La position fixe de ce raccourci garantit une accessibilité immédiate, même lors d’un scroll profond ou d’une navigation prolongée. Il est conçu de façon sobre et non intrusive, tout en restant identifiable grâce à une icône universelle et un contraste adapté. En back-office, ce module est géré comme une section réutilisable de Divi, permettant à l’équipe interne de changer facilement le lien ou le visuel sans compétences techniques.

Cette combinaison d’éléments dynamiques (animation) et fonctionnels (CTA fixe) incarne notre philosophie de conception : créer une expérience utilisateur moderne, efficace et réellement utile, tout en assurant un excellent compromis entre performance, accessibilité et identité de marque.

De solides fondations pour le SEO

Un bon référencement naturel ne repose pas uniquement sur le choix des mots-clés ou la rapidité d’un site. Il commence par une architecture claire, logique et évolutive. Dans le cadre de la refonte du site de QI Informatique, nous avons donc accordé une attention particulière à l’arborescence, véritable colonne vertébrale du SEO. L’objectif était double : structurer l’information pour les moteurs de recherche, tout en fluidifiant la navigation pour les utilisateurs finaux. Le site repose désormais sur une hiérarchie cohérente en trois niveaux, avec des URL lisibles, des segments thématiques bien identifiés et des chemins de navigation courts et explicites. Par exemple :

• /solutions/erp-industrie/ pour une page ciblée ERP secteur industrie,
• /services/telemaintenance/ pour le support technique,
• /blog/erp-cloud-vs-on-premise/ pour un article dédié aux modèles de déploiement ERP.

Chaque segment du site a été conçu comme un silo sémantique, afin de maximiser la pertinence des contenus aux yeux de Google et d’encourager le maillage interne. Cette structure permet aussi une extension facile du site à l’avenir, sans remettre en cause l’existant. Côté éditorial, la section blog bénéficie d’un template Divi personnalisé, conçu pour la lecture longue et l’optimisation des signaux SEO. Les titres H1-H2-H3, les balises meta, les données structurées schema.org de type Article et les extraits enrichis (rich snippets) sont intégrés par défaut, assurant une cohérence de publication entre le contenu rédactionnel et les exigences des moteurs.

Par ailleurs, chaque article embarque un champ de résumé, une image à la une optimisée (WebP + balise alt descriptive), ainsi que des modules d’appel à l’action dynamiques, réutilisables et adaptatifs selon la catégorie de l’article. Enfin, l’ensemble du site a été pensé dans une logique responsive design. Chaque composant – qu’il s’agisse du menu principal, des modules d’appel à action, des animations Lottie, ou encore du bouton de télémaintenance – s’adapte parfaitement à toutes les tailles d’écran. Le menu principal se transforme automatiquement en menu burger ergonomique sur mobile, tandis que la lisibilité des blocs texte et des visuels est ajustée pour garantir une expérience fluide, même sur des terminaux à faible résolution.

Ce socle SEO robuste, combiné à une arborescence claire et une logique éditoriale maîtrisée, permet à QI Informatique de viser une croissance organique pérenne, avec un positionnement renforcé sur les requêtes liées aux ERP français et à l’accompagnement logiciel sur-mesure.

Ce que nous retiendrons de cette refonte

Cette refonte a été bien plus qu’un simple ravalement de façade numérique : elle incarne une évolution stratégique profonde, à la croisée de la technique, de l’identité de marque et de l’expérience utilisateur.

• La modernisation d’un site ne doit jamais effacer son histoire : nous avons veillé à conserver l’ADN de QI Informatique – premier éditeur d’ERP français depuis 1989 – en valorisant ses racines locales, sa longévité sur le marché et son expertise sectorielle. L’identité visuelle a été conservée, mais allégée ; les messages clés ont été reformulés pour correspondre aux nouveaux enjeux du marché tout en préservant le capital de confiance accumulé ;
• L’association WordPress + Divi peut délivrer d’excellentes performances lorsqu’elle est pensée intelligemment. En désactivant les modules inutiles, en optimisant les fichiers CSS/JS et en exploitant les global presets, nous avons obtenu un site rapide, fluide et modulable. Cette approche bloat-free assure une base technique saine, tout en laissant une marge de manœuvre importante à l’équipe client pour faire évoluer le contenu sans expertise technique lourde ;
• Le SEO ne se limite pas aux mots-clés : il repose sur un triptyque essentiel – architecture, contenu, performance. En travaillant l’arborescence, en structurant les pages avec les bonnes balises HTML, et en intégrant des données structurées, nous avons créé les conditions d’une indexation rapide et qualitative. La vitesse de chargement, mesurée via PageSpeed Insights et Lighthouse, a également été optimisée pour répondre aux exigences des Core Web Vitals de Google.

En résumé, cette refonte démontre qu’un site WordPress peut rivaliser avec les solutions sur-mesure, à condition d’adopter une méthodologie rigoureuse, centrée sur les besoins métiers et les usages utilisateurs.

Envie de transformer votre propre site ?

Comme QI Informatique, faites le choix d’un accompagnement complet, de l’audit à la mise en ligne. Que vous soyez une PME industrielle, un éditeur logiciel, une société de services ou une structure publique, notre équipe vous aide à aligner vos objectifs business avec un site web performant, accessible, et prêt pour les standards de demain.

Contactez-nous depuis notre page de devis, ou passez nous voir dans nos locaux à Arras pour échanger autour de vos projets numériques. Ensemble, imaginons une stratégie web durable, qui combine design élégant, performance technique et visibilité optimale dans les moteurs de recherche.