Création de site vitrine : comment je construis un site qui fait appeler, écrire ou réserver

Un site vitrine ne sert pas à « être sur internet ». Il sert à déclencher un appel, un e-mail ou une réservation. Chaque décision de création, du choix des pages au design en passant par la technologie, découle de ce résultat attendu. Voici comment se déroule la création de site vitrine quand je travaille avec un client, étape par étape.

À quoi sert vraiment un site vitrine ?

Un site vitrine est un site web dont l'objectif n'est pas la vente en ligne, mais la présentation d'une activité, d'un savoir-faire ou de services, pour provoquer une prise de contact. 70 % des dirigeants de TPE/PME estiment qu'un site est indispensable ; la question n'est plus d'en avoir un, mais de le rendre utile.

Les trois actions qu'un site vitrine doit générer :

• Appel téléphonique : via un numéro cliquable, visible sur mobile dès le premier écran.
• Formulaire de contact ou demande de devis : le visiteur décrit son besoin, vous répondez.
• Prise de rendez-vous ou réservation en ligne : le visiteur choisit un créneau, vous confirmez.

Qu'est-ce qu'un site vitrine, concrètement ? C'est un site internet de 4 à 6 pages en moyenne, sans panier ni paiement, centré sur l'information, la crédibilité et la confiance. À la différence d'un site e-commerce ou d'une boutique en ligne, il ne gère ni catalogue de produits ni transaction bancaire.

Exemple : un cabinet de kinésithérapeute a mis en ligne son site vitrine optimisé en 2024. Depuis, 80 % des demandes de patients arrivent par la page « Contact / Réservation » du site ; les 20 % restants viennent du bouche-à-oreille ou des flyers.

Formuler l'objectif commercial du site en une phrase claire

La création de votre site commence par une phrase cible. Je pose toujours deux questions au client : « Pour qui ? » et « Quelle action attendez-vous de ce visiteur ? ». La réponse tient en une ligne.

Trois exemples d'objectifs :

• « Faire réserver des séances de coaching à Lyon. »
• « Obtenir des demandes de devis pour une PME BTP en 2025. »
• « Remplir un planning de consultations via e-mail ou téléphone. »

Sans cette phrase, le site reste une carte de visite passive. Le design n'a pas de direction, les contenus tournent en rond, les appels à l'action sont flous. Préparer cette phrase avant la demande de devis fait gagner 1 à 2 semaines sur le projet, parce qu'elle évite les allers-retours sur le positionnement en cours de route.

Je reformule systématiquement cette phrase d'objectif avec le client lors du cadrage. Elle guide toutes les décisions suivantes : structure, rédaction, choix des boutons d'action, mesure de performance.

Les pages clés d'un site vitrine : le parcours de décision du visiteur

Les sites vitrine doivent généralement avoir 4 à 6 pages. Même sur un petit site, chaque page remplit un rôle dans la décision du visiteur : découvrir, comprendre l'offre, être rassuré, passer à l'action. Chaque page doit avoir des CTA clairs et visibles pour guider ce parcours.

Les quatre pages d'un site vitrine et leur rôle :

1. Accueil : capter l'attention, dire qui vous êtes, ce que vous offrez, pour qui et où, orienter vers l'action principale.
2. Prestations / Services : détailler l'offre, répondre aux questions pratiques (durée, tarif, zone géographique).
3. Preuves (réalisations, avis, références) : montrer que l'entreprise existe, travaille, et que ses clients sont satisfaits.
4. Contact : transformer l'intérêt en action concrète.

Même si vous fusionnez certaines pages, ces quatre rôles doivent apparaître. Les sections suivantes détaillent chacune avec des exemples concrets.

Page d'accueil : orienter en 5 secondes vers l'action principale

La page d'accueil a cinq secondes pour convaincre le visiteur qu'il est au bon endroit. Les visiteurs doivent trouver l'information en moins de 2 clics ; la page d'accueil est le point de départ de cette promesse.

Ce que je prévois sur chaque page d'accueil :

• Accroche en haut de page : une phrase qui répond à « qu'est-ce que vous faites, pour qui, où ». Pas de slogan abstrait.
• Bouton d'action visible dès le premier écran : « Appeler », « Demander un devis », « Prendre rendez-vous ». Ce bouton est répété plus bas dans la page.
• Photo réelle : de vous, de l'équipe, de l'atelier ou du cabinet. Pas de banque d'images générique.
• Résumé des prestations principales : trois ou quatre blocs courts, chacun lié à la page Services.
• Témoignage ou preuve rapide : un avis récent, un logo client, un chiffre, juste sous le premier écran.

Je conçois cette page pour mobile d'abord. La majorité des visites vient du smartphone ; je teste l'affichage sur téléphone avant de valider le reste.

