← All workClinic website · live
psdcdental.com
The public website for PSDC dental clinics: 36 fast pre-rendered pages in Thai and English, 3D treatment models, a cost estimator and booking straight into LINE.
36pre-rendered pages
18service pages with FAQ
100Lighthouse accessibility
TH/ENtwo languages
The clinic needed a website that looks like a real dental practice, loads fast on phones and turns visitors into LINE bookings. I designed and built it, bought and connected the domain, and keep improving it with the owner.
Inside psdcdental.com
Built to turn visitors into bookings
- Hero with a real patient photo and a booking box (service, branch, date, time) that opens LINE with the details filled in.
- Floating call / Messenger / LINE buttons on every page; promotions open in a lightbox with LINE and Facebook buttons.
- Real Google rating, before/after drag slider from real cases, dentist profiles.
Every service explained, in 3D
- 18 service pages (braces, implants, veneers, whitening, wisdom teeth…) with prices, steps and FAQs.
- Interactive 3D models per treatment — implant, braces, retainer, scan, cross-sections — lazy-loaded so the page stays fast.
- A still image under each 3D canvas so phones without WebGL still see the model.
Prices, estimator and branches
- Pricing page and a cost estimator: pick treatments, get a range, send it to the clinic on LINE.
- 3 branches with live open/closed status, map (Leaflet + OpenStreetMap), hours and phone.
- Aftercare articles and a PDPA privacy page.
Fast, findable and accessible
- Every URL is pre-rendered to HTML at build time and hydrated, with per-page titles, descriptions, og:image and canonical.
- FAQPage and clinic JSON-LD, sitemap and robots for search.
- Lighthouse: accessibility 100, SEO 100, best practices 100; desktop performance 95.
- Phone redesign: compact hero, snap carousels, 2-up service cards (page height cut from 9.5k to 5.4k px).
Gallery
Stack
React + ViteReact RouterServer-side pre-renderthree.js (GLB, meshopt)Leaflet + OpenStreetMapJSON-LD / SEOVercel