Derma Genesis

Derma Genesis is a dermatology clinic and hair transplant centre in Vadodara, Gujarat. We designed and built its public website and a private admin panel, so the clinic team can update every page, publish before-and-after photographs and manage appointment requests and messages without a developer.

Patients searching for a dermatologist or hair transplant surgeon in Vadodara compare clinics online before they call. The clinic needed a site that explains a broad range of skin, hair and aesthetic treatments clearly, earns trust, ranks for local searches and turns visits into appointment requests — and that the clinic can keep current itself.

We organised the site around how patients think: treatments grouped into clear categories, each with its own page, alongside the doctor’s profile, a results gallery, a blog and a straightforward path to book. Local search was planned from the start, with page titles, descriptions and structured content written around the treatments people actually search for in Vadodara.

A short, consistent route from any page to booking: an appointment button in the header, WhatsApp contact for patients who prefer it, and treatment pages that answer the questions patients ask before their first visit. The admin panel mirrors the public site, so editors find the text they want to change where they see it.

A warm, clinical-but-friendly visual language: soft neutrals with a single brand accent, generous white space, real clinic photography and a clear typographic hierarchy that keeps long treatment pages easy to scan.

Next.js on Vercel with Supabase for the database and storage. Website text lives in the database with a draft-then-publish workflow, so changes can be reviewed before they go live. The admin panel has role-based accounts (owner and content editor) with bcrypt-hashed passwords and signed session cookies; before-and-after images are compressed on upload and stored in a dedicated bucket, and appointment and contact submissions are emailed to the clinic.

Semantic page structure, descriptive image alternatives, keyboard-operable navigation and readable contrast throughout, so the site works for patients of every age and ability.