Ligne de flottaison : ce qui doit apparaître en haut de page

En 2010, on parlait de « above the fold » pour l'écran ordinateur 1024x768. En 2026, ton visiteur arrive sur mobile dans 70 à 80 % des cas. La ligne de flottaison mobile fait environ 600 pixels de haut. C'est tout ce que tu as pour le convaincre de rester.

Selon des données de Nielsen Norman Group, le contenu au-dessus de la ligne de flottaison reçoit 84 % de l'attention totale du visiteur. Tout ce qui est en dessous est facultatif. C'est dur mais c'est l'état du web 2026.

Visible immédiatement. Format : « Prénom Nom » en grand, « Peintre » ou « Artiste visuel » ou « Sculpteur » en plus petit dessous. Pas de slogan poétique à la place du titre. Si ton nom est commun, ajoute un mot-clé : « Marie Tremblay, Studio » ou « Marie Tremblay, Peintre ».

L'image qui doit déclencher l'émotion en 2 secondes. Trois options selon ton style :

• Œuvre complète emblématique : une de tes œuvres les plus représentatives, format 16:9 ou 4:5 selon ratio site
• Détail texture : gros plan sur la matière d'une œuvre, plus immersif
• Toi en train de créer : photo dans l'atelier, plus humain

Choisir une seule des trois. Pas un carrousel rotatif (ça désoriente).

Une ligne qui complète ton nom et titre. Format : « Je [verbe d'action] [objet] pour [public-cible]. » Pas plus de 15 mots. Exemple : « Je peins des intérieurs abandonnés pour les déracinés urbains. »

Cette phrase reprend ta déclaration de mission travaillée dans le storytelling artiste.

Un seul bouton d'appel à l'action, dominant visuellement. Texte direct : « Voir les œuvres disponibles » (le plus fréquent), « Découvrir le catalogue », « Acheter une œuvre ».

Évite les CTA mous : « En savoir plus », « Découvrez mon univers ». Ils convertissent moitié moins.

5 à 7 liens maximum dans le menu : Œuvres, À propos, Démarche, Expositions, Presse, Contact. Logo cliquable en haut à gauche qui ramène à l'accueil.

Pas de menu déroulant complexe en mobile, préférer un menu hamburger simple.

Un élément subtil qui rassure : « Représenté à la Galerie loriginal » ou « Œuvres dans la collection du MNBAQ » ou « Vu dans La Presse ». Pas une bannière agressive, plutôt une mention discrète qui ancre la crédibilité.

Logos des galeries, médias, institutions ou collections où tu figures. Très petit, en bas de la zone visible. C'est ce qui distingue un site « amateur convaincant » d'un site « artiste pro ».

Sur mobile (600 pixels de haut) : empilement vertical strict. Nom + titre en haut, image dominante, phrase de positionnement, CTA. Le reste passe sous le pli.

Sur desktop (800 pixels de haut) : tu peux organiser en 2 colonnes (image à gauche, texte à droite) ou 1 colonne pleine largeur avec image hero. Plus d'espace pour intégrer les indices de confiance dans la même vue.

• Erreur 1, slider d'images rotatif. L'œil saute, l'attention se disperse. Une seule image vaut mieux que 5 qui défilent.
• Erreur 2, vidéo en auto-play avec son. Agressif, viole les normes accessibilité, fait fuir 40 % des visiteurs.
• Erreur 3, pop-up newsletter qui s'ouvre à l'arrivée. Demande l'inscription avant que le visiteur ait vu une seule œuvre. Comportement de site spam.
• Erreur 4, citation philosophique en intro. « L'art est l'expression de l'âme... » → le visiteur ferme l'onglet en 3 secondes.
• Erreur 5, biographie longue avant les œuvres. Personne lit ta bio avant de voir ton travail.