Projet conceptuel : entreprise fictive

Le prix d’abord, puis un fauteuil réservé par WhatsApp

Estudio Cirera est un studio de coiffure et de beauté fictif à Valence, en Espagne, inventé pour montrer notre façon de travailler. Sa page d’accueil en espagnol et en anglais répond à la question « combien ça coûte ? » et transforme la réponse en demande de rendez-vous envoyée par WhatsApp.

Métier
Salons de coiffure
Lieu
Valence, Espagne
Objectif principal
Demandes de rendez-vous par WhatsApp
Langues
ES / EN

Ouvre le site de démonstration. L’entreprise est fictive : les formulaires et les boutons ne contactent personne.

Le brief

Quatre stylistes et une question : combien ?

Estudio Cirera est un studio inventé du quartier de Ruzafa, à Valence : Marta, la fondatrice et coloriste, Nadia pour les cheveux bouclés et les mariées, Álex pour les coupes précises et Inés pour les ongles et le maquillage. Dans notre brief imaginaire, la plupart des nouveaux clients les trouvent sur Google Maps, puis envoient un WhatsApp pour demander combien coûte un balayage, avec qui prendre rendez-vous et quand il y a un créneau libre. Répondre prend du temps au fauteuil, et les clients venus pour une couleur disparaissent souvent en entendant « ça dépend ». Le site devait répondre à ces trois questions directement sur la page, en espagnol et en anglais, et transformer les réponses en demande de rendez-vous claire, sans que le salon achète un nouveau logiciel de réservation.

À qui s’adresse la page

Des personnes à Valence qui cherchent une coloriste, une coupe pour cheveux bouclés ou une coiffure de mariée, surtout sur téléphone après avoir trouvé le salon sur Google Maps. Certaines viennent de s’installer ou sont de passage, et lisent plus facilement l’anglais que l’espagnol.

Anatomie de la page

Anatomie d’une page d’accueil de salon qui remplit l’agenda

Cette démo est la page d’accueil d’un site plus complet, en espagnol et en anglais. La voici, du haut de l’écran d’un téléphone vers le bas.

Estudio Cirera — Projet conceptuel : entreprise fictive
  1. Titre, photo avec prix et prochain créneau libre

    « Des cheveux qui bougent avec vous. » s’affiche à côté d’une photo légendée avec la prestation, la styliste, la durée et le prix : balayage miel et coupe dégradée, Marta, 4 h, 190 €. Sous les deux boutons, une ligne en direct indique si le studio est ouvert, à l’heure de Valence, et une carte affiche la prochaine coupe disponible, par exemple « Aujourd’hui à 9 h 30 avec Nadia ». Un toucher dessus ouvre la réservation à la dernière étape, avec la prestation, la styliste, le jour et l’heure déjà choisis.

  2. Quatre promesses, puis toute la carte

    Un bandeau sombre avec quatre promesses : un prix fixé avant de commencer, un test d’allergie gratuit 48 heures avant une première couleur, dix jours pour revenir faire une retouche gratuite, et des options vegan. Puis la carte des prestations : 25 prestations en 6 groupes, chacune avec son prix, sa durée et son propre lien « Réserver ». Sur téléphone, les groupes sont des onglets ; sur ordinateur, ils s’affichent côte à côte sur trois colonnes.

  3. Le nuancier

    Choisissez votre couleur actuelle (4 options) et l’une des 6 nuances, du chocolat au blond perle. Le résultat indique la prestation qu’il vous faut, le temps au fauteuil, le nombre de séances, un prix « à partir de », l’entretien et qui s’en occupe. « Réserver cette couleur » reporte ce choix dans la réservation, et une consultation gratuite est à un bouton de là.

  4. Avant-après, puis les mariées

    Deux photos à comparer en faisant glisser un curseur, chacune légendée avec la prestation, la styliste, la durée et le prix. Suit une section mariage avec quatre prix, d’un essai à 75 € à une formule à 320 € avec coiffure et maquillage.

  5. Les fiches des stylistes

    Quatre personnes, chacune avec une photo, une courte présentation, sa spécialité et un lien « Réserver avec… » qui la sélectionne dans la réservation. Sur téléphone, les fiches forment une rangée qu’on fait défiler du doigt.

  6. La réservation en cinq étapes

    Prestation, styliste, jour, heure, puis nom et numéro de portable. Un ticket à côté additionne le choix, la durée et le prix, et précise que les modifications sont gratuites jusqu’à 24 heures avant. La dernière étape rédige un message WhatsApp pour le studio et vous en montre un aperçu.

  7. Avis d’exemple, bons cadeaux, accès et FAQ

    Trois avis clairement signalés comme contenu d’exemple, un créateur de bons cadeaux avec un aperçu en direct de la carte, l’adresse et les horaires avec le jour actuel en évidence, huit réponses courtes, et un dernier « On vous garde un fauteuil ? » avec les boutons de réservation et WhatsApp.