Page Prestations / Services : clarifier ce que le client peut acheter

Cette page traduit l'objectif commercial en offres concrètes. La stratégie de contenu doit répondre aux besoins des visiteurs, pas simplement lister ce que vous savez faire.

Comment organiser les prestations :

• Par catégorie de service (reportage, portrait, événement)
• Par profil client (particulier, entreprise, association)
• Par problématique (« Je veux rénover ma salle de bain », « Je cherche un photographe pour mon mariage »)

Éléments indispensables sur chaque bloc :

• Tarif indicatif ou « à partir de »
• Zone géographique d'intervention
• Durée et modalités (sur place, en ligne, à domicile)
• Bouton ou lien vers le formulaire de contact

Exemple : un photographe en 2024, avec une page « Prestations » découpée en trois blocs (Reportages, Portraits, Événements). Chaque bloc affiche une photo, une durée approximative, un tarif « à partir de X € », et un lien vers la demande de devis. Résultat : moins d'e-mails vagues, plus de demandes qualifiées.

Sans informations pratiques (prix, délais, zone), les e-mails de « simple curiosité » se multiplient et le taux de conversion baisse.

Pages de preuves : réalisations, avis clients, références

Cette page sert à rassurer. Le visiteur a compris votre offre ; il a besoin de savoir que vous tenez vos promesses. Victor Bellot, par exemple, présente une galerie minimaliste sans distractions visuelles : le travail parle. La Distillerie 3 Lacs utilise des images haute qualité pour valoriser son artisanat.

Formes de preuves possibles :

• Portfolio de projets récents (2023-2025)
• Avant / après quand c'est pertinent (rénovation, design, coaching)
• Logos de clients
• Études de cas avec contexte, résultat, date
• Avis Google avec lien vers votre fiche
• Témoignages vérifiables (nom, photo, date)

J'organise ces preuves par secteur ou type de client (TPE, PME, artisan, particulier) pour que le visiteur se projette : « quelqu'un comme moi a fait appel à ce prestataire ».

Conseil : évitez les témoignages anonymes datés d'avant 2020. Un avis de 2024 avec un prénom et un contexte vaut dix fois plus qu'un « Super travail ! » sans date. Chaque page de preuves doit contenir un lien vers la page Contact ou un bouton de prise de rendez-vous.

Page Contact : transformer l'intérêt en appel, e-mail ou réservation

C'est la page la plus importante d'un site vitrine. L'intégration de fonctionnalités comme les formulaires de contact est essentielle ; c'est ici que le visiteur décide de passer à l'action ou de partir.

Champs minimum du formulaire :

• Nom
• E-mail
• Téléphone
• Type de demande (menu déroulant : devis, renseignement, réservation)
• Message libre

Autres éléments à prévoir :

• Numéro de téléphone cliquable sur mobile
• Adresse postale ou au moins la ville
• Lien vers un calendrier de réservation en ligne si votre activité s'y prête
• Texte rassurant : « Réponse sous 24 h ouvrées »

Je gère la conformité RGPD sans jargon : on précise en une phrase comment les données sont utilisées, on ajoute une case de consentement, et on rend la politique de confidentialité accessible. Pas besoin d'un paragraphe juridique sur la page Contact.

Ce que vous devez préparer avant que je crée votre site vitrine

Sans contenus de base, la création d'un site est bloquée ou très ralentie. Voici ce que je demande au client avant de commencer :

