Un client potentiel tape votre métier suivi de votre ville. Ce qu'il trouve décide s'il vous appelle. Un projet de création site vitrine sert à maîtriser cette première impression : présenter vos services, rassurer, puis recueillir une demande de devis.
Les guides habituels s'arrêtent à la définition et à une fourchette de prix. Nous allons plus loin sur trois points : un calcul du coût réel sur trois ans avec ses hypothèses, une recette de mise en ligne chiffrée selon les seuils Core Web Vitals de Google, et la liste des obligations légales avec les textes officiels. Plus les mesures relevées sur notre propre site.
Qu'est-ce qu'un site vitrine ?
Un site vitrine est un site internet qui présente une entreprise, ses services et ses coordonnées, sans vente en ligne. Il fonctionne comme une carte de visite consultable à toute heure et vise un objectif mesurable : obtenir un appel, un rendez-vous ou une demande de devis.
Il compte en général une poignée de pages : accueil, services, à propos, réalisations, contact. Son contenu change peu, ce qui le rend simple à entretenir. Simple ne veut pas dire figé. Des textes datés ou des horaires faux font fuir le visiteur aussi sûrement qu'une absence de site.
Quelle différence entre site vitrine et site e-commerce ?
Le site vitrine présente et fait contacter ; le site e-commerce vend directement, avec catalogue, panier et paiement. Pour une activité sur devis ou sur rendez-vous, la vitrine suffit. Une boutique qui expédie des produits a besoin du second, plus long et plus coûteux à construire et à maintenir.
| Critère | Site vitrine | Site e-commerce |
|---|---|---|
| Objectif | Présenter l'entreprise, obtenir des contacts | Vendre en ligne |
| Paiement en ligne | Non (formulaire de contact ou de devis) | Oui (panier, carte bancaire) |
| Volume de pages | Quelques pages à une quinzaine | Une fiche par produit, souvent des centaines |
| Maintenance | Contenus, mises à jour de sécurité | Stocks, commandes, paiements, sécurité renforcée |
| Obligations légales en plus | Mentions légales, RGPD, cookies | Les mêmes, plus CGV, droit de rétractation, médiation |
| Profil type | Artisans, TPE de services, professions libérales | Boutiques, marques, revendeurs |
Une page de destination (landing page) est encore autre chose : une page unique, construite pour une campagne ou une offre. Un site vitrine peut en contenir plusieurs.
Pour qui le site vitrine est-il adapté ?
Plombier, avocat, cabinet comptable, restaurant, kinésithérapeute, consultant indépendant, association : le point commun est une activité qui se conclut par un échange humain. Le site prépare cet échange. Si votre chiffre d'affaires repose sur la prise de rendez-vous ou le devis, c'est le bon format, et il peut évoluer plus tard vers la vente en ligne. Pour un projet plus large, notre guide de la création de site web couvre les autres formats.
À quoi sert un site vitrine en 2026 ?
Un site vitrine sert à être trouvé sur Google, à rassurer avant le premier contact et à recevoir des demandes qualifiées. À la différence d'une page sur un réseau social, vous contrôlez le contenu, l'adresse et les données des visiteurs, sans dépendre de l'algorithme d'une plateforme.
Ce que le site vous apporte
- Une présence consultable le soir, le week-end et les jours fériés, quand vous ne décrochez pas.
- Une crédibilité que la seule fiche sur un réseau social n'offre pas : adresse propre, mentions légales, réalisations.
- Un formulaire qui transforme une visite en demande de devis, avec les informations dont vous avez besoin.
- Une maîtrise de votre image et de votre message, que vous pouvez modifier à tout moment.
- Un actif qui vous appartient, surtout si vous choisissez une solution portable (voir le comparatif plus bas).
Quel impact sur le référencement local ?
Lorsqu'un prospect cherche « plombier Lyon », Google affiche le pack local (carte et fiches d'établissement) puis les résultats organiques. Une fiche Google Business Profile reliée à un site vitrine bien structuré vous donne deux chances d'apparaître. Le site apporte ce que la fiche ne peut pas contenir : une page par service, une page par zone d'intervention, des réalisations détaillées.
Le guide officiel de Google, Search Engine Optimization (SEO) Starter Guide, rappelle les fondamentaux : un titre descriptif par page, un contenu utile écrit pour le lecteur, une structure de liens claire. Pour aller plus loin, voyez notre article sur le référencement d'un site web.
Se distinguer de la concurrence
Beaucoup de petites entreprises se contentent d'une fiche d'annuaire. Un site soigné, avec de vraies photos de vos chantiers ou de votre équipe, envoie un signal de sérieux. Le design compte, mais la preuve compte davantage : un témoignage signé et une réalisation datée valent mieux qu'une animation. Le travail sur l'identité de marque se prolonge ici.
Quelles pages et fonctionnalités prévoir pour un site vitrine ?
Un site vitrine efficace comprend au minimum une page d'accueil, une page par service, une page à propos, une page contact avec formulaire, des réalisations, les mentions légales et une politique de confidentialité. Côté technique : HTTPS, affichage mobile soigné, chargement rapide et formulaire conforme au RGPD.
Quelles pages dans un site vitrine ?
| Page | Rôle | À ne pas oublier |
|---|---|---|
| Accueil | Dire en une phrase ce que vous faites, pour qui, où | Un bouton de contact visible sans défiler |
| Services ou prestations | Une page par service, pour être trouvé sur chaque requête | Délais, zone d'intervention, prix indicatifs si possible |
| À propos | Rassurer : parcours, équipe, certifications | Photos réelles, numéro de certification vérifiable |
| Réalisations | Prouver par l'exemple | Date, lieu, problème traité, résultat |
| Contact | Recevoir la demande | Téléphone cliquable, horaires, formulaire court |
| Mentions légales et confidentialité | Obligations LCEN et RGPD | Hébergeur, directeur de publication, durée de conservation |
| Blog (facultatif) | Répondre aux questions de vos clients | Ne le lancer que si vous pouvez l'alimenter |
Vous cherchez un site vitrine exemple ? Regardez ceux des concurrents qui arrivent en tête sur votre métier et votre ville. Notez ce qu'ils montrent en premier, et ce qui manque.
Design et ergonomie
Vos clients vous cherchent souvent depuis leur téléphone, sur un chantier ou entre deux rendez-vous : concevez d'abord pour un écran étroit. Vérifiez la part réelle dans votre propre outil de statistiques après le lancement. Une hiérarchie visuelle nette, des textes lisibles sans zoom et un bouton « Demander un devis » répété à des endroits logiques font plus pour la conversion que n'importe quel effet graphique.
Le menu reste court. Cinq à sept entrées suffisent pour la plupart des activités, même quand l'offre compte une dizaine de prestations regroupées par famille.
Fonctionnalités techniques
Le HTTPS n'est plus discutable : sans lui, les navigateurs signalent le site comme non sécurisé, ce qui fait fuir avant même la lecture. La CNIL détaille les mesures attendues dans ses recommandations sur la sécurité des sites web. Viennent ensuite des images compressées au bon format (AVIF ou WebP), un cache bien réglé et un hébergeur stable. Ces réglages se contrôlent avec les Core Web Vitals et l'INP, dont les seuils sont détaillés plus bas.
Combien coûte la création d'un site vitrine sur 3 ans ?
Le coût d'un site vitrine se calcule sur plusieurs années, pas au devis initial. Avec nos hypothèses, le total sur 3 ans va d'environ 470 € (constructeur fait soi-même, temps non compté) à près de 9 940 € (agence, sur-mesure). La méthode ci-dessous vous permet de refaire le calcul avec vos propres devis.
La formule
Coût sur 3 ans = création + 3 × (abonnement ou hébergement + nom de domaine + maintenance).
Le piège classique ? Comparer un devis de création à un abonnement mensuel. Un constructeur « gratuit » au départ facture chaque année. Un site sur-mesure coûte cher la première année puis beaucoup moins. Ramené sur trois ans, l'écart change parfois de sens.
Le calcul détaillé, hypothèses comprises
Un seul prix de ce tableau est un tarif relevé : le forfait Basic de Squarespace, affiché à 12 € par mois en facturation annuelle sur la page tarifs officielle de Squarespace le 5 novembre 2026, soit 144 € par an. Tous les autres montants sont des hypothèses de calcul, choisies pour illustrer la méthode. Remplacez-les par vos devis.
| Solution | Création (hypothèse) | Coût annuel (hypothèse) | Total 1re année | Total 3 ans |
|---|---|---|---|---|
| Constructeur (Squarespace Basic), fait soi-même | 0 € | 144 € d'abonnement + 12 € de domaine = 156 € | 156 € | 468 € |
| WordPress fait soi-même (thème premium) | 200 € | 100 € d'hébergement + 12 € de domaine = 112 € | 312 € | 536 € |
| WordPress par un freelance | 2 000 € | 100 € + 12 € + 400 € de maintenance = 512 € | 2 512 € | 3 536 € |
| Agence, développement sur-mesure | 6 000 € | 300 € + 12 € + 1 000 € de maintenance = 1 312 € | 7 312 € | 9 936 € |
Ce calcul de création site vitrine n'est qu'un point de départ. Trois remarques en changent la lecture.
Le temps passé n'y figure pas : construire soi-même un site correct demande des dizaines d'heures, à valoriser au prix de votre heure facturée. La maintenance n'est jamais nulle sur WordPress ; si vous ne la payez pas, vous la faites, ou personne ne la fait et le site devient vulnérable. Enfin, rédaction et photos professionnelles s'ajoutent souvent au devis de création. Pour le détail des tarifs du marché, consultez notre article sur le prix d'un site internet.
Peut-on créer un site vitrine gratuitement ?
Oui, mais avec des contreparties. Les offres gratuites des constructeurs imposent en général une adresse en sous-domaine et un bandeau publicitaire de la plateforme, ce qui nuit à la crédibilité. Pour une activité professionnelle, le minimum raisonnable reste un nom de domaine à votre nom et un forfait sans publicité.
Comment savoir si le site sera rentable ?
Divisez le coût annuel moyen par la marge que vous dégagez sur un client. Exemple illustratif, avec la ligne « freelance » ci-dessus : 3 536 € sur 3 ans font environ 1 180 € par an. Si un nouveau client vous laisse 300 € de marge, le site est payé à partir de 4 clients par an. Ce seuil se vérifie.
Comptez les demandes reçues par le formulaire et demandez à chaque nouveau client comment il vous a trouvé. Un parcours de conversion bien pensé aide à l'atteindre.
Les étapes de création d'un site vitrine professionnel
La création d'un site vitrine suit sept étapes : objectifs et cible, choix de la solution, arborescence et maquettes, rédaction, développement, recette, mise en ligne avec suivi. Comptez quelques semaines pour un projet simple. Sauter une étape se paie presque toujours plus tard, en reprises et en retards.
Définir vos objectifs et votre cible
Avant de parler design, écrivez ce que le site doit produire : des demandes de devis, des appels, des rendez-vous ? Et pour qui ? Un site destiné à des particuliers ne s'écrit pas comme un site pour des acheteurs professionnels. Ces deux réponses tiennent sur une page et forment le cœur du cahier des charges.
Choisir votre solution technique
Constructeur en ligne, WordPress ou développement sur-mesure : le choix engage pour plusieurs années. Il se fait sur trois critères souvent oubliés, détaillés dans le comparatif plus bas : la propriété des contenus, la possibilité de changer de prestataire et les performances.
Concevoir l'arborescence et les maquettes
L'arborescence décide du parcours. Chaque page importante doit être accessible en trois clics au plus. Les maquettes traduisent ensuite votre identité : couleurs, typographies, photos. Si vous partez d'un site existant, la refonte d'un site internet obéit à des règles propres, en particulier sur les redirections.
Rédiger les contenus
Le texte vend, pas le gabarit. Chaque page répond à une question précise de votre client, avec vos mots à vous : vos délais réels, vos zones, vos garanties. Les textes génériques copiés d'un modèle se repèrent tout de suite. Une stratégie de contenu définie en amont évite de rédiger dans l'urgence la veille du lancement.
Développer et optimiser
Intégration, formulaires, balises title et meta description, maillage entre les pages, compression des images. Chaque page cible une requête principale. C'est aussi le moment de brancher l'outil de consentement aux cookies si vous utilisez une mesure d'audience qui en exige un.
Tester puis mettre en ligne
La recette vérifie l'affichage sur plusieurs navigateurs et téléphones, l'envoi réel des formulaires, les performances et les obligations légales. La section dédiée plus bas donne les seuils chiffrés. La mise en ligne s'accompagne de l'inscription à Google Search Console et d'un outil de statistiques ; apprendre à mesurer les performances du site vous servira ensuite chaque mois.
Constructeur, WordPress ou sur-mesure : quelle solution choisir pour un site vitrine ?
Un constructeur convient à un budget serré et à un besoin simple, WordPress à qui veut de l'autonomie et un large choix de prestataires, le sur-mesure à qui vise des performances élevées ou des fonctions spécifiques. Le critère décisif est souvent la portabilité : pouvoir partir avec son site.
WordPress, le choix majoritaire
Selon W3Techs, WordPress équipe 39,5 % de l'ensemble des sites web, soit 58,2 % des sites dont le CMS est identifié (données du 5 novembre 2026). Conséquence pratique : vous trouverez toujours un prestataire pour reprendre votre site. La contrepartie : hébergement à choisir, extensions et mises à jour de sécurité à suivre. Pour créer un site vitrine WordPress, notre guide création de site WordPress détaille la démarche.
Wix et Squarespace, la simplicité
L'éditeur glisser-déposer ne demande aucune compétence technique, et hébergement comme sécurité sont inclus. Côté tarifs, le premier forfait Squarespace était affiché à 12 € par mois en facturation annuelle lors de notre relevé du 5 novembre 2026 (cité plus haut). Consultez la grille officielle de chaque plateforme au moment de souscrire : ces prix changent.
La limite principale tient à la sortie : vous louez la plateforme, et le design ne se transfère pas ailleurs. Partir, c'est reconstruire.
Le sur-mesure, pour la performance
Un site développé avec un framework moderne (Nuxt, Next.js, Astro) envoie au navigateur une page déjà construite par le serveur. Le visiteur voit le contenu plus tôt, et les moteurs de recherche le lisent sans attendre l'exécution du JavaScript. Le coût de création est plus élevé, et il faut un prestataire capable de le maintenir. Notre article sur le site internet sur mesure détaille les cas où ce choix se justifie.
Le tableau de décision
| Critère | Constructeur (Wix, Squarespace) | WordPress | Sur-mesure (Nuxt, Next.js…) |
|---|---|---|---|
| Prise en main | Très facile | Moyenne | Via le prestataire ou une interface d'administration dédiée |
| Propriété des contenus | Contenus exportables en partie, design non | Totale (fichiers et base de données) | Totale si le contrat cède le code source |
| Changer de prestataire | Impossible sans reconstruire | Facile, offre abondante | Possible si le code est documenté |
| Performances | Correctes, peu réglables | Variables selon thème, extensions et hébergeur | Les plus élevées si bien construit |
| Maintenance | Incluse dans l'abonnement | À votre charge (mises à jour, sauvegardes) | Prestataire, contrat à prévoir |
| Profil | Micro-entreprise, budget serré | TPE et PME qui veulent l'autonomie | Entreprise qui fait du site un canal majeur |
Quel est le meilleur CMS pour un site vitrine ?
Il n'existe pas de meilleur CMS dans l'absolu. WordPress reste le choix le plus sûr pour la plupart des TPE, grâce à sa portabilité. Wix ou Squarespace conviennent pour démarrer seul avec un petit budget. Le sur-mesure se justifie quand la vitesse et le référencement pèsent lourd dans votre acquisition de clients.
Quelles obligations légales pour un site vitrine ?
Tout site vitrine professionnel doit afficher des mentions légales (LCEN), recueillir le consentement avant de déposer des cookies non essentiels (règles de la CNIL), informer les personnes dont il collecte des données via le formulaire (RGPD) et protéger ces données. Aucun des guides les mieux classés ne détaille ce point.
| Obligation | Ce qu'il faut afficher ou faire | Texte de référence |
|---|---|---|
| Mentions légales | Dénomination, siège social, téléphone, numéro d'immatriculation (RCS ou registre national des entreprises), capital social, directeur de la publication, coordonnées de l'hébergeur | Loi n° 2004-575 (LCEN), article 1-1 |
| Cookies et traceurs | Consentement préalable pour les traceurs non essentiels ; refuser doit être aussi simple qu'accepter ; retrait du consentement aussi simple que son octroi | CNIL, cookies et autres traceurs |
| Formulaire de contact | Informer de la finalité, de la durée de conservation et des droits (accès, effacement) ; ne demander que les champs utiles | RGPD (règlement UE 2016/679) |
| Sécurité | HTTPS, mises à jour, sauvegardes, mots de passe robustes pour l'administration | CNIL, sécurité des sites web |
Certains traceurs échappent au consentement selon la CNIL : ceux qui conservent le choix de l'utilisateur sur les cookies, ceux liés à l'authentification et à la sécurité, et certaines mesures d'audience respectant des conditions précises. Un site vitrine sans publicité ni réseau social intégré peut donc souvent fonctionner sans bandeau, s'il choisit bien son outil de statistiques. L'accessibilité (RGAA) n'est obligatoire que pour certaines structures, mais un site lisible par tous reste un meilleur site.
Comment vérifier un site vitrine avant sa mise en ligne ?
Avant la mise en ligne, mesurez les trois Core Web Vitals de Google sur mobile : LCP ≤ 2,5 secondes, INP ≤ 200 millisecondes et CLS ≤ 0,1. Testez ensuite les formulaires, l'affichage sur plusieurs téléphones et la présence des mentions obligatoires. Une recette chiffrée évite les débats subjectifs avec le prestataire.
Les seuils Core Web Vitals
| Indicateur | Ce qu'il mesure | Seuil « bon » |
|---|---|---|
| LCP (Largest Contentful Paint) | Temps d'affichage du plus gros élément visible | ≤ 2,5 s |
| INP (Interaction to Next Paint) | Délai de réaction de la page à un clic ou une saisie | ≤ 200 ms |
| CLS (Cumulative Layout Shift) | Décalages visuels pendant le chargement | ≤ 0,1 |
Ces seuils viennent de la documentation de Google sur les Web Vitals et s'apprécient sur 75 % des visites, mobile et ordinateur séparés. L'INP a remplacé le FID (First Input Delay) comme Core Web Vital en mars 2024. Un prestataire qui vous parle encore de FID n'a pas mis à jour ses méthodes. Pour mesurer, passez chaque page clé dans PageSpeed Insights.
Ce que nous avons mesuré sur panda-ai.fr
Notre site est construit avec Nuxt en rendu côté serveur. Le 5 novembre 2026 au soir, nous avons passé sa page d'accueil quatre fois de suite dans Lighthouse 12.8, profil mobile simulé, depuis notre serveur. Le score de performance a varié de 77 à 91 sur 100, le LCP de 2,3 à 3,3 s et le Total Blocking Time de 100 à 750 ms. Seul le CLS est resté stable, à 0,034.
Trois passages sur quatre dépassent le seuil LCP de 2,5 s : notre propre page d'accueil a donc encore une marge de progrès sur mobile. Cet écart entre deux passages consécutifs montre aussi qu'une mesure unique ne prouve rien. Exigez de votre prestataire plusieurs passages, ou mieux, les données de terrain.
Deux autres précautions de lecture. Un test de laboratoire ne mesure pas l'INP, qui exige de vraies interactions : le Total Blocking Time en donne seulement une indication. Et lancé depuis le serveur qui héberge le site, le test minimise le temps de réponse réseau. Les données de terrain (rapport Core Web Vitals de Search Console) restent la référence une fois le trafic suffisant.
La check-list de recette
- Core Web Vitals mesurés sur les pages accueil, service principal et contact, en mobile.
- Formulaire envoyé pour de vrai : réception de l'e-mail, message de confirmation, aucune erreur.
- Affichage contrôlé sur au moins deux navigateurs et deux tailles de téléphone.
- Mentions légales, politique de confidentialité et gestion des cookies en ligne.
- HTTPS actif sur toutes les pages, redirection de l'ancienne adresse si elle existe.
- Balise title et meta description uniques sur chaque page.
- Site déclaré dans Google Search Console, plan du site (sitemap) soumis.
- Sauvegarde automatique configurée et testée par une restauration.
Les erreurs courantes à éviter lors de la création d'un site vitrine
Les erreurs les plus coûteuses sont rarement techniques : négliger le référencement dès la conception, bâcler les textes, oublier le mobile, choisir le devis le moins cher sans regarder la maintenance ni la propriété du site. Chacune se corrige avant la mise en ligne pour une fraction du prix d'une reprise.
Négliger le référencement naturel
Un site superbe peut rester invisible. Si chaque service n'a pas sa page, avec un titre qui reprend la requête du client, Google n'a rien à proposer. Le maillage entre ces pages compte aussi. Il guide le visiteur comme le robot.
Ignorer l'expérience mobile
Un menu qui ne s'ouvre pas, un numéro de téléphone non cliquable, un formulaire trop long sur petit écran : chaque détail coûte des contacts. Testez sur votre propre téléphone, puis sur celui d'un proche moins à l'aise avec le numérique. Dix minutes suffisent.
Sous-estimer les contenus
Textes génériques, photos de banque d'images, absence d'appel à l'action, informations périmées, fautes d'orthographe. Chacun de ces défauts suffit à faire douter un prospect. Vos vraies photos, même prises au téléphone avec soin, valent mieux qu'un visuel générique.
Choisir le prestataire sur le seul prix
Le devis le plus bas cache souvent une maintenance absente ou un site que vous ne pourrez pas récupérer. Le plus élevé ne garantit rien non plus. Lisez les lignes. Comparez sur trois ans avec la formule plus haut, et faites préciser qui détient le code et les contenus.
Comment choisir son prestataire pour la création d'un site vitrine ?
Choisissez un prestataire sur trois preuves : des réalisations comparables à votre projet et encore en ligne, un devis détaillé qui sépare création et coûts annuels, et un contrat qui vous cède le code et les contenus. Freelance ou agence, ces critères restent les mêmes.
Les critères de sélection
Visitez les sites du portfolio, pas seulement les captures d'écran. Passez-les dans PageSpeed Insights : vous saurez en deux minutes si le prestataire tient ses promesses de performance. Un devis sérieux détaille le périmètre, le nombre de pages, ce qui est rédigé par qui, et le coût de la maintenance. Méfiez-vous des offres qui ne parlent que de la création.
Les questions à poser à votre prestataire
- Quelle solution technique recommandez-vous pour mon projet, et pourquoi ?
- Qui sera mon interlocuteur du début à la fin ?
- Quel est le délai réaliste, et qu'est-ce qui pourrait le rallonger ?
- Quels seuils de performance vous engagez-vous à atteindre (LCP, INP, CLS) ?
- Qui rédige les mentions légales et configure la gestion des cookies ?
- Quel est le coût annuel de maintenance, et que comprend-il ?
- À qui appartiennent le code source, le design et le nom de domaine ?
- Comment récupérer le site si nous arrêtons de travailler ensemble ?
Demandez aussi à parler à un ou deux clients. Un retour d'expérience direct en dit plus qu'une plaquette.
Par où commencer votre site vitrine ?
Commencez par écrire sur une page vos objectifs, vos services et votre budget sur trois ans, puis comparez les solutions avec la formule de cet article. Si vous partez seul, un constructeur ou WordPress suffisent. Si le site doit devenir votre premier canal de clients, faites-le construire avec des engagements chiffrés.
Trois situations, trois suites possibles. Vous démarrez avec un très petit budget : prenez un forfait sans publicité et un nom de domaine à votre nom, et soignez les textes. Vous voulez un site performant que vous possédez : décrivez votre projet sur notre page création de site internet. Vous avez déjà un cahier des charges ou un devis à comparer : écrivez-nous, nous vous répondons avec un chiffrage sur trois ans et les seuils de performance que nous nous engageons à tenir.
