Above the Fold

Above the Fold (ATF) : la zone qui décide si votre visiteur reste ou part

Définition

Above the Fold (littéralement « au-dessus de la pliure ») désigne tout ce qu’un internaute voit sans scroller dès l’arrivée sur une page. Sur mobile, cela correspond grosso modo aux 600 à 800 premiers pixels de hauteur ; sur desktop, à la zone visible dans le viewport initial, souvent 900 à 1 080 px.

Dans un contexte DTC/e-commerce, l’ATF n’est pas « le haut de la page » : c’est la première impression commerciale. C’est là que se jouent la promesse, la crédibilité, le prix, la preuve sociale et le CTA principal. En clair : si votre ATF ne convertit pas l’intention en curiosité, le reste de la page n’existe pas.

Analogie

Imaginez une boutique physique. La vitrine, le vendeur qui vous accueille et le produit mis en avant dès l’entrée : c’est l’ATF.

Si la vitrine est floue, si le vendeur parle de lui plutôt que de vous, ou si le produit phare est caché au fond du magasin, vous repartez. En ligne, c’est identique — sauf que le visiteur part en 3 à 5 secondes, souvent sans laisser de trace.

Formule

Il n’existe pas de formule magique, mais un ratio utile pour piloter l’ATF :

Taux de rebond ATF = (Sessions sans scroll) / (Sessions totales) × 100

Objectif DTC réaliste :

- < 35 % de sessions sans scroll sur mobile

- < 25 % sur desktop

Autre indicateur clé :

CTR ATF = Clics sur CTA principal / Vues ATF × 100

Benchmark e-commerce : 8 à 15 % sur mobile, 12 à 22 % sur desktop.

Tableau comparatif : ATF faible vs ATF performante

Application concrète en DTC

1. Hero section

Placez systématiquement :

- Un titre orienté bénéfice (« Livré en 48 h, essayé 30 jours »)

- Un sous-titre qui lève le doute principal

- Un CTA unique et contrasté

- Un visuel produit ou lifestyle cohérent avec l’audience

2. Preuve sociale immédiate

Notes, avis, logos presse, nombre de clients : +15 à 30 % de confiance perçue selon les études Baymard Institute.

3. Réassurance transactionnelle

Sur mobile, les 3 éléments qui font rester :

- Frais de livraison offerts

- Retour gratuit sous 30 jours

- Paiement en 3× sans frais

4. Vitesse

Chaque seconde de chargement en plus au-dessus de la pliure fait chuter la conversion de 7 % en moyenne (Portent, 2023). Visez un LCP < 1,8 s.

5. Test A/B

Ne testez pas « tout l’ATF » d’un coup. Testez :

- Titre seul

- Visuel seul

- CTA seul

- Ordre des éléments

Un test ATF bien mené peut générer +10 à 25 % de taux de conversion sur une fiche produit ou une landing page.

Common Mistakes (Erreurs fréquentes)

1. Trop de messages

Un ATF qui dit tout ne dit rien. Une promesse, un CTA.

2. CTA noyé

Bouton de la même couleur que le fond, texte générique (« En savoir plus »), positionné trop bas.

3. Slider automatique

Les carrousels en ATF réduisent l’engagement de 1 % de clics sur la 1ʳᵉ slide à moins de 0,5 % sur les suivantes (Notre étude DTC interne, 2024).

4. Mobile négligé

70 à 80 % du trafic DTC vient du mobile. Un ATF desktop-first est une erreur de conversion.

5. Prix absent

En France, l’absence de prix en ATF augmente le rebond de 18 à 25 % sur les catégories mode et beauté.

6. Trop de pop-ups

Un pop-up dès l’arrivée masque l’ATF et fait chuter le scroll de 30 à 50 %.

Termes liés

- Below the Fold (BTF) : zone visible après scroll

- Hero Section : bloc principal de l’ATF

- CTA (Call to Action) : bouton d’action principal

- LCP (Largest Contentful Paint) : indicateur de vitesse de rendu

- Taux de rebond : % de visiteurs quittant sans interaction

- Scroll Depth : profondeur de défilement

- Above the Fold Mobile : zone ATF spécifique aux écrans < 768 px

À retenir

L’ATF n’est pas un espace design. C’est un espace de décision.

En DTC, votre ATF doit répondre à trois questions en moins de 3 secondes :

1. Qu’est-ce que c’est ?

2. Pourquoi je devrais m’y intéresser ?

3. Que dois-je faire maintenant ?

Si la réponse est floue, le visiteur scrolle… puis part. Si elle est claire, il scrolle pour acheter.