Projet professionnel · Born To Web
Eukleo
Un rendez-vous à déplacer, un client à retrouver, une vente à encaisser. Eukleo réunit les outils des pros de la beauté. Je l’ai co-développé avec l’équipe Born To Web, du front au back.
Voir le site (nouvel onglet)- Mon rôle
- Co-développement full stack
- Format
- SaaS · Gestion & réservation
- État du projet
- En ligne
- Technologies
01Le projet
Toute une journée de salon à faire fonctionner.
Eukleo s’adresse aux coiffeurs, barbiers, instituts de beauté et spas. L’idée est de retrouver au même endroit les rendez-vous, les clients, les ventes et le suivi de l’activité. Un client réserve une prestation, le salon prépare sa venue, puis retrouve son historique au moment de l’accueillir.
Je l’ai co-développé avec Born To Web. J’ai participé à toutes les parties du produit, des interfaces aux traitements côté serveur. C’est un projet où mon rôle de développeur full stack rejoint aussi mon travail de co-DG : réfléchir à ce dont les professionnels ont besoin et le construire avec l’équipe.
Comment ça marche
- 01
Réserver
Choisir une prestation, une personne et un créneau.
- 02
Organiser
Retrouver les rendez-vous et préparer la journée.
- 03
Encaisser
Réunir les prestations et les produits vendus.
- 04
Suivre
Retrouver le client et suivre l’activité du salon.
Les outils du quotidien
Rendez-vous & planning
Agenda partagé, réservation en ligne, catalogue de prestations, disponibilités et rappels automatiques.
Clients & fidélité
Fiches clients, historique, préférences, points, parrainage et campagnes SMS ou e-mail.
Caisse & facturation
Encaissements, acomptes, tickets, devis, factures, avoirs et exports comptables.
Boutique & stocks
Produits, commandes, retrait en salon, livraison, mouvements de stock et bons cadeaux.
Équipe & établissements
Plannings, permissions, gestion de plusieurs salons et statistiques pour suivre leur activité.
Présence en ligne & automatisations
Site, blog, widget de réservation et place de marché. Le produit propose aussi un module d’assistance IA.
02Mon travail
J’ai touché à l’ensemble du produit.
Chez Born To Web, où je suis co-directeur général associé, j’ai participé au développement d’Eukleo dans son ensemble. Mon travail passe par les écrans Next.js, le back-end Django, les données et les connexions entre les modules. Nous l’avons construit en équipe.
Les interfaces avec Next.js
J’ai contribué aux écrans et aux parcours de l’application. Passer d’un agenda à une fiche client, chercher une prestation ou consulter une vente, ce sont de petits gestes que l’on répète toute la journée. Le front doit les rendre faciles à retrouver.
La logique et les données avec Django
J’ai aussi travaillé côté back-end, sur les traitements et les données qui font fonctionner ces écrans. Les rendez-vous, les prestations, les clients et les ventes se retrouvent dans plusieurs modules. Il faut donc penser à leurs liens en développant chaque fonction.
Faire communiquer les différentes parties
Mon travail porte aussi sur ce qui relie l’interface, le serveur et les services du produit. L’API et le widget permettent de prolonger les usages d’Eukleo sur d’autres sites, pendant que l’équipe du salon continue à travailler dans son espace de gestion.
Construire le produit avec l’équipe
J’ai aidé à concevoir et développer l’ensemble avec Born To Web. Je peux passer d’une question d’interface à un traitement métier ou à l’organisation d’une nouvelle fonctionnalité. C’est ce suivi du produit dans son ensemble qui me plaît dans ce projet.
03Sous le capot
Next.js devant, Django derrière.
Next.js sert à construire les interfaces et Django porte le back-end. Je travaille sur les deux. La partie intéressante, c’est ce qui se passe entre les écrans : un rendez-vous doit retrouver la bonne prestation, le bon collaborateur et le bon client.
De l’écran aux outils connectés
À explorerLe geste commence dans l’écran.
Le front présente le planning, les fiches et les formulaires. Il permet de consulter les informations et d’effectuer les actions du quotidien.
Next.jsLe back traite la demande.
Django prend en charge la logique côté serveur et les données utilisées par l’application. C’est l’autre partie de mon travail de développement.
Django / PythonRetrouver les informations depuis un autre outil.
L’API publique décrit des échanges REST en JSON pour le catalogue, les disponibilités, les rendez-vous et les clients. L’accès repose sur une clé liée à l’établissement.
REST / JSONDéclencher la suite au bon moment.
Des webhooks sont prévus pour les réservations, les annulations et les encaissements. Ils permettent de connecter ces événements aux automatisations d’un autre outil.
Réservation → webhook → outil connectéQuatre points d’entrée pour comprendre comment les parties du produit se relient.
Comment le code est organisé
- Next.js
- Interfaces et parcours web
- Django
- Logique métier et gestion des données
- API REST
- Échanges avec les outils partenaires
- Widget
- Réservation intégrée aux sites des salons
Le widget utilise le Shadow DOM pour isoler son affichage du site qui l’accueille. Un salon peut ainsi garder son site tout en y ajoutant la réservation Eukleo.
Quelques choix de développement
S’intégrer à un site qui existe déjà
Un professionnel peut déjà avoir son site et vouloir simplement y ajouter la prise de rendez-vous.
Le widget se charge dans une zone de la page. Son affichage est isolé avec le Shadow DOM pour limiter les conflits de styles avec le site du salon.
Ouvrir le produit aux autres outils
L’activité d’un salon peut aussi passer par un site sur mesure, un tableau de bord ou un outil externe.
L’API donne accès aux données de l’établissement et les webhooks signalent les événements utiles. Cela permet de créer des connexions autour du produit.
04En images
Le projet, à l’écran.
8 visuelsCliquer pour agrandir ↗
L’accueil du site public, puis les captures du salon de démonstration publiées sur Eukleo. Les chiffres affichés servent à la présentation du logiciel.
Le site public
La présentation d’Eukleo et les points d’entrée vers le produit.
La journée dans l’agenda
Les rendez-vous sont répartis par collaborateur, avec leurs horaires et leurs prestations.
Le fichier clients
Un point d’entrée pour retrouver les clients du salon et leurs informations.
L’encaissement
L’interface de caisse du salon de démonstration.
Suivre l’activité
Chiffre d’affaires, rendez-vous, panier moyen et occupation, avec des données de démonstration.
La boutique
La vente de produits fait aussi partie de l’espace de gestion.
Les stocks
Le suivi des produits et de leurs mouvements.
Le catalogue de prestations
Les services proposés par le salon, leurs durées et leurs tarifs.
05Bilan & équipe
Un projet professionnel que j’ai co-développé de bout en bout.
Eukleo est un produit Born To Web accessible en ligne. Mon travail réunit le front, le back et la réflexion sur les usages du logiciel. Le résultat est celui d’une équipe, avec une contribution personnelle qui traverse l’ensemble de l’application.
Ce qui est en place
- Une application de gestion avec Next.js et Django.
- Des parcours allant de la réservation au suivi de l’activité.
- Un widget et une API pour connecter le produit à d’autres sites et outils.
Où en est le projet
- Le site public présente les modules et les offres actuelles.
- L’accès au salon de démonstration se demande depuis le site Eukleo.
Sur Eukleo, une modification dans un écran peut concerner plusieurs autres parties du produit. Travailler sur le front et le back m’aide à suivre ces liens jusqu’au bout.
L’équipe
- Léo Queiros Da Silva
- Co-développement full stack · Co-DG associé chez Born To Web
- L’équipe Born To Web
- Conception, co-développement et édition d’Eukleo
Pour découvrir Eukleo
Envie de parler de ce projet ?
On en parleD’un univers à l’autre
