ben optiquepar Benjamin Mongin
Tous les travaux

Site + back-office · 2026

Optique Padovani

Le site vitrine et la couche opérationnelle sur-mesure d'un opticien indépendant : rendez-vous, planning et relation client, en complément du logiciel métier.

Next.js 16React 19TypeScriptTailwind CSS v4SupabasePostgreSQLZodFramer MotionResendTelegramUmami AnalyticsVercel
Optique Padovani
19 000

fiches clients reprises de l'ancien logiciel

3

rendez-vous simultanés max — garanti par la base de données

24/7

prise de rendez-vous en ligne, sans compte

2

applications (site + back-office) sur une même base

Contexte

Optique Padovani est un opticien indépendant installé au cœur de Vitry-le-François (17 rue du Pont), une maison de quartier où le conseil et le temps passé avec chaque client font la différence. Comme beaucoup de commerces de proximité, la boutique cumulait des outils qui ne se parlaient pas : un logiciel métier pour la base clients, un service de prise de rendez-vous externe pour l'agenda, et un site internet vieillissant qui ne reflétait plus l'exigence de la boutique. Résultat : des informations dispersées, une présence en ligne datée et une organisation quotidienne qui reposait beaucoup sur la mémoire et le téléphone. L'objectif était double. D'abord, redonner à la boutique une vitrine en ligne à la hauteur de son positionnement — premium, claire, rassurante — capable d'attirer de nouveaux clients et de les amener naturellement vers la prise de rendez-vous. Ensuite, et c'est tout l'enjeu, doter l'équipe d'un véritable outil de pilotage interne : un back-office sur-mesure pour gérer les rendez-vous, le planning des opticiens, la salle d'examen, les prestations et la base clients, le tout regroupé au même endroit. Le projet s'appuie sur un socle technique déjà éprouvé en production sur un projet d'optique similaire, ce qui a sécurisé la fiabilité de l'ensemble et accéléré la mise en œuvre — sans rien céder sur la personnalisation au contexte mono-boutique de Padovani.

Problème

Le vrai défi n'était pas de « faire un site » : c'était de modéliser fidèlement le fonctionnement réel d'une boutique d'optique pour que l'outil colle au métier, pas l'inverse. - **Des contraintes physiques à respecter.** La boutique a deux plateaux de vente et une seule salle d'examen. Certaines prestations (examen de vue, adaptation de lentilles) immobilisent la salle ; d'autres (vente, retrait, SAV) non. Il fallait pouvoir accepter jusqu'à trois rendez-vous en même temps — un examen et deux accompagnements de vente — tout en garantissant qu'on ne réserve jamais deux examens simultanés sur une salle unique. Une simple grille d'agenda ne suffisait pas. - **Un calcul de disponibilités non trivial.** Les créneaux proposés en ligne devaient croiser, en temps réel, les horaires de la boutique, la disponibilité de chaque opticien (avec congés, absences et horaires exceptionnels), la durée propre à chaque prestation et l'occupation de la salle. Le tout sans jamais afficher un créneau qui se révélerait impossible à honorer. - **Une reprise de l'existant sans rien perdre.** Passer à un nouvel outil ne pouvait pas signifier repartir de zéro : la base clients du logiciel métier historique et les rendez-vous déjà pris devaient être récupérés pour que la boutique soit opérationnelle dès le premier jour. - **Une expérience irréprochable des deux côtés.** Côté client, une prise de rendez-vous fluide, sans création de compte, avec transmission sécurisée des documents sensibles (ordonnance, carte mutuelle). Côté équipe, un outil que des non-techniciens devaient pouvoir prendre en main sans formation lourde. - **Une identité forte à incarner.** La boutique ne voulait pas d'un site « catalogue » de plus. Il fallait un parti pris visuel affirmé, premium et cohérent, du site public jusqu'à l'interface d'administration.

Solution

