Réalisations  /  Kibi Label

Logo de Kibi Label

Un institut de beauté qui se gère tout seul.

Un site qui prend des rendez-vous pendant que l'esthéticienne est en cabine, et que la cliente met à jour elle-même, sans jamais toucher au code.

Nature
Site vitrine avec espace d'administration
Secteur
Soins esthétiques — Chicoutimi
Prise de rendez-vous
En ligne, 24 h sur 24
Mon rôle
Seul, du design au déploiement
En ligne
kibilabel.ca

Le contexte

Kibi Label est un institut de beauté et de soins esthétiques établi à Chicoutimi. Comme la plupart des entreprises de service à une seule personne, le temps y est la ressource rare : chaque appel pris pendant un soin est une interruption, et chaque appel manqué est un rendez-vous perdu.

Le site devait faire trois choses : présenter clairement les prestations, mettre en valeur le travail réalisé, et convertir les visiteurs en rendez-vous confirmés sans passer par le téléphone.

Le vrai enjeu

Le piège classique du site vitrine pour un petit commerce, c'est qu'il est figé le jour de la livraison. Les prix changent, un soin s'ajoute, une photo devient meilleure — et il faut rappeler le développeur, attendre, payer. Six mois plus tard, le site affiche des tarifs faux et personne n'ose y toucher.

Ma contrainte de départ était donc claire : la cliente devait pouvoir tout modifier elle-même, sans risque de casser quoi que ce soit, et sans moi.

La solution

J'ai construit un site statique, sans framework, alimenté par un système de gestion de contenu découplé. Le contenu vit dans un espace d'administration à part ; le site va le chercher au chargement. La cliente écrit ses textes, téléverse ses photos, ajoute un soin ou modifie un tarif dans une interface simple, et le site reflète le changement.

La réservation passe par un widget de prise de rendez-vous, précédé d'une fenêtre d'acceptation de la politique de rendez-vous que j'ai entièrement recodée pour qu'elle soit lisible sur téléphone. Le formulaire de contact fonctionne sans serveur.

Les choix techniques, et pourquoi

Aucun framework. HTML sémantique, CSS moderne (variables, Flexbox, Grid) et JavaScript natif. Pour un site de cette taille, React ou Vue auraient ajouté du poids à télécharger et une couche entre Google et le contenu, sans rien apporter. La performance et le référencement passaient devant le confort de développement.

Un CMS découplé (Sanity). J'ai écrit des schémas de contenu sur mesure, calqués sur le vocabulaire du métier — des soins, des catégories, des tarifs — et non sur une structure technique. C'est ce qui rend l'interface d'administration compréhensible sans formation.

Navigation sans rechargement là où ça compte. Sur la page des services et sur le guide des soins, le passage de la liste au détail se fait via l'API History du navigateur : la page ne recharge pas, mais chaque soin garde sa propre adresse, partageable et indexable.

Images servies par CDN, chargement différé, attention au LCP. Sur un site de photos, c'est là que se joue la vitesse perçue.

Déploiement continu. Un envoi sur GitHub met le site à jour automatiquement. Les DNS sont gérés au même endroit, ce qui réduit le nombre de comptes que la cliente doit garder.

Les fonctionnalités clés

  • Prise de rendez-vous en ligne, disponible en tout temps, avec acceptation préalable de la politique de rendez-vous.
  • Catalogue de soins avec catégories, descriptions et tarifs, entièrement modifiable par la cliente.
  • Le guide des soins : un module éditorial associant photos et explications, pensé pour répondre aux questions avant le premier rendez-vous.
  • Mode sombre et mode clair, mémorisés d'une visite à l'autre.
  • Formulaire de contact sans infrastructure à maintenir.
  • Référencement local : vérification dans Google Search Console, plan de site, balises et vocabulaire orientés Chicoutimi et Saguenay.

Ce que j'en retiens

Le travail le plus utile n'a pas été technique. Il a consisté à modéliser le contenu comme la cliente le pense — ses soins, ses catégories, son vocabulaire — plutôt que comme une base de données le rangerait. Un schéma mal nommé produit une interface d'administration où personne n'ose entrer.

Deuxième leçon : le choix de ne pas prendre de framework demande plus de discipline, pas moins. Sans structure imposée, c'est à moi de la tenir.

Le résultat

Le site est en production. La cliente gère son contenu et ses tarifs sans intervention de ma part, les rendez-vous se prennent en ligne à toute heure, et chaque mise à jour du code part en ligne automatiquement.

C'est exactement le modèle que je propose aux entreprises de service de la région dans le forfait Le Socle.

Un premier rendez-vous, ça ne coûte rien.

Trente minutes, sans engagement, chez vous ou en visioconférence. Réponse sous 24 heures, sept jours sur sept.

Prendre rendez-vous