# Site de clinique dentaire avec vraie prise de rendez-vous

Larchmere Dental — un site de clinique familiale avec réservation en quatre étapes, statut ouvert/fermé en direct, estimateur de part assurance et export calendrier, en environ 11,7 Ko de code compressé.

> healthcare · 2026-09-29T15:04:57.660Z

Project overview

Larchmere Dental est une clinique familiale fictive que nous avons conçue comme vitrine pour les cabinets de santé. L’objectif : répondre aux trois questions qui font sonner le téléphone — êtes-vous ouverts, combien ça coûte, puis-je avoir un rendez-vous cette semaine — sans appel. Le site y répond sur une seule page, calme et lisible.

[Ouvrir la démo Larchmere Dental en ligne](/demos/maple-dental/index.html)

Client context

  - Industry: Santé / dentaire

  - Client size / environment: Clinique à un emplacement — build vitrine, marque fictive

  - Primary stakeholders: Accueil, dentistes, patients qui réservent sur mobile

Challenge

Les sites de clinique sont souvent des gabarits génériques ou des modules de réservation lourds qui ne ressemblent pas au cabinet. Nous voulions un site qui ressemble à une vraie clinique de quartier, utilisable d’une main sur mobile, avec une vraie réservation validée — sans script tiers.

Scope delivered

  - Réservation en quatre étapes : type de visite, jour et heure, coordonnées validées, confirmation avec fichier calendrier (.ics)

  - Badge « ouvert / ouvre à » calculé à partir des horaires, jour courant mis en évidence

  - Estimateur de part assurance — soin et pourcentage couvert, part du patient affichée

  - Services filtrables (famille, esthétique, urgence), étapes de première visite, équipe et FAQ

  - Grille tarifaire transparente, accessibilité et carte SVG intégrée (aucune API de carte, aucun traçage)

  - Polices auto-hébergées, compatible avec une politique CSP stricte

Before / after

  - Avant: Un gabarit de clinique classique : un numéro, une photo générique et un formulaire qui arrive dans une boîte courriel.

  - Après: Le patient voit si la clinique est ouverte, le coût d’une visite, sa part après assurance, et réserve un vrai créneau — puis l’ajoute à son calendrier. Environ 11,7 Ko de HTML, CSS et JavaScript compressés.

Mobile — mise en page 390 px et menu ouvert
Bureau — statut d’ouverture en direct et appel à l’action clair

Visual proof placeholders

  - 13 tests navigateur automatisés — étapes de réservation, validation, créneaux, export calendrier, filtres, estimateur, menu mobile

  - Aucun débordement horizontal à 390 px ; zéro erreur JavaScript

  - Fonctionne sous la même CSP stricte que ce site

Delivery timeline

  - Phase 1 : Structure de contenu, typographie et photos autour des vraies questions des patients

  - Phase 2 : Réservation, logique d’horaires, estimateur et filtres

  - Phase 3 : Mobile, accessibilité, tests automatisés et captures

Outcome

Un site de clinique qui évite les appels les plus fréquents et offre une réservation pensée pour le cabinet. L’étape de réservation est prête à être reliée à un logiciel de gestion ou à une API sécurisée.

Technology stack

HTML5, CSS Grid/Flexbox, JavaScript natif, polices auto-hébergées, images WebP, tests navigateur automatisés Playwright.

Visual evidence

Réservation — type de visite, jour et heure, coordonnées, confirmation
Tarifs — grille claire et estimateur de part assurance
Services — filtre famille, esthétique ou urgence
Première visite — cinq étapes claires
FAQ — les vraies questions des patients anxieux
Nous trouver — carte SVG, adresse et horaires du jour

---
Source page: https://amensecurity.ca/fr/projects/dental-clinic-website-online-booking
Markdown version for AI agents · Amen Security
Email: info@amensecurity.ca
Phone: +1 (204) 514-3536