Refonte du site internet de Atout DSI

L’objectif de la refonte : un site vitrine B2B qui ressemble à l’expertise Atout DSI et qui envoie des leads qualifiés directement dans le pipe commercial.

Fonctionnalités clés

• Un nouveau site WordPress centré sur les offres et cas d’usage.
• Des CPT + ACF pour structurer les contenus (offres, cas clients, ressources).
• Un plugin maison avec plusieurs widgets Elementor sur mesure.
• Des formulaires Gravity Forms orientés ROI (livres blancs, audits, prise de rendez-vous).
• Une automatisation Slack pour notifier les équipes en temps réel.
• Une intégration Pipedrive pour créer et qualifier les leads automatiquement.

1. Repenser le site autour du parcours décisionnel DSI

Au lieu d’empiler les pages “services”, on a structuré le contenu autour de vraies situations de clients :

• DSI débordée qui cherche à déléguer une partie de l’exploitation,
• PME sans DSI interne qui a besoin d’un pilotage global,
• direction financière qui veut plus de lisibilité sur les coûts IT…

Chaque page clé :

• adresse un problème concret,
• raconte la façon dont Atout DSI y répond,
• propose une action claire (demander un audit, télécharger un contenu, planifier un appel).

2. Une base WordPress structurée (CPT + ACF)

Pour que le site puisse évoluer sans tout casser, on a créé plusieurs Custom Post Types :

• Offres / prestations,
• Cas clients / réalisations,
• Ressources (articles, livres blancs, guides),
• éventuellement des FAQ ou “blocs de preuves” selon les besoins.

Avec ACF, on a modélisé tout ce qui compte pour le marketing :

• accroches, promesses, bénéfices,
• listes d’arguments,
• chiffres clés,
• CTA contextuels,
• relations entre contenus (une offre peut être reliée à plusieurs cas clients et contenus de blog).

Résultat : le site n’est plus juste une série de pages, c’est un petit “catalogue d’expertise” structuré.

3. Widgets Elementor sur mesure : une “boîte à briques” pour le marketing

Plutôt que de dépendre uniquement des widgets natifs Elementor, on a développé un set de widgets sur mesure dans un plugin dédié (type “Atout Core”) pour Atout DSI.

Quelques exemples de blocs que l’équipe peut réutiliser partout :

• Bloc “offre” : titre, sous-titre, liste de bénéfices, icône, CTA → pour présenter rapidement une prestation.
• Bloc “volets d’accompagnement” : mise en colonnes des différents axes (audit, run, build, conseil…) avec un texte court et une granularité cohérente.
• Bloc “cas client” : problème de départ → solution → résultats (avec badges chiffres clés).
• Bloc “FAQ contextuelle” : questions/réponses liées à une offre précise.
• Bloc “call to action sticky” ou “bandeau audit gratuit” : réutilisable en bas de page, configurable depuis l’admin.
• Bloc “chiffres clés” (nombre de serveurs gérés, temps moyen de prise en charge, etc.).

Tous ces widgets partagent :

• la même logique de design,
• des paramètres simples côté back-office,
• la possibilité de les repositionner partout avec Elementor sans tout refaire.

En pratique : le marketing peut assembler une nouvelle page en quelques minutes avec un rendu toujours cohérent avec la charte.

4. Gravity Forms comme moteur de captation

Les formulaires ne sont pas “juste des formulaires de contact” :

• Formulaire “Demander un audit de votre SI”,
• Formulaire “Être rappelé par un DSI externalisé”,
• Formulaire de téléchargement de ressources (livre blanc, checklist, etc.).

On a utilisé Gravity Forms pour :

• gérer des logiques conditionnelles (afficher certains champs selon le type de demande),
• capter des informations clés pour le commercial (taille de l’entreprise, nombre de sites, enjeux principaux…),
• passer des champs cachés (source, page d’origine, campagne…).

Chaque formulaire est pensé comme une porte d’entrée dans le tunnel de vente, et pas comme une boîte de réception générique.

5. Automatisation Slack : alerter les bonnes personnes au bon moment

À chaque soumission d’un formulaire stratégique, on déclenche :

• un message automatique dans un canal Slack (par exemple #leads-atout-dsi),
• avec les infos utiles :
  • nom, entreprise, email, téléphone,
  • type de demande,
  • URL de la page d’origine,
  • priorité (éventuellement calculée).

Avantage :

• l’équipe voit immédiatement qu’un lead est arrivé,
• impossible de “perdre” un formulaire dans une boîte mail partagée,
• la réactivité augmente, ce qui améliore directement la conversion.

6. Connexion Pipedrive : le lead arrive directement dans le CRM

On a connecté les formulaires Gravity Forms à Pipedrive via :

• un connecteur / plugin + des webhooks,
• ou un petit pont sur mesure selon les besoins de mapping.

À chaque formulaire soumis :

1. Un lead ou un deal est créé dans le pipeline Pipedrive.
2. Le lead est tagué (source : site Atout DSI, type de demande : audit, contact, ressource…).
3. Les champs commerciaux (taille d’entreprise, enjeu principal, etc.) sont déjà remplis.

Résultat :

• le commercial ouvre Pipedrive et voit les nouveaux leads classés au bon endroit,
• on garde une traçabilité claire des sources de leads,
• les campagnes marketing peuvent être mesurées beaucoup plus finement.

7. Performance & SEO

En parallèle du travail UX et fonctionnel, on a :

• allégé tout ce qui pouvait l’être côté front,
• limité les plugins au strict nécessaire (le reste est dans du code sur mesure),
• structuré les Hn, les slugs et les liens internes pour que les pages offres + cas clients se tirent vers le haut côté SEO.