The THAMC specialist faculty directory on desktop and mobile

An academic medical center, with the Core Web Vitals to match

Design and Development

  • THAMC is the advanced medical center of Thammasat University Hospital, and the site had to read like an academic institution without reading like a document archive

  • We designed and built it around the two things people arrive looking for: a doctor, or a clinic

  • A restrained palette off the THAMC mark — deep green, warm neutrals, a lot of white — so the photography and the names carry the page

Finding a Doctor, Finding a Clinic

  • A specialist faculty directory with search, filtering and a browsable carousel of consultants, each with their subspecialty

  • Each doctor’s page pulls their daily clinic schedule in real time, so the hours a patient sees are the hours the clinic is actually running that day

  • Booking is one tap from the same page: Book via LINE opens THAMC’s LINE Official Account with the appointment request already written — the doctor’s name, and when a slot is picked from the schedule, its date, time and clinic — so the patient only has to press send

  • Centers and clinics presented as an icon directory rather than a list, so the whole of what the center offers is legible in one screen on a phone

  • Patient services, medical services and health information kept as separate top-level paths, because those are three different visits

The Select a Center panel on desktop and on a phone: an icon for each clinic, from Medicine and Lasik THAMC to Cardio and Vascular, picked to filter the doctors by specialty
Three phones: a doctor’s page for Kanyarat Likitcheewaporn, M.D., Cornea and Refractive Surgery Specialist, with Book via LINE; a date picker; and the clinic schedule by day
Core Web Vitals assessment
PassedCore Web Vitals assessment
Largest Contentful Paint (field)
1.5 sLargest Contentful Paint (field)
Interaction to Next Paint (field)
117 msInteraction to Next Paint (field)
Cumulative Layout Shift (field)
0Cumulative Layout Shift (field)

Performance

  • The site passes the Core Web Vitals assessment on real traffic — the numbers above are field data from the Chrome UX Report, not a lab simulation

  • The same report scores it 100 on SEO and 100 on best practices, and 97 on accessibility

  • Performance is something we keep measuring rather than something we measured once: the lab score still has room in it, and that is where the maintenance effort goes

PageSpeed Insights report for tham-c.com showing the Core Web Vitals assessment passed

Maintenance and Support

  • We maintain the site, and the performance figures above are part of what maintenance means here — a regression in them is treated as a defect

  • Content, faculty and clinic listings change as the center does, and the CMS-side structures were built so the hospital team can make those changes themselves

Let’s chat
COPYRIGHT 2022 (C) 5LAB COMPANY
CRAFTED WITHANDIN BANGKOK