Design e desenvolvimento
mai. 2026
Pearl Dental Care
Pearl Dental Care é uma experiência de clínica dentária para pacientes que construí full stack: marketing (serviços dinâmicos, blog, About, Contact, legal), fluxos autenticados, marcações e captura de leads — formulários Patient Welcome e Care Contact — ligados a uma API REST Fastify.
Frontend com Next.js App Router, TypeScript, SCSS modules e Motion: narrativa clínica calma, blocos de confiança, carrossel de especialistas e caminhos claros para registo ou marcação. API com Prisma/PostgreSQL, Zod, bcrypt, logs de leads, endpoints de marcações e health route — Docker e deploy separado.
A parte production conta: CORS, normalização de base URL HTTPS e cookies de sessão particionados para frontend e API no Railway funcionarem entre domínios — não um mockup estático, mas produto clínico deployável.
Hero — título optimista «Get ready for your best ever Dental Experience!» na dobra inicial; layout arejado, foto do clínico, UI contida para confiança desde o início.
Patient welcome — bloco «We're welcoming new patients…» com formulário phone-first e sinais de confiança; leads de marketing para a Pearl API.
Why choose Smile — split hero com foto da clínica, copy de confiança, fila de vantagens com escudos e CTA Book an appointment fixo.
Welcome video section — título «We're Welcoming new patients…», bloco Press-play centrado; ritmo calmo e glimpses de cultura — empatia com preocupações comuns. (Screenshot de secção, não vídeo.)
Meet our specialists — carrossel com snapshots de clínicos, retratos calorosos, blurbs de credenciais e reassurance acessível.
Game changer — dobra «Dental Website that's gonna shake the game rules up»; copy luminoso desperta curiosidade — Learn More para About.
Register — formulário Create an account com validação inline; signup na Pearl API — sessão em cookies JWT httpOnly.
Contact — Get in touch com foco na urgência de marcação; scaffold de consulta e mapa para reassurance a visitantes ansiosos.