Un site vitrine n'a qu'un objectif : faire passer le visiteur de la curiosité à la confiance, puis de la confiance au contact. Tout le reste, les effets, les carrousels, les pages en trop, est du décor qui ralentit cette progression. La bonne nouvelle, c'est que l'anatomie d'une vitrine efficace est remarquablement stable : elle tient en cinq sections sur la page d'accueil et trois pages de fond. La mauvaise, c'est que chacune a sa manière propre d'échouer. Passons-les en revue.
Section 1 : La promesse (au-dessus de la ligne de flottaison)
Le premier écran doit répondre à trois questions en cinq secondes : qui êtes-vous, pour qui, et pourquoi maintenant ? La formule canonique tient en une phrase : le public, le bénéfice, la singularité. « Le magazine du web design et de la création visuelle » : c'est exactement ce que fait cette page d'accueil, et toute vitrine devrait pouvoir s'énoncer ainsi. Les échecs classiques : le slogan ésotérique qui oblige à scroller pour comprendre, la photo d'équipe en place d'honneur, le carrousel qui dilue le message en quatre messages.
Section 2 : La preuve
La promesse affirme ; la preuve confirme. Trois formats dominent : les références (logos ou noms de clients, avec leur accord), les chiffres datés et sourcés, et les extraits de témoignages (courts), spécifiques, signés. La preuve échoue par excès de politesse : « de nombreux clients nous font confiance » ne prouve rien ; « quarante librairies indépendantes depuis 2021 » prouve beaucoup. Une preuve mesurable vaut dix superlatifs.
Section 3 (Le parcours du visiteur)
Vient le moment d'expliquer comment on travaille : trois ou quatre étapes nommées, chacune décrite en une phrase du point de vue du client. Cette section rassure, elle dit ce qui va se passer après le clic. C'est aussi la plus révélatrice : si vous n'arrivez pas à décrire votre propre processus en quatre étapes claires, le visite ne pourra pas non plus se le représenter. Le design y est sobre : liste ordonnée, numéros visibles, un maximum de trente mots par étape.
Section 4 (Les réponses aux objections)
Trois questions, trois réponses courtes : c'est le format question-réponse, trop rare sur les vitrines françaises. Le visite qui hésite cherche le prix (« à partir de », fourchette, ou engagement de réponse en vingt-quatre heures), le délai, et ce qui se passe si ça ne marche pas. Chaque objection traitée est un contact gagné ; chaque objection muette est un visiteur perdu qui ne reviendra pas.
Section 5 (L'appel à l'action, unique et daté
Une vitrine finit par une action) une seule. « Demander un rendez-vous », « télécharger le guide », « appeler » : le verbe doit être concret, le bouton unique par écran, et l'accès au formulaire sans friction (trois champs suffisent dans quatre cas sur cinq). La multiplicité d'appels, newsletter, réseaux, téléphone, formulaire, divise l'attention et fait baisser tous les taux en même temps. La hiérarchie de cette section finale est un cas d'école du carnet n°56 : un élément majeur, un seul.
Une vitrine n'a pas besoin d'être belle pour convertir. Elle a besoin d'être claire pour être belle.
Les trois pages de fond
Autour de la page d'accueil, trois pages font le travail de fond : une page « à propos » écrite à la première personne (le lieu de la confiance intime), une page de réalisations ou de cas (renvoi au dossier portfolio pour la méthode), et une page contact irréprochable (adresses complètes, délai de réponse affiché, et le fameux formulaire de trois champs. Le reste) mentions légales, confidentialité, relève de l'obligation, pas de la persuasion : soignez-les pour la forme, pas pour le fond.
Ce que le design ajoute à la structure
La structure porte la persuasion ; le design porte la crédibilité. Une palette construite : carnet n°57 : , une typographie qui respire : carnet n°76 : , des marges généreuses et des images sobres : ces signaux, perçus en une seconde, disent « ici, quelqu'un soigne les détails ». Pour la plateforme d'hébergement de cette vitrine, le comparatif des outils tranche selon votre autonomie technique ; et si la vitrine doit évoluer vers la vente, l'anatomie du site de commerce prend le relais. Les deux autres anatomies de la série : la boutique en ligne et le site communautaire.