Ce qui apporte appels et réservations

Cinq choix qui transforment les visites en rendez-vous

Tous les prix sont sur la page

Les 25 prestations affichent un prix et une durée. Les prix des couleurs sont indiqués « à partir de », et une note explique que les cheveux très longs ou très épais coûtent 10 à 20 € de plus, un supplément fixé avant de commencer. Même les photos du haut et de l’avant-après portent un prix. Personne n’a besoin d’envoyer un message juste pour connaître un tarif.

Un nuancier plutôt qu’un « ça dépend »

La couleur est ce qui fait le plus hésiter, parce qu’on ne peut pas deviner le prix. Deux touchers transforment « châtain clair, envie de miel » en balayage peint à la main : 3 h 30 min, 1 séance, à partir de 145 € et un gloss toutes les 10 à 12 semaines. C’est toujours présenté comme un prix indicatif, fixé lors d’une consultation gratuite.

Chaque lien « Réserver » remplit la réservation

Les lignes de la carte choisissent la prestation, les fiches choisissent la styliste, le résultat du nuancier choisit les deux, et la carte du prochain créneau choisit la prestation, la styliste, le jour et l’heure. Les visiteurs arrivent à la bonne étape au lieu de tout recommencer.

La réservation finit sur WhatsApp, pas dans un formulaire

Dans notre brief imaginaire, le salon prend déjà ses rendez-vous par WhatsApp. Le parcours recueille donc la prestation, la styliste, le jour et l’heure, puis rédige le message à la place du client. Le salon reçoit des demandes nettes et complètes, sans nouveau logiciel. Dans la démo, vous ne voyez qu’un aperçu : rien n’est envoyé.

Sur téléphone, un toucher suffit pour avancer

Choisir une prestation, une styliste, un jour ou une heure fait passer directement à l’étape suivante, et l’étape styliste est sautée quand une seule personne fait cette prestation. La barre du bas (Appeler, WhatsApp, Réserver) s’efface pendant la saisie ou la réservation, pour ne jamais masquer les boutons.

Scores mesurés

  • 91Performance
  • 100Accessibilité
  • 100Bonnes pratiques

Google Lighthouse, mobile, 4G simulée, mesuré le 19 septembre 2026. Le SEO n’est pas noté : les démos conceptuelles sont volontairement cachées à Google (noindex), ce que Lighthouse pénalise. Faites le test vous-même sur la démo en ligne.

Notes techniques

  • HTML, CSS et JavaScript écrits à la main, sans framework : 86 Ko de CSS et de JavaScript avant compression, 22 Ko en gzip. Aucun suivi, aucun cookie, et rien de ce qui est saisi dans les formulaires ne quitte le navigateur.
  • Photos en AVIF avec des versions WebP et JPEG de secours, en deux ou trois tailles chacune. Seule la photo du haut se charge tout de suite ; les autres se chargent au fil du défilement. Toutes les photos sont générées par IA.
  • Cormorant, une police à empattements élégante, pour les titres et les prix, et Archivo pour le texte. Les deux sont hébergées sur le site (trois fichiers, environ 160 Ko), sans aucun appel à Google Fonts.
  • Vert cyprès et pêche doux, avec en couleur d’accent l’orange de la fleur d’oranger, l’azahar de Valence. L’orange n’est utilisé que sur le vert foncé, où son rapport de contraste est de 6,2:1.
  • Accessibilité : les onglets de la carte et les curseurs avant-après fonctionnent au clavier, les erreurs de formulaire s’affichent en mots simples à côté de chaque champ, les boutons principaux mesurent 52 px de haut, et les animations se coupent pour les personnes qui activent la réduction des mouvements.
  • Formule Local Plus (jusqu’à 12 pages en 2 langues) : cette démo ne montre que la page d’accueil, en espagnol et en anglais. Local Plus comprend la réservation en ligne, en général en reliant l’application de réservation que le salon utilise déjà ; le nuancier, le parcours de réservation par WhatsApp et le créateur de bons cadeaux sont des options sur mesure, en supplément.
Palette
Polices
Cormorant + Archivo

La formule correspondante

Local Plus

Ce concept correspond au type de site que vous obtenez avec Local Plus : 2 490 £ pour la création, puis à partir de 39 £/mois pour l’entretien. Les options interactives, comme les calculateurs et les estimateurs, font l’objet d’un devis à part.

Page métier : Salons de coiffure →

Aperçu gratuit

Un site comme celui-ci pour votre salon ou barbershop ?

Parlez-nous de votre salon et nous concevrons d’abord votre page d’accueil, gratuitement et sans carte bancaire. Vous ne payez que si vous décidez de continuer.

  • Sans carte bancaire
  • Domaine à votre nom
  • Entretien résiliable à tout moment après 3 mois