Hero section landing page B2B avec 3 variantes A/B

---
name: hero-section-landing-page
description: "Compose la hero section complète d'une landing page B2B, avec headline principal, sous-titre, CTA prioritaire, preuve sociale et brief visuel, plus 3 variantes de headline testables. À utiliser quand un marketeur, un growth ou un fondateur doit sortir en 20 minutes le bloc haut de page qui décide 60 % du taux de conversion sans passer 3 semaines en agence."
metadata:
  iaskills_title: "Hero section landing page B2B avec 3 variantes A/B"
  metier_slug: marketeur
  metiers:
    - Marketeur
  secteur: "Marketing & Communication"
  tier: free
  compatible:
    - claude-code
    - cowork
    - cursor
    - codex
  version: "1.0.0"
  author: "iaskills"
  editorial:
    pitch: "Rédige la hero section d'une landing page B2B : headline principal, sous-titre, CTA prioritaire, preuve sociale, brief visuel, et 3 variantes de headline à tester en A/B. Calibré ICP, sans jargon growth US."
    long_description: "La hero section est le bloc au dessus de la ligne de flottaison. Elle porte 60 % du taux de conversion d'une landing page et pourtant elle est souvent bâclée : promesse floue, jargon growth transposé de la Silicon Valley, CTA générique. Ce skill compose la hero complète en 20 minutes : un headline principal centré sur le job-to-be-done du prospect, un sous-titre qui déscamote l'objection numéro 1, un CTA d'action verbal (pas Call-to-action), une preuve sociale calibrée (logo client, chiffre concret, avis vérifié), un brief visuel pour le designer, et 3 variantes de headline testables en A/B avec l'hypothèse derrière chacune. Pensé pour les responsables marketing en PME et scale-up, les fondateurs qui écrivent leur premier site, et les growth qui lancent une nouvelle offre."
    bullets:
      - "Headline centré sur le job-to-be-done"
      - "Sous-titre qui déscamote l'objection n°1"
      - "CTA d'action, jamais générique"
      - "Preuve sociale calibrée B2B"
      - "3 variantes headline avec hypothèse A/B"
      - "Brief visuel prêt pour le designer"
    exemple_avant: "Homepage SaaS RH B2B : `La solution RH intelligente qui révolutionne votre gestion des talents`, sous-titre vague, CTA `Découvrir`. Taux de conversion 0,4 %. Le fondateur ne sait pas quoi tester, il repart en agence pour 8 semaines et 12 k€."
    exemple_apres: "Headline : `Suivi des entretiens annuels sans relance, sans oubli, sans tableur`. Sous-titre : `Vos managers reçoivent le bon rappel au bon moment. RGPD, hébergement en France.` CTA : `Voir une démo 12 minutes`. Preuve : `Utilisé par 240 PME françaises`. 3 variantes headline avec hypothèses ROI vs peur vs contrainte. Testable dès demain sur Webflow ou Framer."
    recommended_metiers:
      - dirigeant-pme
      - commercial
    secteurs:
      - marketing-commerce
      - startup-vc
      - tech-dsi
      - communication-rp
      - assurance-banque
      - immobilier-construction
      - conseil-audit
    metiers_individuels:
      - responsable-marketing
      - cmo
      - seo-manager
      - growth-hacker
      - copywriter
      - chef-de-produit
      - brand-manager
      - e-commerce-manager
      - head-of-growth
      - founder-ceo
    connecteurs:
      - docs
      - drive
      - notion
---

# Hero section landing page B2B avec 3 variantes A/B

## Quand utiliser ce skill

Déclencher quand un marketeur, un growth, un fondateur ou un designer travaille sur la page haute d'une landing page (homepage produit, page offre, page de vente feature, page d'atterrissage campagne ads) et veut sortir un bloc hero complet et argumenté au lieu de partir d'un template Figma sans discours.

Ne pas utiliser pour un blog post (utiliser un skill SEO article), pour une hero purement e-commerce fiche produit (utiliser `description-produit-ecommerce-seo`), ni pour un audit de landing existante (utiliser `audit-landing-page-rapide`).