Design & Entwicklung
Mai. 2026
Pearl Dental Care
Pearl Dental Care ist ein patientenseitiges Klinik-Erlebnis, das ich full stack gebaut habe: Marketing (dynamische Services, Blog, About, Contact, Legal), authentifizierte Patienten-Flows, Buchungen und Lead-Capture — Patient Welcome und Care Contact — angebunden an eine Fastify REST API.
Frontend mit Next.js App Router, TypeScript, SCSS Modules und Motion: ruhige klinische Erzählung, Vertrauensblöcke, Spezialisten-Karussell, klare Wege zu Registrierung und Termin. API mit Prisma/PostgreSQL, Zod, bcrypt, Lead-Logs, Appointment-Endpoints und Health Route — Docker und Split Deploy.
Production zählt mit: CORS, HTTPS-Base-URL-Normalisierung und partitionierte Session-Cookies, damit Railway-Frontend und API domainübergreifend zusammenspielen — kein statisches Mockup, sondern deploybare Klinik-Produktform.
Hero — optimistische Headline „Get ready for your best ever Dental Experience!“ im First Fold; luftiges Layout, Kliniker-Foto, zurückhaltendes UI für Vertrauen zuerst.
Patient welcome — Block „We're welcoming new patients…“ mit Phone-first-Formular und ruhigen Vertrauenssignalen; Marketing-Leads an die Pearl API.
Why choose Smile — Split-Hero mit Klinikfoto, Vertrauenstext, gestaffelte Vorteile mit Shields, verankerter Book-an-appointment-CTA.
Welcome video section — Headline „We're Welcoming new patients…“, zentrierter Press-play-Text; ruhiges Tempo und Kultur-Einblicke — Empathie für typische Sorgen. (Seiten-Screenshot, kein Video-Asset.)
Meet our specialists — Karussell mit Kliniker-Snapshots, warmen Portraits, Credential-Blurbs und approachable Reassurance.
Game changer — Fold „Dental Website that's gonna shake the game rules up“; leuchtender Copy weckt Neugier — Learn More führt zur About-Story.
Register — Create-an-account-Formular mit Inline-Validation; Signup an Pearl API — httpOnly JWT-Cookies für die Session.
Contact — Get in touch mit Buchungsdringlichkeit; Appointment-Scaffold und Karte für Concierge-Reassurance bei unsicheren Anrufern.