Avant lancement Coiffure et beauté / Site et réservation
Eli Did That
Un site de coiffure complet avec rendez-vous en ligne, comptes clients et gestion des réservations.
Ouvrir le site
01 / Le besoin
Offrir à une coiffeuse de Laval une présence en ligne complète et un espace central pour gérer les rendez-vous, avec un accès aux réservations pour ses clients.
02 / L’approche
Nous avons créé un parcours de rendez-vous complet : choisir une date, un service et une heure disponible, puis envoyer une demande comme invité. Les clients qui ont un compte peuvent se connecter pour accéder à leurs rendez-vous; les invités disposent d’un accès distinct. Côté entreprise, la propriétaire accepte et gère les rendez-vous dans son propre tableau de bord développé avec Payload CMS.
Ce que cet exemple démontre
- Sélection de la date, du service et des heures disponibles
- Demandes de rendez-vous sans compte, comme invité
- Accès client et recherche distincte des réservations invitées
- Tableau de bord propriétaire pour accepter et gérer les rendez-vous
- Payload CMS avec PostgreSQL hébergé sur Supabase
- Notifications par courriel et SMS avec Resend et Twilio
- Une base pour ajouter du personnel à l’avenir
La démarche de design
La simplicité au service du rendez-vous.
Le point de départ était une priorité claire : aider les visiteurs à réserver un rendez-vous. Nous avons construit le site autour de trois essentiels — la réservation, les services et la galerie — avec une présentation directe qui donne un rôle précis à chacun.
Une identité distinctive, en noir et blanc.
Nous avons choisi deux tons, le noir et le blanc, pour donner au site une identité visuelle claire et mettre les services et les photos de coiffure en valeur. L’interface de réservation reprend ce même langage visuel : découvrir la marque et choisir un rendez-vous font ainsi partie d’une seule expérience cohérente.
La cliente n’avait pas encore de logo. Nous avons utilisé la police choisie comme signature typographique temporaire dans la navigation, avec un lien direct vers sa page Instagram. En arrière-plan de la section d’accueil, une vidéo apporte du mouvement et une première impression invitante à cette présentation épurée, avec l’intention de communiquer du professionnalisme dès l’arrivée.
Une galerie familière. Une expérience pensée pour le mobile.
Au bas de la page, la galerie reprend les codes visuels d’Instagram. Elle présente le travail de la coiffeuse dans un format familier, centré sur les images, et complète le parcours essentiel : découvrir les services, voir les réalisations et réserver. Cette simplicité est volontaire; chaque section soutient cet objectif.
Le mobile était une priorité de conception, puisque nous nous attendions à ce que la majorité des visiteurs utilisent leur téléphone. Nous avons conservé l’identité en noir et blanc, la hiérarchie claire et la priorité donnée à la réservation sur petit écran. Les clients réguliers disposent aussi de leur propre interface pour retrouver et gérer leurs rendez-vous, reliant le design public à un service pratique au quotidien.
L’expérience de rendez-vous
De la première visite au rendez-vous géré.
Un site qui relie le parcours de réservation des clients à la gestion quotidienne des rendez-vous de la propriétaire.
- 01
Choisir une date
- 02
Choisir le service et l’heure
- 03
Envoyer une demande invitée
- 04
Révision et acceptation
01
Un parcours de réservation guidé.
Le bouton de réservation de la section d’accueil mène directement à la première étape. Chaque sélection effectuée fait ensuite défiler la page vers l’étape pertinente suivante pour guider l’attention dans le parcours. Choisir une journée, un service avec son prix et sa durée, puis une heure disponible : le service et l’heure sont repris dans la demande de rendez-vous. L’objectif est une progression claire, où l’action suivante apparaît au fil des choix.
02
Réserver comme invité, simplement.
Les clients peuvent demander un rendez-vous sans créer de compte. L’étape des coordonnées reprend le service, la date, l’heure et le prix, puis demande le nom, le courriel, le numéro mobile et une note facultative. Les notifications SMS ont leur propre consentement. La propriétaire reçoit ensuite la demande pour l’accepter.
03
Deux chemins clairs pour retrouver un rendez-vous.
La page d’accès distingue les comptes existants des réservations invitées. Les clients se connectent pour consulter et gérer les rendez-vous liés à leur profil. Les invités retrouvent leur réservation grâce à l’identifiant du rendez-vous et au code d’accès privé de leur confirmation.
04
Un accès invité après la demande.
Le parcours invité continue après la demande. Une page dédiée demande l’identifiant du rendez-vous et le code d’accès privé pour retrouver un rendez-vous sans créer de compte.
Pensé pour son entreprise et pour une équipe qui grandit.
Nous avons développé le tableau de bord de la propriétaire avec Payload CMS pour lui permettre d’accepter et de gérer les rendez-vous, de gérer le personnel, de définir les heures d’ouverture et de configurer les exceptions de disponibilité. Le système a été conçu pour évoluer et être personnalisé, afin de donner à la propriétaire le contrôle sur le fonctionnement de son entreprise. Si elle ajoute du personnel à l’avenir, chaque membre de l’équipe disposera de son propre accès, distinct du panneau d’administration, pour gérer les rendez-vous. La réservation publique, l’accès client et les outils de gestion forment une base connectée qui peut évoluer avec son équipe.
- Accepter et gérer les demandes de rendez-vous
- Gérer le personnel et les heures d’ouverture
- Configurer les exceptions de disponibilité
- Adapter le fonctionnement à l’évolution de l’entreprise
- Prévoir, pour chaque futur membre du personnel, un accès à la gestion des rendez-vous séparé du panneau d’administration
Le système derrière l’expérience.
- Payload CMS
- Contenu et tableau de bord des rendez-vous
- PostgreSQL · Supabase
- Base de données de l’application
- Resend
- Notifications par courriel
- Twilio
- Notifications SMS
Projet réalisé par Pardusrex, avant lancement. Les maquettes de présentation sont basées sur l’aperçu du projet; le site n’a pas encore été lancé officiellement. L’ajout de personnel est une possibilité prévue pour l’avenir.
Découvrir le service : Développement web
Parlons de votre projet
Donnons vie à votre projet.
Présentez votre entreprise, vos besoins et votre échéancier. Nous examinerons votre demande pour discuter d’un mandat précis.
quote@pardusrex.com