Éclat Beauty

Une vitrine élégante qui montre le travail du salon, et une réservation simple qui ne propose que des créneaux réels.

Rôle: Design, développement, espace d'administration
Contexte: Salon d'onglerie à Cergy
Plateforme: Web, pensé mobile
Outils: HTML, CSS, JavaScript, Supabase
Année: 2026
Statut: En ligne

Le pointde départ

La gérante prenait ses rendez-vous à la main, par messages. Il lui fallait une vitrine à la hauteur de son travail, et un moyen de réserver sans allers-retours.

Pour qui

Les clientes, qui veulent voir des réalisations, connaître les prix et réserver depuis leur téléphone. Et la gérante, qui doit pouvoir tout mettre à jour seule.

Contraintes

Gérante non technicienne
Créneaux précis dans la semaine
Paiement sur place uniquement

User stories

Trois besoins concrets, et la réponse que le produit y apporte.

En tant que cliente, je veux voir les réalisations et les prix avant de réserver, afin de choisir ma prestation en confiance.

Réponse du produitUne galerie classée par style et des tarifs clairs.
En tant que cliente sur téléphone, je veux réserver uniquement un créneau réellement libre, afin d'éviter les allers-retours par message.

Réponse du produitSeuls les créneaux réels sont proposés ; ceux déjà pris sont barrés.
En tant que gérante du salon, je veux mettre à jour mon agenda et mes promotions seule, afin de rester autonome sans faire appel à un développeur.

Réponse du produitUn espace d'administration protégé, synchronisé en temps réel.

Étape 01
Cadrer avec la gérante

Inventaire des prestations et des tarifs, créneaux réels, catégories de la galerie (French, Babyboomer, Nude, Couleurs, Nail art…), ton de la marque.
- Entretien client
- Inventaire de contenus
Décision clé
Une première version limitée aux ongles. Mieux vaut un périmètre clair et bien fait que tout promettre.
Étape 02
Trouver le ton

Blanc, noir et or. Cormorant Garamond et Jost. Des arches qui rappellent un miroir de salon. Une idée directrice, jamais affichée : briller.
- Moodboard
- Direction artistique
- Typographie
Étape 03
Concevoir une réservation sans friction

Le formulaire ne propose que des créneaux réels, ceux déjà pris sont barrés. La demande part en un clic par WhatsApp ou par e-mail, avec une photo d'inspiration en option.
- Parcours de réservation
- Calendrier
- Upload
Décision clé
Les paiements se font sur place : j'ai retiré tout ce qui parlait d'acompte en ligne pour ne pas créer de doute.
Étape 04
Rendre la gérante autonome

Un espace d'administration protégé : agenda, disponibilités, tarifs, promos, avis, coordonnées. Chaque rendez-vous bloque le créneau côté clientes, en temps réel grâce à Supabase, avec export vers Google Agenda ou le calendrier du téléphone.
- Back-office
- Supabase temps réel
- Export .ics
Étape 05
Vérifier sur téléphone

Responsive, bouton WhatsApp flottant, respect des réglages d'animation réduite. Le site reste un seul fichier statique, facile à héberger.
- Tests mobile
- Accessibilité