Le mobile est devenu la première impression

Avant le rendez-vous, votre prospect vous ouvre dans le métro, dans une salle d'attente, ou pendant une pause. Si votre hero est coupé, si la vidéo plante, si le menu est illisible — la conversation est terminée avant d'avoir commencé. Aucune campagne publicitaire ne compense un mobile bâclé.

Pour un dirigeant, ce n'est pas un détail UX : c'est un problème de fuite commerciale. Chaque pourcent de bounce mobile gagné, c'est un pourcent de chiffre d'affaires en plus, sans budget media supplémentaire.

Trois piliers : lisibilité, vitesse, CTA

Lisibilité

Taille de police minimale 16 px sur le corps de texte, line-height aéré, contraste WCAG AA, paragraphes courts. Un site premium qui force à zoomer n'est plus premium — c'est juste pénible.

Vitesse

LCP sous 2,5 secondes en 4G, vidéos compressées en AV1/H.265, images en AVIF, fonts en woff2 préchargées. La performance mobile est aujourd'hui un critère de positionnement Google direct, et le premier filtre de la confiance perçue.

CTA toujours visibles

Sur mobile, le pouce est roi. CTA principal en sticky bas d'écran ou répété tous les 1 à 2 écrans. Pas de bouton minuscule, pas de lien noyé dans un paragraphe. Le visiteur ne doit jamais avoir à chercher comment vous contacter.

Trois écrans mobiles premium côte à côte affichant une landing parfaitement adaptée

Vidéos et images : cadrer pour le portrait

Une vidéo magnifique en 16:9 desktop peut être catastrophique en mobile si le sujet est coupé. La solution : prévoir un crop dédié ou un object-position adapté. La même logique vaut pour les images de hero : le sujet doit rester centré et entier quelle que soit la taille d'écran. Sur nos projets dentaires, c'est précisément ce détail qui fait passer un hero de « bizarre » à « impressionnant » sur iPhone.

Les erreurs fréquentes

  • Carrousels horizontaux qui rendent le scroll vertical confus
  • Modales qui débordent et bloquent la lecture
  • Vidéos sans fallback poster en cas de connexion lente
  • Menus burger qui cachent les CTA principaux
  • Animations 3D non désactivables qui consomment la batterie
  • Formulaires non optimisés clavier (téléphone affichant le clavier alphabétique)

Checklist mobile premium

  • Hero visible en moins de 2 secondes
  • CTA principal visible sans scroller
  • Sujet vidéo jamais coupé en portrait
  • Lecture confortable sans zoom
  • Aucun débordement horizontal
  • Menu accessible au pouce
  • Formulaire complétable d'une main