La solution se compose de deux applications complémentaires qui partagent une même base de données — un site public et un back-office — pensées sur-mesure pour une boutique unique. **Un moteur de réservation qui pense comme la boutique.** Le cœur du projet est l'algorithme de calcul des créneaux. À chaque demande, il intersecte les horaires de la boutique, la disponibilité de l'opticien et la durée de la prestation pour ne proposer que des créneaux réellement honorables ; le client peut choisir son opticien ou laisser le système prendre le « premier disponible ». La salle d'examen est modélisée comme une ressource à capacité unique, protégée au niveau de la base de données par une contrainte d'exclusion qui rend physiquement impossible la double-réservation — la règle métier est garantie par la donnée, pas seulement par le code. En parallèle, un plafond de trois rendez-vous simultanés à l'échelle de la boutique — un examen et deux accompagnements de vente — reflète la réalité de la salle unique et des deux plateaux. Tout est géré en fuseau horaire de Paris, avec validation des entrées de bout en bout et limitation de débit pour protéger l'API publique. **Un parcours client sans friction.** La prise de rendez-vous en ligne se fait en quelques étapes, sans compte à créer. Chaque réservation déclenche un email de confirmation, des rappels, et une notification instantanée à l'équipe. L'annulation se fait en autonomie via un lien sécurisé par jeton signé, sans contact. Les documents sensibles (ordonnance, carte mutuelle) sont transmis via une page d'upload à jeton signé et à durée limitée — accessible aussi par QR code en boutique — avec contrôle du type réel des fichiers et purge automatique programmée (RGPD), et le site propose aussi des formulaires de commande et de renouvellement de lentilles, sans paiement en ligne. **Un véritable back-office métier.** Bien plus qu'un simple agenda, l'administration réunit : un tableau de bord de pilotage (rendez-vous du jour, créneaux à risque, dossiers à qualifier), une gestion complète des réservations avec historique des modifications et notes internes, un planning des opticiens en plusieurs vues (jour, semaine, mois) avec gestion des congés, absences et horaires personnalisés, une base clients avec fiches détaillées et historique, la configuration de la boutique, des prestations et des ressources, un centre de notifications, un journal d'activité qui trace chaque action, une liste de travail d'anomalies qui détecte automatiquement les incohérences de planning (doublons, rendez-vous hors horaires, ressource manquante), des vues du calendrier par pôle d'activité et par poste (salle d'examen, plateaux, livraison), des liens de réservation courts à partager par opticien ou par prestation, et même un espace de signalements interne relié à une alerte Telegram instantanée pour l'équipe. Des accès sécurisés et différenciés, avec une protection par code pour les zones sensibles, encadrent le tout. **Une mise en service en douceur.** La base clients historique a été reprise en totalité : 19 000 fiches nettoyées, dédoublonnées et normalisées (téléphones au format international, villes validées contre le référentiel officiel des communes — à plus de 98 % automatiquement), et les rendez-vous à venir réimportés avec leurs durées réelles. La boutique a démarré avec ses données, pas avec une coquille vide. **Un design qui assume un parti pris.** Le site public adopte une direction artistique premium et résolument éditoriale, jusqu'au choix marquant de ne pas s'appuyer sur la photographie de stock : la marque s'exprime par la typographie, la couleur et la composition. L'univers visuel se prolonge avec cohérence dans l'interface d'administration. Côté technique : Next.js 16 et React 19, TypeScript, Tailwind CSS v4, Supabase (authentification, PostgreSQL, stockage), validation Zod, et emails transactionnels via Resend.

Résultats

Optique Padovani dispose désormais d'une plateforme qui couvre son parcours digital et son organisation opérationnelle, de la première visite sur le site jusqu'au suivi du rendez-vous en boutique, en complément de ses outils de gestion spécialisés. - **Une présence en ligne remise à neuf** : un site vitrine premium et éditorial, optimisé pour le référencement (métadonnées, données structurées, sitemap), pensé pour convertir le visiteur en rendez-vous. - **La prise de rendez-vous internalisée** : la boutique maîtrise désormais son agenda et ses créneaux, sans dépendre d'un service tiers, avec une logique de disponibilités qui respecte fidèlement ses contraintes réelles (salle d'examen unique, trois rendez-vous simultanés maximum). - **Le quotidien regroupé en un seul endroit** : rendez-vous, planning des opticiens, base clients, prestations et signalements ne sont plus éparpillés entre plusieurs outils. Le back-office couvre plusieurs dizaines d'écrans métier, du tableau de bord au journal d'activité. - **Une continuité d'activité dès le lancement** : grâce à la reprise des 19 000 fiches clients et des rendez-vous existants, l'équipe a basculé sur le nouvel outil sans perdre son historique. - **Une base saine pour durer** : architecture éprouvée, sécurité soignée (accès différenciés, protection par code des zones sensibles, contraintes métier garanties au niveau de la base), garantie de correction des anomalies et maintenance assurée dans le temps. Le résultat : un opticien indépendant équipé comme une enseigne, avec un outil qui lui ressemble, qu'il maîtrise et qui complète son logiciel métier sans prétendre remplacer la caisse, les stocks ou le tiers payant.

Optique Padovani — 1
Optique Padovani — 2
Optique Padovani — 3

Projet suivant

Prise de RDV en ligne + back-office optiqueLes Lunettes de Laurette
Réserver un appel30 min · gratuit, sans engagement