Oralcare
A dental clinic site. Booking flow, a team directory, a four-step process explainer, and patient testimonials, built as a full marketing site rather than a single landing page.
The problem
A dental clinic wins patients on trust: who will treat them, what happens step by step, and what other patients say. A single landing page with a phone number does not carry that weight.
What I built
Designed and built end to end: layout, sections, team directory, process explainer, testimonials, and booking flow.
React single-page marketing site built with Vite and styled with Tailwind. Hero, trust stats, about, team grid, four-step process, testimonials, insights, and booking sections share one page with anchor navigation.
- Present the team as individuals with profiles and booking links
- Explain the four-step process in plain order
- Show trust early with stats and testimonials
- Keep booking one click away from every section
Key decisions
One page with anchor nav over separate pages
Home, Services, Team, and About scroll to sections. A clinic site is read, not browsed; anchors keep every answer one scroll away.
Trust stats directly under the hero
Smiles, years, patients, and satisfaction sit right below the headline, where a nervous patient decides whether to keep reading.
Doctors as profiles with booking links
Each specialist gets a face, a specialty, and a next step, so the team grid converts instead of just informing.
Process as four named steps
Consultation, 3D scan, treatment, wellness: naming the steps turns an unknown into a sequence.
Challenges
Challenge
Scope stops at the front end
Solution
Schedule buttons and CTAs run in the browser. No practice-management system is wired behind them, so booking reads as a request flow, not a confirmed appointment.
Outcome
Shipped. Dental clinic marketing and booking site, live.
- Lighthouse 96/100 Performance, 100 Accessibility, 100 Best Practices, 100 SEO
- 4 trust stats + 4 doctor profiles + 4-step process — all above fold on mobile
- Booking CTA visible from every section; anchor nav keeps flow linear
- Component library (12+ components) reusable for future clinic sites