Avant
Un gabarit de clinique classique : un numéro, une photo générique et un formulaire qui arrive dans une boîte courriel.
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é.
Démo en ligne
Testez la version fonctionnelle : formulaires, filtres et calculs tournent dans votre navigateur.
Guide : Site web de clinique dentaire : contenu essentiel et prise de rendez-vous en ligne
Secteur
Santé
Services
Développement web et logiciel
Statut
Réalisation vitrine · démo en ligne
Aperçu du projet
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.
Contexte
- Industry: Santé / dentaire
- Client size / environment: Clinique à un emplacement — build vitrine, marque fictive
- Primary stakeholders: Accueil, dentistes, patients qui réservent sur mobile
Défi
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.
Livrables
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
Avant / après
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.
Preuves visuelles
Échéancier
Phase 1
Phase 1 : Structure de contenu, typographie et photos autour des vraies questions des patients
Phase 2
Phase 2 : Réservation, logique d’horaires, estimateur et filtres
Phase 3
Phase 3 : Mobile, accessibilité, tests automatisés et captures
Résultat
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.
Technologies
HTML5, CSS Grid/Flexbox, JavaScript natif, polices auto-hébergées, images WebP, tests navigateur automatisés Playwright.