Aller au contenu
S.

Design et développement

mai. 2026

Pearl Dental Care

Pearl Dental Care

Pearl Dental Care est une expérience clinique dentaire patient que j’ai construite full stack : marketing (services dynamiques, blog, About, Contact, legal), parcours authentifiés, rendez-vous et capture de leads — formulaires Patient Welcome et Care Contact — reliés à une API REST Fastify.

Frontend Next.js App Router, TypeScript, SCSS modules et Motion : récit clinique calme, blocs de confiance, carrousel de spécialistes, chemins clairs vers inscription ou rendez-vous. API Prisma/PostgreSQL, Zod, bcrypt, logs leads, endpoints rendez-vous et health route — Docker et déploiement séparé.

La production fait partie de la preuve : CORS, normalisation base URL HTTPS et cookies de session partitionnés pour que frontend et API Railway fonctionnent entre domaines — pas une maquette statique, mais un produit clinique déployable.

Voir le siteVoir le dépôt
  • Hero — titre optimiste « Get ready for your best ever Dental Experience! » au first fold ; layout aéré, photo du praticien, UI sobre pour la confiance d’emblée.

    Hero — titre optimiste « Get ready for your best ever Dental Experience! » au first fold ; layout aéré, photo du praticien, UI sobre pour la confiance d’emblée.

  • Patient welcome — bloc « We're welcoming new patients… » avec formulaire phone-first et signaux de confiance ; leads marketing vers l’API Pearl.

    Patient welcome — bloc « We're welcoming new patients… » avec formulaire phone-first et signaux de confiance ; leads marketing vers l’API Pearl.

  • Why choose Smile — split hero avec photo clinique, copy rassurant, rangée d’atouts avec shields, CTA Book an appointment ancré.

    Why choose Smile — split hero avec photo clinique, copy rassurant, rangée d’atouts avec shields, CTA Book an appointment ancré.

  • Welcome video section — titre « We're Welcoming new patients… », blurb Press-play centré ; rythme calme et aperçus culture — empathie pour les inquiétudes courantes. (Capture de section, pas de fichier vidéo.)

    Welcome video section — titre « We're Welcoming new patients… », blurb Press-play centré ; rythme calme et aperçus culture — empathie pour les inquiétudes courantes. (Capture de section, pas de fichier vidéo.)

  • Meet our specialists — carrousel de snapshots cliniciens, portraits chaleureux, blurbs de credentials et reassurance accessible.

    Meet our specialists — carrousel de snapshots cliniciens, portraits chaleureux, blurbs de credentials et reassurance accessible.

  • Game changer — fold « Dental Website that's gonna shake the game rules up » ; copy lumineux suscite la curiosité — Learn More vers About.

    Game changer — fold « Dental Website that's gonna shake the game rules up » ; copy lumineux suscite la curiosité — Learn More vers About.

  • Register — formulaire Create an account avec validation inline ; signup vers Pearl API — session scellée par cookies JWT httpOnly.

    Register — formulaire Create an account avec validation inline ; signup vers Pearl API — session scellée par cookies JWT httpOnly.

  • Contact — Get in touch centré sur l’urgence de rendez-vous ; scaffold de prise de rendez-vous et carte pour rassurer les visiteurs anxieux.

    Contact — Get in touch centré sur l’urgence de rendez-vous ; scaffold de prise de rendez-vous et carte pour rassurer les visiteurs anxieux.

ÇA VOUS PLAÎT,CE QUE VOUS VOYEZ ?

Me contacter