• Textes bruts ou au moins un plan de contenu par page
• Logo, même provisoire
• Photos de qualité : de vous, de vos réalisations, de votre lieu. Les images personnalisées peuvent coûter entre 500 € et 1 000 € si vous faites appel à un photographe professionnel.
• Coordonnées : adresse, téléphone, e-mail professionnel
• Accès au nom de domaine s'il existe déjà (identifiant du registrar)
• 2 ou 3 exemples de sites internet que vous aimez (même d'autres secteurs) pour clarifier le style souhaité

Trois éléments qui bloquent un projet à coup sûr :

1. Pas de décision sur le nom de domaine
2. Pas de logo du tout
3. Aucune photo exploitable

Je peux accompagner sur la rédaction ou l'iconographie, mais cela rallonge le délai et augmente le budget. Le coût de la rédaction de contenu peut atteindre 1 500 € pour 5 pages.

Nom de domaine, e-mail pro et hébergement : mettre des fondations propres

Le nom de domaine est l'adresse de votre site internet (ce que les gens tapent dans leur navigateur). L'hébergement est l'endroit où le site vit, sur un serveur. L'e-mail pro (contact@votresociete.fr) donne une image sérieuse et cohérente avec votre présence en ligne.

Le nom de domaine doit être court et mémorable. Formats adaptés pour une TPE en France :

• votrenom.fr ou nom-activite.fr pour un artisan ou un indépendant
• votresociete.com si vous visez une clientèle internationale

En pratique, soit je conseille le client sur le choix et il achète lui-même, soit je configure le tout sur son compte (il reste propriétaire). Une adresse e-mail associée au domaine (par exemple contact@votresociete.fr) renforce la crédibilité ; un « contact@gmail.com » sur un site professionnel envoie le signal inverse.

L'hébergement coûte entre 80 et 200 € par an en mutualisé, SSL et sauvegardes inclus. Le nom de domaine revient à 10-20 € par an (source FSWeb).

Quelle technologie j'utilise pour créer un site vitrine (WordPress, Prestashop, Next.js…)

Le choix de la solution n'est pas théorique. Il dépend de l'objectif, du budget et de l'autonomie souhaitée par le client. Le choix du CMS dépend de la flexibilité et des capacités de référencement ; la courbe d'apprentissage varie selon les outils choisis.

WordPress est le CMS le plus utilisé au monde. Les CMS comme WordPress facilitent la création de sites vitrines : pages, blog, formulaires, gestion des contenus par le client lui-même. Environ 17 % des 100 000 sites les plus populaires en France tournent sous WordPress. C'est ma base par défaut pour un site vitrine administrable.

Prestashop entre en jeu uniquement si le site vitrine doit préparer une extension e-commerce : catalogue avec panier futur, gestion de produits. Pour une vitrine pure, c'est surdimensionné.

Next.js + Tailwind CSS : je construis sur mesure quand le projet demande des animations, un frontend rapide ou un traitement côté serveur en Python (calculs, automatisations, API). Next.js permet un rendu statique ou côté serveur, avec un temps de chargement réduit.

Les outils de création de sites doivent tenir compte du budget et des compétences techniques. Des plateformes comme Wix (constructeur en glisser-déposer) ou Squarespace (reconnu pour ses templates au design haut de gamme) existent, mais le lecteur de cet article ne cherche pas à créer un site lui-même : il délègue la partie technique pour se concentrer sur son métier.

Identité visuelle et design : rendre le site reconnaissable en un coup d'œil

L'identité visuelle regroupe le logo, les couleurs, les typographies et le style de photos. Un bon design doit être professionnel et cohérent avec cette identité. Un design épuré doit utiliser 2 à 3 couleurs maximum pour rester lisible.

Comment je procède :

• Si une charte existe (logo, couleurs, typographies) : je pars de là et je l'adapte au web.
• Si rien n'est prêt : je propose 2 couleurs, 1 police principale lisible, et des photos cohérentes. Simple, efficace.

La cohérence entre le site internet, les cartes de visite, les réseaux sociaux et les documents PDF (factures, plaquettes) évite de perdre le visiteur. Des marques comme Evian utilisent un design épuré et une palette de couleurs distinctives sur tous leurs supports. Innocent se démarque par un ton léger et des couleurs vives. Airbus a un site vitrine responsive avec des animations subtiles. Cyril Lignac s'appuie sur des photos de plats haute résolution pour son site.

Exemple concret : en 2025, j'ai harmonisé les couleurs et intégré des photos professionnelles sur le site vitrine d'un artisan. L'image de marque est devenue cohérente entre site, devis PDF et carte de visite. Les demandes de devis ont augmenté dans les semaines suivant la refonte.

Déroulé concret d'un projet de création de site vitrine (délais et étapes)

Voici le parcours type, dans l'ordre :

Délai réaliste : 3 à 6 semaines pour un site vitrine classique si les contenus arrivent à l'heure. Il est recommandé de tester un site avant sa mise en ligne ; c'est ce que je fais sur la dernière semaine, sur plusieurs navigateurs et appareils.

Ce qui rallonge les délais :

• Textes ou photos livrés en retard
• Allers-retours multiples sur le design ou la mise en page
• Changement de positionnement en cours de route
• Décision tardive sur le nom de domaine

Je fournis un planning simple dès le cadrage pour que le client sache quand il doit livrer chaque élément. Pas de surprise.

Ce qui est livré le jour de la mise en ligne… et ce qui continue après

Le jour J, voici ce que je livre :

• Le site en ligne, fonctionnel, accessible
• Accès administrateur (CMS) pour les mises à jour de contenu
• Formulaires testés et opérationnels
• SSL installé, hébergement configuré
• Redirections si refonte d'un ancien site
• Suivi des statistiques de base configuré (Google Analytics ou outil équivalent)
• Sauvegarde initiale

Ce qui commence après la mise en ligne :

• Référencement naturel (SEO) : optimisation des mots clés, structure, temps de chargement, liens entrants. Un blog intégré peut multiplier les pages et améliorer le référencement sur la durée.
• Présence locale : fiche Google Business Profile, optimisation géographique.
• GEO : être cité par les assistants d'IA (ChatGPT, Perplexity, Gemini) quand quelqu'un cherche un professionnel dans votre domaine.
• Mises à jour techniques, ajout de nouvelles pages, améliorations continues.

Pour moi, le référencement, c'est être trouvé sur Google. Le GEO, c'est être cité par les assistants d'IA. Les deux comptent désormais.

Combien coûte la création d'un site vitrine avec un freelance en France ?

Un site vitrine peut coûter entre 800 € et 3 000 € avec un freelance pour un périmètre simple. Les tarifs d'une agence web commencent généralement à 1 800 € ; les agences facturent souvent plus de 1 800 € pour un site vitrine. Selon une étude de La Fabrique du Net portant sur 1 312 budgets réels, la médiane pour un site vitrine se situe à 3 500 €.

Quelques repères par type de projet :

Ce qui fait varier le prix : volume de pages, design sur mesure vs modèle existant, intégration de fonctionnalités spécifiques (formulaires avancés, multi-langues, automatisations en Python), et la rédaction. 67 % des TPE/PME sous-estiment leur budget et dépassent leur enveloppe de 40 % en moyenne (source FSWeb 2026).

Le devis dépend d'un brief précis, pas du nombre de pages uniquement. J'effectue toujours un cadrage gratuit avant tout devis, pour éviter les mauvaises surprises des deux côtés.

SEO, GEO et visibilité : faire exister votre site vitrine au-delà de sa mise en ligne

Avoir un site en ligne et avoir un site trouvé par les bons clients sont deux choses différentes. Un site vitrine doit être optimisé pour le référencement naturel dès sa création. Un site vitrine bien optimisé améliore la visibilité sur Google. Un contenu de qualité est essentiel pour le référencement naturel. Un site trop lent pousse les visiteurs à partir ; un site vitrine doit charger en moins de 3 secondes.

SEO (référencement naturel) : choix des mots clés, structure propre des pages, balises méta optimisées pour le SEO dès le départ, temps de chargement rapide, liens entrants.

GEO : être cité par les assistants d'IA grand public (ChatGPT, Perplexity, Gemini) quand quelqu'un cherche un professionnel dans votre domaine. Ce monde-là est nouveau ; il demande une présence structurée et des contenus vérifiables.

Exemple d'optimisation locale : créer une fiche Google Business Profile, rédiger une page « Ostéopathe à Toulouse » optimisée pour les moteurs de recherche, avec adresse, horaires, et avis récents.

Ce que j'intègre dès la création du site : balises de base, plan de site, structure propre, titres hiérarchisés. Ce qui peut faire l'objet d'une prestation complémentaire : rédaction de contenu régulier, campagne de liens, suivi de positionnement.

Checklist à copier-coller pour votre demande de devis de site vitrine

Copiez cette liste dans un e-mail de demande de devis. Chaque ligne est une décision, pas une définition.

• [ ] Objectif principal du site décidé : ……………
• [ ] Phrase cible rédigée (pour qui, quelle action) : ……………
• [ ] Type de clients visés : particuliers / entrepreneurs / TPE / PME / autre
• [ ] Pages souhaitées : Accueil + Prestations + Preuves + Contact : oui / non
• [ ] Autres pages envisagées (blog, FAQ, mentions légales) : ……………
• [ ] Textes fournis par mes soins : oui / non / besoin d'accompagnement
• [ ] Photos disponibles : oui / non / à organiser
• [ ] Logo existant : oui / non / à créer
• [ ] Nom de domaine existant : oui / non / à acheter
• [ ] Registrar actuel (si domaine existant) : ……………
• [ ] Besoin d'un e-mail professionnel associé au domaine : oui / non
• [ ] Exemples de sites que j'aime (2-3 liens) : ……………
• [ ] Technologie souhaitée ou laissée au choix du prestataire : ……………
• [ ] Besoin d'utilisation mobile prioritaire : oui / non
• [ ] Besoin d'accompagnement SEO après mise en ligne : oui / non
• [ ] Besoin d'accompagnement GEO (assistants IA) : oui / non
• [ ] Budget cible pour la création de votre site : ……………
• [ ] Délai souhaité : ……………
• [ ] Expérience avec un ancien site ou première fois : ……………
• [ ] Cookies et conformité RGPD : besoin d'accompagnement : oui / non

Si cette checklist est remplie, vous avez déjà fait la moitié du travail. Envoyez-moi ce brief par e-mail pour un cadrage gratuit, avant tout devis. Je reviens vers vous sous 48 h avec des questions précises et un périmètre clair.