Description
A single static page for a clinic that sells consultations: one screen to explain the treatment, show results and get the visit booked. Built to load fast on a phone over mobile data, because that is where the visitor arrives from.
Features
- Zero JavaScript by default, with the few interactive parts hydrated on their own
- Self-hosted fonts preloaded, so the display type does not swap after paint
- Generated Open Graph image, rendered at build time rather than fetched
- Structured data for a local business, with opening hours and address
- Written for the phone first: the visitor arrives from a link in a bio, on mobile data
Challenges
- Keeping an editorial look, with a serif display face and real photography, without paying for it in load time
- Deciding what a clinic page actually has to answer before someone books, and cutting everything else
- Writing proof that reads as proof without inventing numbers the business cannot back
Learnings
- That performance on this kind of page is a design decision, not a build step
- That the fastest way to lose a serif display face is to let it swap after the first paint
- How little JavaScript a page like this needs once the interaction is honest about its scope