Healthcare

AI-Assisted Dental Clinic Site

A clinic website that answers your questions before you have to ask. AI-assisted, mobile-first, and designed to turn anxious browsers into booked appointments.

3
Viewport tiers QA'd
AI
Patient assistant
100
Lighthouse-ready

Screenshots

Overview

Most dental sites are brochures. This one is a 24/7 patient-acquisition machine — with a built-in AI that handles 'what does it cost?', 'are you open Sunday?', and 'do you take my insurance?' so the front desk can focus on actual patients.

The Challenge

Dentists lose patients before they ever book. People research late at night, hit a confusing site, can't get answers, and quietly book elsewhere. The clinic needed something that worked at midnight as well as it worked at noon — and looked good enough to earn the trust of someone choosing who'll touch their teeth.

The Solution

I rebuilt their site as a Next.js 15 app with a Google Gemini-powered assistant trained on the clinic's services, hours, and pricing. Visitors get instant answers to routine questions, then a frictionless multi-step booking form takes over. Mobile-first, conversion-focused, validated across 3 viewport tiers — and live on a custom domain.

Tech Stack

Frontend

Next.js 15React 19Tailwind CSSLucide icons

AI

Google Gemini API (@google/genai)

Forms

React Hook FormZod

Analytics

Vercel AnalyticsSpeed Insights

Key Features

AI Patient Assistant

Gemini-powered chat answering common patient questions 24/7.

Online Booking

Multi-step booking form with validation and confirmation.

Service Catalog

Dedicated pages for each treatment with pricing and procedure info.

Doctor Profile

Credentials, specialization, and patient-friendly bio.

Patient Portal

Entry point for returning patients to access records.

Mobile-First

Polished responsive layouts validated on multiple breakpoints.

My Role

Lead Developer

Took the project from v0.dev prototype to production — refactored architecture, integrated Gemini, hardened forms, ran QA across 3 viewport tiers.

Results & Impact

  • Modern clinic brand presence with conversion-optimized layout
  • AI assistant deflects routine inquiries from front-desk staff
  • Mobile-first design validated at 360px, 768px, and 1440px