Présentation du projet
Site principal, tunnel de réservation et dashboard
L'AS BARBER avait besoin d'un système fiable, élégant et simple à prendre en main, autant pour les clients que pour l'équipe en salon.
L'objectif n'était pas seulement de créer un site vitrine, mais de construire une vraie interface métier : réservation fluide, gestion des rendez-vous, blocage des créneaux, suivi client, boutique, congés, indisponibilités et acompte sécurisé.
Le besoin
Le salon voulait une solution capable de réserver jusqu'à trois mois à l'avance, d'afficher uniquement les créneaux réellement disponibles et de prendre en compte la durée exacte des prestations, y compris les combinaisons.
Ce que le système devait permettre
Réserver loin dans le temps
Permettre aux clients de réserver jusqu'à trois mois à l'avance sans casser la lisibilité du calendrier.
Afficher le vrai disponible
N'afficher que les créneaux réellement ouverts, en intégrant les durées exactes des prestations et des combinaisons.
Gérer les indisponibilités
Prendre en compte les pauses, congés, fermetures et blocages récurrents sans intervention manuelle lourde.
Conserver une base durable
Garder les données après les déploiements Cloudflare et offrir un dashboard indépendant des outils externes.
Le projet devait donc couvrir à la fois l'expérience client et l'expérience salon, sans perdre la sensation d'un outil fluide, robuste et premium.
Ma réponse
Deux expériences complémentaires
J'ai conçu un système sur mesure articulé autour de deux expériences complémentaires : un site principal pour présenter le salon, ses prestations, sa boutique et ses informations essentielles, puis une expérience de réservation dédiée, hébergée sur un sous-domaine séparé, entièrement optimisée pour guider le client étape par étape jusqu'au paiement de l'acompte.
Site principal
Présenter le salon, les prestations, la boutique et les informations essentielles dans une interface claire.
Réservation dédiée
Guider le client étape par étape jusqu'au paiement de l'acompte, sans friction inutile.
Dashboard d'administration
Gérer le planning, les clients, les fermetures, les congés et les rendez-vous depuis une interface claire et durable.
Objectif global
Donner au salon un outil complet, sans dépendre d'un service externe pour piloter le quotidien.
Ce qui a été conçu
Réservation, dashboard et boutique
Le projet se structure autour de trois blocs qui se répondent : la réservation, l'administration et la vente complémentaire de produits.
Le résultat est un système de réservation et de gestion complet, pensé pour les besoins réels d'un barber shop moderne : plus autonome pour l'équipe, plus clair pour les clients et plus fiable côté planning.
Enjeux techniques
Fiabilité des données et continuité du service
L'un des points les plus importants du projet concernait la fiabilité des données. Le système repose sur Cloudflare Pages, Functions, D1 et KV, avec une logique de réservation conçue pour éviter les conflits de créneaux, prendre en compte les durées réelles et conserver les rendez-vous après déploiement.
Héberger le site et les interfaces sans dépendre d'une infrastructure lourde.
Orchestrer les réservations, les paiements et les mises à jour métier.
Conserver les rendez-vous, les clients et les produits dans une base persistante.
Garder un état temporaire cohérent pour les réservations et les vérifications rapides.
Confirmer les acomptes et les paiements produits de façon claire et sécurisée.
Points de vigilance
Éviter les conflits
Le système a été pensé pour empêcher la double réservation et bloquer proprement les créneaux occupés.
Rendre le paiement lisible
L'acompte Stripe devait être normalisé, expliqué et intégré au parcours, pas apparaître comme une surprise.
Automatiser l'usage quotidien
La gestion des congés, des pauses et des créneaux bloqués devait rester simple pour l'équipe en salon.
Préserver les données
La persistance après déploiement était un sujet central pour éviter de perdre l'historique et les rendez-vous.
Direction UX
Une interface plus lisible, plus rassurante et plus naturelle
Le travail ne s'est pas limité à la technique. Une grande partie du projet a consisté à rendre l'expérience plus lisible, plus rassurante et plus naturelle, en particulier sur mobile.
Tunnel plus simple
Découper les choix pour alléger la charge mentale et laisser chaque étape valider une seule décision.
CTA plus évidents
Mettre les actions utiles au bon endroit, sans multiplier les distractions ni les détours.
Lecture des créneaux
Rendre les disponibilités compréhensibles d'un seul coup d'œil.
Écrans adaptés
Prévoir une adaptation fine aux petits écrans, à l'iPad et au desktop.
Usage salon
Penser aussi l'interface admin comme un outil quotidien rapide et sans friction.
Relation marque
Conserver une identité premium sans rendre l'outil intimidant.
Résultat
Une plateforme durable pour un barber shop moderne
Le résultat est un système plus autonome pour l'équipe, plus clair pour les clients, plus fiable pour le planning et plus durable côté infrastructure.
Ce projet illustre bien ma manière de travailler : relier design, logique métier et développement pour produire des outils à la fois beaux, utiles et solides.
Les captures ci-dessous montrent l'expérience réelle de réservation en production, afin de mettre le parcours concret au centre de la démonstration.
