7 décisions de design qui font la différence entre un site qui ramène des leads et un brochure web qui dort.
Par Nohlan Pounga·Openshore·Mai 2026
90% des sites de PME ne convertissent pas. C'est pas une question de talent, de design, ni de budget — c'est 7 décisions qu'on prend mal.
Sur les 60+ projets qu'on a livrés chez Openshore, on a vu les mêmes 7 erreurs revenir. Toujours. Sur tous les secteurs. Une fois corrigées, le site redevient une vraie machine à convertir — comme pour Short Motion, dont les prises de commande ont augmenté de +8% après la refonte (shortmotion.fr).
Ce guide te donne les 7 fondamentaux, pourquoi ils comptent, et comment les appliquer à ton site dès cette semaine. Pas de théorie, pas de fluff. Juste ce qui marche.
Le headline de ta home détermine 80% de la réussite de ton site. Si le visiteur ne comprend pas ce que tu fais en 3 secondes, il part. Définitif.
Pourquoi c'est fondamental
Le visiteur arrive sur ta page. Il a déjà 7 onglets ouverts. Son cerveau cherche une raison de rester, pas une raison de partir. Si ton headline est générique ("Bienvenue sur notre site", "Qualité et expertise depuis 2010"), il n'a aucune raison de scroller. Tu as perdu avant même d'avoir commencé.
Les chiffres : 55% des visiteurs passent moins de 15 secondes sur une page (étude Chartbeat 2024). De ces 15 secondes, les 3 premières décident s'ils restent ou non.
Les 3 critères d'un headline qui vend
QUI tu sers (audience claire). Pas "tout le monde". Une personne précise qui se reconnaît instantanément.
QUOI tu fais (action concrète). Pas "accompagnement", pas "expertise". Un verbe d'action que ta grand-mère comprend.
QUEL résultat (bénéfice mesurable). Pas "performance" ou "succès". Un chiffre, une transformation, un délai.
Exemple : Avant / Après
Avant
"Bienvenue sur notre site. Qualité et expertise depuis 2010."
→ 0 audience identifiée · 0 action concrète · 0 résultat. Le visiteur ne sait pas si c'est pour lui.
Après
"Pour les PME en croissance : un site qui convertit en 7 jours, dès 970€."
→ Audience (PME en croissance) · Action (site qui convertit) · Résultat (7 jours / 970€). Décision possible en 3 secondes.
02
Fondamental
Le bouton qui vend.
Le CTA est le seul vrai métrique de ton site. Si ton bouton dit "En savoir plus" ou "Contactez-nous", t'as déjà perdu 60% de ton potentiel.
Pourquoi c'est fondamental
Tout ton site existe pour amener à une action : remplir un formulaire, prendre un RDV, acheter. Le bouton CTA est la passerelle. Sa copy, sa couleur, sa position et sa fréquence déterminent si le visiteur passe à l'action ou pas.
Erreur classique : un bouton "En savoir plus" ne dit ni ce qu'on va apprendre, ni ce qui se passe au clic. Le cerveau du visiteur n'a aucune raison de cliquer. Inverse : "Réserver mon appel offert (15 min)" — promesse précise + bénéfice + format clair.
L'évolution d'un CTA, du nul au surconvertissant
Le scoring CTA Openshore
En savoir plus
Vague. Aucune promesse, aucun bénéfice. Le visiteur ne sait pas où il atterrit.
1/10
Contactez-nous
Passif. Demande au visiteur de produire l'effort. Sentiment de friction.
3/10
Demander un devis
Clair, mais lourd. "Devis" = engagement, négociation, peur du prix.
6/10
Réserver mon appel offert (15 min)
Action précise + bénéfice (offert) + format rassurant (15 min). Le visiteur sait exactement ce qui se passe.
Bénéfice ou format dans la copy. "Offert", "gratuit", "15 min", "sans engagement" — tout ce qui réduit la friction.
Sticky sur mobile. Le visiteur scrolle. Le CTA doit le suivre. Bouton fixe en bas d'écran sur mobile = +40% de clics.
Une seule action principale par page. Si tu mets 3 CTAs différents, tu en perds 2. Choisis et répète.
03
Fondamental
La preuve qui rassure.
88% des acheteurs B2B lisent les témoignages avant de te contacter. Si t'en as 0 ou si t'as 3 quotes anonymes au fond de la page, t'es perçu comme amateur.
Pourquoi c'est fondamental
Acheter c'est risquer. Surtout en B2B. Le visiteur se demande : "Est-ce que ces gens livrent vraiment ce qu'ils promettent ?" La preuve sociale répond à cette question avant même qu'elle soit posée. Sans preuve, ton headline le plus brillant est juste une promesse de plus.
Les témoignages les plus puissants ne sont pas "Super travail, je recommande !". Ce sont ceux qui citent un résultat chiffré, mentionnent une objection levée, ou racontent une transformation.
L'anatomie d'un témoignage qui convertit
À reproduire pour chaque cas client
+X% en 90j
★★★★★
"Au début j'étais sceptique sur le prix. Mais le site a changé la donne en quelques semaines. Le ROI s'est fait vite, le reste c'est du bénéfice."
●
Prénom Nom (exemple)
Métier · Ville
Ce qui rend ce témoignage puissant :
1. Photo + nom + rôle + entreprise + ville = vrai humain identifiable
3. Objection levée ("au début sceptique sur le prix") = répond à la peur du visiteur
4. Transformation racontée = pas juste "satisfait", un avant/après concret
Les 3 erreurs qui tuent ta preuve
Témoignage anonyme ("Marie D., entrepreneure"). Sans photo et sans entreprise, c'est perçu comme inventé. Pire que pas de témoignage.
Section "Ils nous font confiance" en bas de page. Si tu mets tes proofs après ton offre, c'est trop tard. Ils doivent être au-dessus du fold ou juste après le hero.
Quotes vides ("Super travail, je recommande !"). Demande à tes clients : "Quel résultat chiffré tu peux partager ? Quelle objection tu avais avant ?"
04
Fondamental
La friction qui tue.
À chaque étape, tu perds des gens. C'est inévitable. Le job c'est de réduire la perte au minimum — chaque champ supplémentaire dans ton formulaire = -11% de conversion.
Pourquoi c'est fondamental
Le visiteur veut le résultat, pas le processus. Chaque clic supplémentaire, chaque champ obligatoire, chaque seconde de chargement = autant de raisons d'abandonner. Et il abandonne. Sans même se rendre compte qu'il abandonne.
Les chiffres sont brutaux : 1 seconde de chargement en plus = -7% de conversion (étude Akamai). Un formulaire qui passe de 3 à 5 champs perd 25% des soumissions. Demander un numéro de téléphone fait fuir 37% des visiteurs B2B.
Le funnel de friction d'un site moyen
Drop-off à chaque étape
100%
Arrive sur la page
Ton trafic total
88%
Voit le CTA
-12% si CTA en bas / sous le fold
60%
Clique le CTA
-28% si copy floue ("En savoir plus")
35%
Remplit le champ 1
-25% si formulaire long visible
18%
Soumet le formulaire
-17% par champ obligatoire au-delà de 3
Les 4 sources de friction à éliminer
Vitesse mobile. Si ta home charge en >2s sur 4G, t'as déjà perdu 30% du trafic mobile. Outil : Google PageSpeed.
Champs de formulaire en trop. Garde 2-3 max au début (email + prénom). Le téléphone, l'entreprise = à la 2e étape, après l'engagement.
Demander des infos pas nécessaires. "Comment vous nous avez connu ?", "Taille de votre équipe ?" = à virer. Les questions inutiles flinguent ta conversion.
Pop-ups intrusifs. Newsletter pop-up qui s'ouvre 2s après l'arrivée = perçu comme du spam, -22% temps passé.
05
Fondamental
Le pricing qui ferme.
Cacher tes prix = perdre 65% des prospects qualifiés. Ils partent voir tes concurrents qui les affichent. Pricing visible = filtre qui qualifie automatiquement.
Pourquoi c'est fondamental
Croyance fausse : "Si je cache mes prix, j'aurai plus de leads à qualifier au téléphone." Réalité : la majorité de tes leads ne te contactera jamais parce qu'elle veut filtrer rapidement. Ils iront voir 3 concurrents, choisir ceux qui affichent les prix, et tu rates le shortlist.
Les prix affichés font 3 jobs en même temps : ils filtrent les leads non qualifiés (gain de temps), ils ancrent ta valeur perçue, et ils signalent que t'as confiance dans ton offre.
Le pricing à 3 plans qui maximise la valeur perçue
Anatomie pricing — exemple Openshore
BASIC
€970
Site one-page sur mesure
Mobile-first responsive
Livraison 7 jours
1 révision incluse
Le + choisi
PREMIUM
€1970
Tout du Basic +
Up to 5 sections sur mesure
SEO de base inclus
Calendly + formulaire
3 révisions incluses
SUR MESURE
€1970
Tout du Premium +
Multi-pages illimité
Intégrations Stripe / Calendly
SEO complet + AEO
Révisions illimitées
Les 3 leviers pricing les plus sous-utilisés
L'ancrage par le plan le plus cher. Mets ton plan le plus cher en 1er ou en 3e. Il rend les autres "raisonnables".
Le plan recommandé visuellement distingué. Bordure colorée, badge "Le + choisi", légèrement plus grand. Sans ça, 70% choisissent le moins cher.
La garantie ou le remboursement. Une phrase ("Garantie remboursement si pas satisfait sous 14j") = +28% de conversion. Tu pénalises pas tes ventes, tu rassures les indécis.
06
Fondamental
La structure qui guide.
L'ordre des sections sur ta page n'est pas optionnel. C'est lui qui détermine si le visiteur arrive jusqu'à l'action ou s'il abandonne en route.
Pourquoi c'est fondamental
Une page web n'est pas un magazine — on ne la feuillette pas dans n'importe quel ordre. C'est un parcours linéaire avec une logique de persuasion : tu accroches, tu prouves, tu démontres, tu rassures, tu fermes. Si tu mets la FAQ avant l'offre ou les témoignages après le pricing, tu casses le rythme et tu perds.
L'ordre Openshore qui marche sur 90% des sites B2B
Wireframe : ordre des sections d'une homepage qui convertit
01
HERO — Headline + sous-titre + CTA principal + visuel
Promesse en 3s
02
PROOF
Logos clients / chiffre marquant immédiat
03
BÉNÉFICES (3-4 max)
Pour qui c'est fait + ce que ça change
04
CAS CLIENT (1 détaillé)
Avant/après chiffré, pas un quote
05
OFFRE / PRICING
3 plans visibles, plan recommandé highlighted
06
TÉMOIGNAGES (3-5)
Photo + résultat chiffré + objection levée
07
FAQ
5-8 questions qui répondent aux objections
08
CTA FINAL
Le même que le hero, dernière chance
Les 3 erreurs de structure les plus courantes
"À propos" en haut. Personne ne vient sur ton site pour lire ton histoire. Mets-le en bas ou sur une page séparée.
Pricing en fin de page. Les visiteurs scrollent jusqu'au prix. Si tu le caches, ils partent. Pricing dans le 1er tiers de la page.
Trop de sections. Au-delà de 8 sections, l'attention décroche. Si tu hésites entre 9 et 8 sections, c'est 8.
07
Fondamental
Le mobile qui convertit.
75% du trafic vient du mobile. Mais 95% des sites sont d'abord pensés desktop, puis "adaptés mobile". C'est l'inverse qu'il faut faire.
Pourquoi c'est fondamental
Sur mobile, la conversion moyenne d'un site est 2,5× inférieure au desktop. Pourquoi ? Parce que la quasi-totalité des sites est designée d'abord pour desktop, et le mobile est une réflexion après-coup. Les boutons sont trop petits, le texte trop dense, le scroll infini.
Un site mobile-first n'est pas un site desktop rétréci. C'est un site conçu pour un pouce qui scrolle, des sections courtes, et des CTAs gigantesques.
Mobile-first vs Desktop-first
75%
du trafic est mobile
2,5×
moins de conversion sur mobile que sur desktop pour les sites desktop-first
Les 5 règles du mobile qui convertit
Boutons gros, espacés, sticky. Min 48×48px (taille du pouce). Le CTA principal est fixé en bas d'écran.
Sections courtes, 1 idée par écran. Pas de paragraphes denses. Des phrases courtes, des sauts visuels.
Charge en moins de 2s sur 4G. Compresse les images (WebP), pas de JS lourd au-dessus du fold.
Pas de menu burger pour les CTAs critiques. Le téléphone, le devis, l'achat — visibles direct, pas cachés dans un menu.
Texte minimum 16px. En dessous, illisible sur mobile. La typographie devient critique.
✦ Bonus : Checklist 25 critères
Mon site convertit-il ?
Coche chaque case que ton site valide. Si tu coches moins de 18/25, ton site sous-performe — et c'est probablement réparable en 1 semaine.
Hero & Headline
Mon headline dit QUI je sers en 3 secondes
Mon headline contient un bénéfice mesurable
Mon CTA principal est visible sans scroller
Mon hero a un visuel qui supporte le message (pas décoratif)
Mon site charge en moins de 2 secondes sur mobile
CTA & Bouton
Mon CTA principal commence par un verbe d'action
Mon CTA contient un bénéfice ou un format ("offert", "15 min")
Mon CTA est sticky en bas d'écran sur mobile
J'ai 1 seul CTA principal répété (pas 3 différents)
Preuve & Témoignages
J'ai au moins 3 témoignages visibles dans le 1er tiers de la page
Chaque témoignage a une photo, un nom et un rôle
Au moins 2 témoignages contiennent un résultat chiffré
J'ai au moins 1 cas client détaillé (avant/après)
Pricing & Offre
Mes prix sont visibles (pas "devis sur mesure")
J'ai 3 plans avec un plan recommandé highlighted
J'ai une garantie ou un essai sans risque visible
Friction & Formulaire
Mon formulaire principal a 3 champs ou moins
Je ne demande pas de numéro de téléphone obligatoire
Pas de pop-up dans les 5 premières secondes
Mon site fonctionne sans erreur sur Safari mobile
Structure & Mobile
Mes sections sont dans l'ordre : hero → proof → bénéfices → offre → témoignages → FAQ → CTA
J'ai entre 6 et 8 sections (pas plus)
Mes textes font 16px minimum
Mes boutons font 48px de hauteur minimum
Le site est testable et convertissant sur iPhone SE (le plus petit)
✦ Si tu veux qu'on s'en occupe
Tu sais maintenant quoi faire.
Si tu veux qu'on l'applique à ton site sans perdre 3 mois à apprendre, on livre des sites qui convertissent en 7 jours, à partir de 970€. Garantie remboursement.