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.