Exemples de sites vitrines : 9 modèles commentés, métier par métier

Illustration : iPaoo

Illustration : iPaoo

Il faut environ 50 millisecondes à un internaute pour se faire une première opinion d'une page web : c'est ce qu'a mesuré en 2006 une équipe de l'université Carleton, au Canada (Nature, 2006). Un site vitrine joue donc une bonne partie de son efficacité sur ce que le visiteur voit avant de faire défiler la page. Les neuf exemples de sites vitrines qui suivent montrent comment des métiers très différents occupent cet espace.

Tous sont des modèles du catalogue iPaoo, consultables en démonstration. Je les ai passés en revue le 7 octobre 2026. Je les ai choisis parce qu'ils répondent chacun à une question précise de leur visiteur, pas parce qu'ils sont les plus spectaculaires. Les textes de démonstration (adresse fictive, faux latin) sont évidemment destinés à être remplacés.

Ce qu'on regarde sur un exemple de site vitrine

Un site vitrine présente une activité, ses services et la façon de la contacter, sans rien vendre en ligne. Pour juger un exemple, inutile de s'attarder sur les couleurs. Posez quatre questions à ce qui s'affiche avant le moindre défilement :

1. Qui êtes-vous ? Le nom et le métier doivent se lire en une seconde.
2. Que proposez-vous ? Les services principaux ou, à défaut, un lien qui y mène directement.
3. Où et quand ? Adresse, zone d'intervention, horaires : tout dépend du métier.
4. Comment vous joindre ? Téléphone, prise de rendez-vous, demande de devis. Une seule action principale, bien visible.

Selon le métier, seul l'ordre de ces réponses change. Un patient veut un créneau, un client de restaurant veut savoir si c'est ouvert à midi, un particulier qui fait construire veut voir des réalisations. Les exemples ci-dessous sont classés selon cette logique.

Santé et beauté : le rendez-vous avant tout

Munio, cabinet d'ostéopathie et de kinésithérapie. Tout en haut, avant même le menu, un bandeau « Prendre rendez-vous » renvoie vers Doctolib. Sous le titre, un encart en trois colonnes donne l'adresse du cabinet, les horaires (du lundi au vendredi, matin et après-midi) et le numéro de téléphone. Le menu, lui, se contente de quatre entrées, dont un sous-menu « Spécialités » qui sépare ostéopathie et kinésithérapie. Un patient qui arrive sur la page sait donc d'emblée s'il est au bon endroit, quand le cabinet reçoit et comment réserver.

Lida, institut de beauté. Même logique, avec un ton plus doux : fond rose poudré, typographie à empattements. Sous le titre, deux boutons côte à côte : « Les soins » et « Rendez-vous ». En dessous, une bande prune reprend l'adresse du salon, les horaires et le contact, téléphone et e-mail compris. L'action principale (réserver) et l'action de découverte (voir les soins) ont chacune leur bouton, sans se concurrencer.

Les professions de santé doivent en plus respecter les règles de leur ordre : nous les avons détaillées pour les médecins et les kinés.

Artisans et BTP : obtenir la demande de devis

Craft, entreprise de construction. Un fin bandeau jaune court au-dessus du menu, avec les icônes de contact à gauche et un bouton « Devis gratuit » à droite. Il reste visible sur toutes les pages. C'est voulu : un particulier qui compare trois entreprises ne repasse pas par l'accueil pour demander un chiffrage. Le menu « Services » est découpé par domaine (architecture, bâtiment, travaux publics). La page d'accueil enchaîne une grande photo de chantier puis une rangée de services illustrés.

Pour un artisan seul, le même principe s'applique en plus simple : le métier dans le titre, la zone d'intervention, le téléphone en haut de page et des photos de chantiers réels, même prises au téléphone. Ce cas est développé dans notre article dédié aux sites d'artisans.

Restaurants et cafés : ce qu'on mange et à quelle heure

Spoon, restaurant du midi. Le numéro de téléphone est posé en bouton rouge au milieu de la photo d'accueil, à l'endroit exact où l'œil tombe. Juste dessous, la section « Les plats du jour » affiche le service (11 h 30 à 14 h 15) et un plat pour chaque jour, du lundi au samedi. Pour un restaurant qui vit de sa clientèle de bureau, c'est l'information qui fait venir : le visiteur sait ce qu'il mangera jeudi avant d'avoir cherché la carte.

