Un projet de démonstration mené de bout en bout : ce que le métier impose, ce que la direction artistique en tire, comment l'expérience s'organise, et seulement ensuite, comment c'est développé.
Élise & Ciseaux est un salon fictif. La marque et l'enseigne sont inventées : ce n'est pas une référence client, et rien sur cette page ne décrit un client réel. Ce qui est décrit, ce sont mes décisions de conception.
Le site, lui, existe. Il est développé, déployé et accessible en ligne. Les scores présentés plus bas sont mesurés sur ce site réel, et vous pouvez les vérifier vous-même à tout moment via le lien PageSpeed.
Un client ne juge pas une coupe. Il juge la photo d'une coupe, sur un téléphone, en trente secondes.
Le brief que je me suis donné tient en une contrainte : concevoir le site d'un salon de quartier à Cogolin qui doit servir deux visiteurs opposés. Celui qui ne connaît pas le salon et veut être convaincu. Et l'habituée qui veut juste reprendre rendez-vous, et pour qui chaque écran de séduction est un obstacle.
Cogolin n'est pas Saint-Tropez. La clientèle est locale, fidèle, familiale ; les prix se regardent ; le salon se choisit aussi parce qu'il est à cinq minutes. Un site qui emprunterait le vocabulaire d'un salon de prestige mentirait sur ce que l'enseigne est réellement : c'est la première chose que la direction artistique doit refuser.
Un salon se juge sur un résultat visible. Les images passent donc en premier, en grand, et portent la page : le texte vient les nommer, pas les remplacer. Tout ce qui repousse la première photo sous la ligne de flottaison a été retiré.
Les coupes sont montrées dans la lumière du salon, pas sur fond studio. C'est ce que verra la cliente en poussant la porte, et c'est la seule façon pour que la promesse de l'écran tienne une fois sur place.
Un salon de quartier n'a pas besoin d'une identité graphique spectaculaire : il a besoin qu'on lise ses prestations et ses horaires du premier coup. Les caractères sont choisis pour la lisibilité à bout de bras, dans la rue.
Dans le haut de gamme, le prix se retire de la page. Ici il s'affiche : la clientèle le regarde, et le cacher produit l'effet inverse de celui recherché. C'est une décision de direction artistique autant qu'une décision commerciale.
Chaque décision d'architecture découle du parti pris ci-dessus. Voici lesquelles, et pourquoi.
Coupes, colorations, balayages : la galerie n'illustre pas le site, elle le commence. Elle est classée par type de prestation plutôt que par ordre chronologique : parce qu'une visiteuse cherche une coupe, pas les dernières nouvelles du salon.
C'est la réponse au second visiteur : l'habituée qui veut reprendre rendez-vous sans relire l'argumentaire. Le bouton reste atteignable au pouce quelle que soit la position dans la page, et mène à l'agenda ou au téléphone sans page intermédiaire.
H1 géolocalisé "coiffeur Cogolin", Schema.org LocalBusiness avec coordonnées précises, fiche Google Business liée au site. Le référencement local se construit sur des pages qui répondent à une question précise ("coiffeur Cogolin", "salon coiffure Var"), pas sur des mots-clés ajoutés après coup.
Les avis Google ne sont pas relégués en bas de page : ils sont placés juste après la galerie, au moment précis où une nouvelle cliente se demande si le résultat qu'elle voit est reproductible. Un élément de réassurance mal placé ne rassure personne.
Votre talent se voit dans le miroir.
Pas sur Google.
Mobile
Solide sur mobile malgré la galerie haute qualité.
Contrastes WCAG, structure sémantique, navigation clavier fluide.
HTTPS, images dimensionnées, aucune dépendance vulnérable.
H1 géolocalisé, Schema.org LocalBusiness, sitemap structuré.
Desktop
La première impression se joue avant même de voir les réalisations.
Même niveau que sur mobile. Tous les critères essentiels respectés.
Sécurité, protocoles, images optimisées : aucune anomalie côté bureau.
Structure sémantique complète. Google comprend et indexe chaque page du site.
Scores relevés sur le site déployé. Lighthouse évolue : ces valeurs peuvent varier d'une mesure à l'autre, le lien PageSpeed plus bas permet de les recalculer en direct.
Le site est codé à la main, sans modèle ni extension : fonts hébergées localement, images WebP pré-dimensionnées, scripts ordonnés. La technique n'est pas le sujet de cette page : elle est ce qui permet aux décisions précédentes de tenir une fois en ligne.
Le score mobile plus bas que le desktop n'est pas un défaut à cacher : il mesure le coût d'une galerie en haute qualité. Sur un site de salon, retirer les photos pour gagner des points serait supprimer l'argument principal.
Ouvrez le site sur un téléphone. Regardez dans quel ordre les choses arrivent, où se trouve le bouton de réservation, à quel moment les avis apparaissent. C'est là que les décisions décrites plus haut deviennent lisibles.
Site de démonstration : déployé sur GitHub Pages
La page dédiée aux salons de coiffure et instituts de beauté du Var 83.
→ Page coiffeur VarBasé près de Cogolin, je connais le marché local et accompagne les professionnels du cœur artisanal du Golfe.
→ Page CogolinVotre site de salon existe déjà mais est lent ou vieilli ? Je le refonds entièrement : nouveau design, nouvelles performances.
→ Voir la refonteAprès le lancement, je maintiens votre site rapide et sécurisé. À partir de 60 €/mois, sans engagement.
→ Voir la maintenanceLes autres projets de démonstration, pour les métiers du Var : restaurants, agences immobilières, artisans.
→ Voir le portfolioDevis gratuit sous 24h. Décrivez votre salon en quelques lignes : je vous propose une solution adaptée.
→ Demander mon devisLes chiffres ne remplissent pas un agenda.
Ils amènent ceux qui le
remplissent.
Découvrez l'offre complète sur la création de site pour coiffeur ou demandez directement votre devis gratuit.
Devis 100% gratuit · Sans engagement · Réponse sous 24h · Var 83
Étude de cas site internet coiffeur Var · Performance web salon coiffure Cogolin · SEO coiffeur Var 83 · Création site coiffeur Golfe de Saint-Tropez