# Refonte du site web d’advandas : un conseil en IA clair dès le premier coup d’œil

> URL: https://4eck-media.de/fr/blog/refonte-du-site-web-dadvandas-un-conseil-en-ia-que-lon-comprend-au-premier-coup-doeil/  
> Language: fr  
> Description: Le cabinet de conseil advandas aide les PME dirigées par leurs propriétaires à exploiter l’intelligence artificielle et le numérique dans leurs activités quotidiennes. advandas Co…

---

Le cabinet de conseil [advandas](https://advandas.de/) aide les PME dirigées par leurs propriétaires à exploiter l’intelligence artificielle et le numérique dans leurs activités quotidiennes. advandas Consulting GmbH travaille pour l’industrie, l’artisanat, les entreprises informatiques, les bureaux d’études et les prestataires de services. Présente à Berlin, Waren (Müritz) et Ueckermünde, l’entreprise allie proximité régionale et expertise dans trois domaines : protection des données et sécurité informatique, IA et optimisation des processus, ainsi que finance et pilotage d’entreprise.

Derrière advandas se trouvent Stefan Siewert, Katrin Berndt, Karsten Böhm et leur équipe. En toute indépendance vis-à-vis des fournisseurs, ils déterminent quelle solution convient à l’entreprise, accompagnent sa mise en place et forment les collaborateurs. Le site devait permettre aux prospects de découvrir les consultants et de comprendre la manière dont advandas intervient dans l’entreprise. Nous avons donc revu l’arborescence et les textes, puis réalisé le nouveau design sous WordPress.

## L’enjeu : rendre une offre de conseil diversifiée facile à comprendre

Une entreprise artisanale qui cherche de premières applications possibles de l’IA n’a pas besoin des mêmes réponses qu’une société disposant déjà d’une offre logicielle. Une autre équipe souhaite peut-être automatiser un processus précis. Le site doit refléter ces différents points de départ et orienter les visiteurs avant de présenter chaque prestation.

Nous avons donc structuré les pages en fonction des préoccupations des prospects. Les visiteurs trouvent d’abord un point d’entrée correspondant à leur situation. Ils découvrent ensuite qui les conseillera et comment se déroule un projet. Les cas pratiques facilitent l’évaluation, tandis que la page de prise de rendez-vous mène à un échange personnel.

![L’ancienne page d’accueil d’advandas et le nouveau site avec une photo de l’équipe et une promesse claire, affichés sur deux ordinateurs portables](https://4eck-media.de/wp-content/uploads/2026/10/advandas-05-laptops-depth-before-after.avif "Page d’accueil d’advandas avant et après la refonte")

*La nouvelle entrée en matière présente les personnes derrière le cabinet et précise ce qu’advandas souhaite apporter à l’entreprise.*

## Les consultants au premier plan

Le choix d’un cabinet de conseil repose aussi sur la confiance. C’est pourquoi les trois dirigeants accueillent les visiteurs dès la grande image d’ouverture. Leurs profils présentent leurs domaines d’expertise respectifs. Stefan Siewert apporte son expérience en protection des données. Katrin Berndt est formatrice en IA et coach INQA ; Karsten Böhm associe expertise financière et optimisation des processus. Avant même le premier entretien, les visiteurs savent ainsi qui pourra prendre en charge leur demande.

Le [webdesign](https://4eck-media.de/fr/competences/agence-ui-ux-developpement-web-4eck-media/) reprend le rouge, l’anthracite et les formes géométriques de la marque. Des zones de texte claires, des surfaces sombres pour les cas pratiques et des appels à l’action rouges donnent un rythme reconnaissable à la longue page d’accueil. Des cartes récurrentes permettent de saisir rapidement les prestations, les projets et les personnes. Sur smartphone, elles deviennent des sections bien structurées avec une navigation compacte.

![Nouvelle page d’accueil d’advandas sur un ordinateur portable, accompagnée de la succession des sections consacrées aux points d’entrée, aux prestations et aux cas pratiques](https://4eck-media.de/wp-content/uploads/2026/10/advandas-single-laptop-corporate-background.avif "Webdesign et structure du site d’advandas")

*La page d’accueil conduit de la promesse de valeur aux méthodes de travail de l’équipe, en passant par des situations de départ concrètes et des cas pratiques.*

## Trois points d’entrée au lieu d’une longue recherche de la bonne prestation

Sous l’image d’ouverture figure la question : "Où en êtes-vous avec l’IA ?" Trois cartes facilitent le choix, sans exiger de connaissances techniques. Ceux qui souhaitent débuter sont orientés. Ceux qui veulent faire évaluer une offre d’IA trouvent une analyse indépendante des fournisseurs. Ceux qui souhaitent mettre en œuvre une solution concrète accèdent à l’accompagnement de projet.

L’étape suivante rend les champs d’application concrets : rendre le savoir de l’entreprise accessible, automatiser les tâches routinières, utiliser des assistants par chat ou par téléphone, ou former les collaborateurs. Les pages de prestations approfondissent ces sujets. Un parcours en quatre étapes montre en outre comment advandas passe de la compréhension et de l’analyse à l’évaluation et à la mise en œuvre, jusqu’à l’utilisation durable dans l’entreprise.

## Les cas pratiques montrent ce que recouvre le conseil en IA

Les notions abstraites deviennent plus faciles à comprendre lorsqu’elles sont rattachées à une entreprise réelle. Pour la boulangerie Hatscher, advandas décrit par exemple de courtes vidéos de formation avec un avatar IA, complétées par des quiz et des contrôles des acquis. L’objectif : transmettre les connaissances d’un site et d’une équipe à l’autre. Un autre cas pratique explique comment un concessionnaire automobile sélectionne des outils d’IA et les introduit avec ses collaborateurs.

Nous avons créé une rubrique dédiée à ces projets. Les prospects y découvrent le défi de départ d’une entreprise et la manière dont advandas l’a abordé. Ils peuvent ainsi plus facilement faire le parallèle avec leur propre situation. La rubrique Ressources complète ces exemples avec des articles sur la protection des données, les aides, l’IA et les processus. Des filtres thématiques facilitent l’accès ; des liens pertinents entre prestations, ressources et cas pratiques guident les visiteurs à travers les contenus.

![Trois vues mobiles d’advandas avec des informations sur l’entreprise, le menu ouvert et le cas pratique de la boulangerie Hatscher](https://4eck-media.de/wp-content/uploads/2026/10/advandasthree-phones.avif "advandas sur mobile : navigation et cas pratiques")

*Sur mobile aussi, l’orientation, les possibilités de contact et les applications concrètes pour les PME restent facilement accessibles.*

## De l’intérêt initial à la prochaine étape pertinente

Un outil interactif de vérification des aides répond à une question fréquente avant le lancement d’un projet. En indiquant notamment la taille de l’entreprise, le Land et le secteur d’activité, les visiteurs obtiennent une première orientation sur les programmes de financement possibles. Cela fournit un point de départ concret pour l’échange. Cette première vérification ne remplace toutefois pas l’examen définitif d’un projet.

Une page dédiée au premier entretien présente les interlocuteurs et leurs domaines d’expertise. Les boutons de réservation actifs mènent directement à leurs calendriers personnels Microsoft Bookings. Il est ainsi possible de choisir un créneau disponible sans devoir d’abord échanger plusieurs e-mails. L’offre est clairement annoncée : 30 minutes, gratuitement et sans engagement. Une carte des implantations et les coordonnées mettent également en évidence la présence régionale entre Berlin et la mer Baltique.

Le design englobe aussi les points de contact plus discrets. La bannière de cookies explique les choix possibles dans l’univers visuel de la marque. Lorsqu’un lien est introuvable, une page 404 illustrée sur mesure propose des accès à l’accueil, aux prestations et au contact. Même avec une adresse erronée, la visite ne se termine donc pas dans une impasse.

![Page 404 personnalisée d’advandas avec une illustration de robot et des liens vers l’accueil, les prestations et le premier entretien](https://4eck-media.de/wp-content/uploads/2026/10/advandas-single-laptop-404.avif "Une page 404 utile pour advandas")

*La page d’erreur reste intégrée à l’identité de la marque et aide les visiteurs à poursuivre leur parcours.*

## Une qualité technique vérifiable

Nous avons construit les pages sous WordPress à partir de blocs de contenu réutilisables. L’équipe peut ainsi ajouter d’autres cas pratiques et articles de fond dans le design existant. Dans le cadre de la refonte, nous avons également contrôlé les temps de chargement et l’accessibilité. Les rapports suivants présentent les résultats pour la page d’accueil.

### Performance mobile : de 68 à 95 points

Dans la comparaison PageSpeed mobile documentée, le score de performance passe de 68 à 95 points. Le rapport après refonte du 13 octobre 2026 affiche en outre 100 points pour l’accessibilité, les bonnes pratiques et le SEO. Malgré les grandes photos d’équipe et les visuels des projets, la page d’accueil obtient ainsi un excellent résultat au test mobile. Pour nous, [l’optimisation des performances](https://4eck-media.de/fr/competences/optimisation-pagespeed-rendre-les-sites-mesurablement-plus-rapides/) fait partie intégrante de la réalisation du design. Il s’agit de mesures en laboratoire ; des tests ultérieurs peuvent donner des valeurs différentes.

![Rapports PageSpeed mobiles de la page d’accueil d’advandas avant et après la refonte, avec respectivement 68 et 95 points de performance](https://4eck-media.de/wp-content/uploads/2026/10/advandas-04-phones-top-down-before-after.avif "Performance PageSpeed mobile d’advandas")

*Mesures mobiles en laboratoire documentées les 7 et 13 octobre 2026 : respectivement 68 et 95 points de performance.*

### Accessibilité : moins d’obstacles détectés

Pour la page d’accueil testée, l’outil distinct AccessibilityChecker montre une progression de 12 à 90 points ; le nombre de problèmes critiques signalés passe de sept à zéro. Le rapport précédent mentionnait notamment des problèmes de contraste et des incohérences dans les titres et les éléments de commande. Ils affectent la lisibilité et l’utilisation avec des technologies d’assistance. Les contrôles automatisés fournissent des indications importantes, mais ne remplacent pas un audit manuel complet de [l’accessibilité](https://4eck-media.de/fr/competences/accessibilite-pour-vos-sites-web-agence-de-webdesign/) de toutes les pages et de tous les parcours.

![AccessibilityChecker pour la page d’accueil d’advandas : auparavant 12 points et sept problèmes critiques, ensuite 90 points et aucun problème critique](https://4eck-media.de/wp-content/uploads/2026/10/advandas-03-tablets-top-down-before-after.avif "advandas : comparaison des contrôles automatisés d’accessibilité")

*Dans le périmètre du contrôle automatisé : de 12 à 90 points et de sept problèmes critiques à zéro.*

### En-têtes de sécurité : deux directives ajoutées

La comparaison des en-têtes de sécurité affiche la note A avant comme après la refonte. C’est la configuration qui a changé : Referrer-Policy et Permissions-Policy manquaient auparavant ; les six en-têtes de sécurité HTTP contrôlés sont désormais présents. Les deux en-têtes ajoutés régissent la transmission des informations de provenance et l’accès aux fonctions du navigateur. Le rapport après refonte contient toujours une remarque sur la Content Security Policy. L’illustration atteste donc les réglages ajoutés, et non une meilleure note globale ou la présence d’un certificat SSL.

![En-têtes de sécurité d’advandas avant et après, avec la note A dans les deux cas et l’ajout de Referrer-Policy et Permissions-Policy après la refonte](https://4eck-media.de/wp-content/uploads/2026/10/advandas-02-laptops-table-before-after.avif "advandas : deux en-têtes de sécurité ajoutés, avec la même note A")

*La note reste A. Depuis la refonte, Referrer-Policy et Permissions-Policy sont également configurées : les six en-têtes contrôlés sont donc présents.*

## Rendre les contenus accessibles aux moteurs de recherche et aux systèmes d’IA

Des pages de prestations concrètes, des titres compréhensibles et des liens internes entre ressources et cas pratiques constituent la base du [référencement naturel](https://4eck-media.de/fr/competences/agence-seo-4eck-media-nous-vous-hissons-en-haut/). À cela s’ajoutent des titres de page, des descriptions et des données structurées adaptés. Le test Schema.org documenté détecte 23 éléments sur la page d’accueil, dont l’entreprise, les prestations et les personnes, sans erreur ni avertissement. Les relations sont ainsi décrites sous une forme lisible par les machines.

Pour [préparer les contenus aux systèmes d’IA](https://4eck-media.de/fr/competences/optimisation-llm-geo-ia/), le site propose également une version Markdown. Le test documenté de Cloudflare "Is Your Site Agent-Ready?" n’avait pas pu analyser l’ancien site en raison d’une réponse 403. Après la refonte, l’analyse partielle atteint 86 points et le niveau "Agent-Native". Sept contrôles sur vingt étaient activés. Ce résultat atteste l’accessibilité dans le périmètre testé, mais pas une recommandation plus fréquente par les assistants IA.

![Test Cloudflare pour advandas : auparavant bloqué par une réponse 403, puis 86 points dans l’analyse partielle avec sept contrôles sur vingt](https://4eck-media.de/wp-content/uploads/2026/10/advandas-01-tablets-stands-before-after.avif "Accessibilité technique pour les agents IA chez advandas")

*Cloudflare Agent Readiness : aucune analyse exploitable avant la refonte, puis 86 points avec sept contrôles activés.*

## La photo de l’équipe apparaît aussi lors du partage du lien

Un lien vers un site web est vite envoyé à des collègues ou à des partenaires. Nous avons donc aussi conçu l’aperçu Open Graph : dès le partage, la photo de l’équipe et une courte phrase sur les bénéfices du conseil indiquent clairement le sujet du site. Le destinataire découvre ainsi les interlocuteurs avant même de visiter le site.

![Ancien aperçu du lien d’advandas avec le logo et nouvel aperçu avec l’équipe et une phrase sur les bénéfices de l’IA](https://4eck-media.de/wp-content/uploads/2026/10/advandas-06-tablets-stands-before-after-OG.avif "Aperçu Open Graph conçu pour advandas")

*Le nouveau visuel d’aperçu associe les personnes derrière advandas à l’offre du cabinet.*

    
        
            
                                                    Notre refonte pour advandas en un coup d’œil
                            
                            
                    
                        
- Une structure de site centrée sur les clients, avec trois points d’entrée autour de l’IA
- Un webdesign sur mesure avec des photos d’équipe et une navigation mobile claire
- Des liens pertinents entre prestations, cas pratiques et ressources
- Un outil de vérification des aides, une carte des implantations et un accès direct à la prise de rendez-vous
- Des performances, une accessibilité, un SEO et des contenus lisibles par les machines retravaillés
                                            
                                    
                    
    

Vous trouverez d’autres vues de la page d’accueil, du menu mobile et de la page 404 dans notre [référence consacrée à la refonte du site d’advandas](https://4eck-media.de/fr/references/refonte-du-site-web-dadvandas/).

## La refonte de votre site web avec 4eck Media

Votre offre de conseil doit être expliquée avant qu’un prospect ne vous contacte. Nous vous aidons à l’organiser du point de vue de vos clients et à la présenter clairement sur votre site. De la première arborescence à la réalisation sous WordPress, nous vous accompagnons tout au long de la refonte. [Parlez-nous de la refonte de votre site web.](https://4eck-media.de/fr/contact/)

    
        
            

## Projets associés et analyses approfondies

                            

SEDULUS montre comment le site d’un cabinet de conseil peut inspirer confiance. Chez furniRENT, un outil interactif facilite la décision. Notre guide explique comment préparer les contenus à la recherche par IA.

                    
        
                            
                    
                        [![Site SEDULUS responsive pour cabinet d’expertise comptable à Cottbus](https://4eck-media.de/wp-content/uploads/2026/08/sedulus-blog-featured-cover-1.png "Site pour cabinet d’expertise comptable : étude de cas SEDULUS")](https://4eck-media.de/fr/blog/le-site-parfait-pour-les-cabinets-dexpertise-comptable-realise-pour-sedulus-eu/ "Le site parfait pour les cabinets d’expertise comptable, réalisé pour sedulus.eu")
                        
                            [Le site parfait pour les cabinets d’expertise comptable, réalisé pour sedulus.eu](https://4eck-media.de/fr/blog/le-site-parfait-pour-les-cabinets-dexpertise-comptable-realise-pour-sedulus-eu/)
                                                            
                                    Matthias Petri
                                
                            

                                                    
                    
                

                            
                    
                        [![Nouveau site furniRENT sur une tablette dans une chambre d’hôtel, avec l’indication de 98 points de performance PageSpeed mobile.](https://4eck-media.de/wp-content/uploads/2026/09/furnirent-website-relaunch-blog-cover.avif "Refonte furniRENT – nouveau webdesign et 98 points de performance")](https://4eck-media.de/fr/blog/refonte-du-site-de-furnirent-amenagement-hotelier-financement-et-technologie-performante/ "Refonte du site de furniRENT : aménagement hôtelier, financement et technologie performante")
                        
                            [Refonte du site de furniRENT : aménagement hôtelier, financement et technologie performante](https://4eck-media.de/fr/blog/refonte-du-site-de-furnirent-amenagement-hotelier-financement-et-technologie-performante/)
                                                            
                                    Matthias Petri
                                
                            

                                                    
                    
                

                            
                    
                        [![Structure d’une page pour la recherche IA](https://4eck-media.de/wp-content/uploads/2026/09/ki-suche-checkliste-seitenaufbau.avif "Structure d’une page pour la recherche IA")](https://4eck-media.de/fr/blog/la-page-optimale-pour-la-recherche-ia-structure-checklist-et-etat-des-etudes-en-2026/ "La page optimale pour la recherche IA : structure, checklist et état des études en 2026")
                        
                            [La page optimale pour la recherche IA : structure, checklist et état des études en 2026](https://4eck-media.de/fr/blog/la-page-optimale-pour-la-recherche-ia-structure-checklist-et-etat-des-etudes-en-2026/)
                                                            
                                    Matthias Petri