Baker, café et pâtisserie. Le logo est centré, les réseaux sociaux à côté du menu. La carte s'affiche dès l'accueil, prix compris (l'americano à 2 €, le chocolat viennois à 3 €). Le texte d'accueil parle de viennoiseries cuites sur place et de farines locales : deux détails concrets plutôt qu'un slogan. Je conseille d'ailleurs à tous les cafés et boulangeries d'afficher leurs prix : on hésite moins à pousser une porte quand on sait déjà ce que coûte un café.

Si vous prenez des réservations, le bouton de réservation doit être aussi visible que le téléphone de Spoon : nous avons comparé les solutions de réservation en ligne pour restaurant.

Métiers de l'image : laisser parler les réalisations

Arden, atelier d'architecture. Ici, le texte se fait rare. Un grand diaporama de bâtiments occupe l'écran, chaque projet accompagné de son nom et de sa ville dans un encart sombre. Le portfolio est classé en trois familles (résidentiel, public, design intérieur) ; le téléphone figure dans un bouton jaune à droite du menu. Pour un architecte, ce sont les réalisations qui convainquent : elles ouvrent donc la page. Un long texte de présentation aurait sa place plus bas, s'il en faut un.

Rubick, salon de tatouage. Photo plein écran du tatoueur au travail, nom du salon et date de création (« Since 2001 »). Plus bas, les horaires (du mardi au samedi, de 10 h à 21 h), l'adresse, le téléphone et l'e-mail sont regroupés, avant une galerie et une page « Témoignages » accessible depuis le menu. Sombre, assumé : on n'attend pas autre chose d'un salon de tatouage.

Brook, graphiste indépendant. La page s'ouvre sur « Hello, je suis Brian Hook, graphiste designer », une photo de lui et un bouton « Contactez-moi ». Le portfolio est rangé par spécialité : design d'intérieur, photographie, marketing, webdesign, packaging. Pour un indépendant, le site vitrine fait office de portfolio et de carte de visite à la fois ; notre guide du portfolio en ligne va plus loin sur ce format.

Cabinets et conseil : rassurer par l'expertise

Consult, cabinet d'avocats. Fond bleu nuit, titres à empattements, ambiance sobre. Une barre supérieure donne l'adresse, le téléphone et un bouton pour demander une consultation. Sous le titre, trois cartes présentent les domaines de compétence : droit des affaires, droit civil, droit immobilier. Le visiteur vérifie d'abord que le cabinet traite son problème, puis il appelle.

Attention : la communication des avocats est encadrée par leur règlement intérieur national. Certaines formulations ne s'emploient pas comme sur le site d'un commerçant. Nous faisons le point sur les règles propres aux sites d'avocats. Le modèle Consult est présenté en détail sur sa propre page.

Ce que ces 9 exemples de sites vitrines ont en commun

Le tableau ci-dessous résume ce que chaque modèle montre avant le premier défilement.

Sur presque tous ces sites, le titre d'accueil dit le métier ou l'offre (Arden fait exception et laisse ses projets parler). Le moyen de contact est visible avant le premier défilement, que ce soit un téléphone, un lien de rendez-vous ou un bouton de devis. Les menus sont courts : quatre à six entrées, rarement plus. Les photos montrent l'activité elle-même (une main qui soigne, un chantier, une assiette) plutôt que des poignées de main génériques.

À l'inverse, ce qui fait échouer un site vitrine se voit rarement sur un modèle et souvent sur le site final : textes jamais remplacés, horaires faux, page contact introuvable. Nous avons listé ces pièges dans notre article sur les erreurs de site vitrine.

Conseil iPaoo

Partir d'un modèle fait gagner du temps, à condition de remplacer chaque texte et chaque photo de démonstration. Avant de publier, soumettez votre accueil aux quatre questions du début : qui, quoi, où et quand, comment vous joindre. S'il manque une réponse, ajoutez-la avant de toucher aux couleurs.

Les 25 modèles du catalogue, vitrines et boutiques, sont visibles sur notre page modèles de sites iPaoo. Chacun se personnalise dans la plateforme, seul ou avec l'aide de notre équipe à Sophia Antipolis.

Questions fréquentes sur les exemples de sites vitrines

• Qu'est-ce qu'un site vitrine ?

  C'est un site qui présente une entreprise, ses services et ses coordonnées, sans vendre en ligne. Son rôle est de faire venir un appel, une demande de devis, une réservation ou une visite. Pour comparer avec une boutique en ligne, voyez notre article site vitrine ou e-commerce.

• Combien de pages doit compter un site vitrine ?

  Les exemples de cet article reprennent les mêmes rubriques : accueil, services ou spécialités, à propos, réalisations ou galerie, contact, parfois un blog. Pour une petite entreprise, cela donne en général cinq à huit pages. Mieux vaut une page par service important qu'une page unique qui liste tout.

• Peut-on s'inspirer d'un site existant ?

  S'inspirer d'une organisation (où placer le téléphone, comment présenter les services) ne pose pas de problème. Copier des textes ou des photos d'un autre site, si : ils sont protégés par le droit d'auteur. Un texte dupliqué n'apporte rien à votre référencement.

• Quel est le prix d'un site vitrine ?

  Il varie selon que vous le créez vous-même sur une plateforme, que vous partez d'un modèle avec un accompagnement ou que vous commandez un site sur mesure. Nous détaillons les fourchettes dans notre guide du prix d'un site vitrine.