Healthcare website examples: 12 sites and what each one does well

The short answer

We read 12 healthcare websites on 7 November 2026: 3 hospital systems, 6 companies that sell care directly or through employers, and 3 software vendors that sell to clinics. This isn't a ranking: each site shows one pattern clearly, for a patient, a caregiver, an employer or a clinician buying software.

What they share:

• The first step is about access. All 9 patient-facing sites put a booking, coverage or get-care action in the first screen, and 5 let you check insurance or eligibility early.
• Cost gets answered when patients pay. 4 homepages state a price or out-of-pocket cost, and all 3 hospitals link price transparency from the footer.
• The visitor in a hurry is the most neglected. Only 2 sites route urgent needs from the homepage, and only 1 shows 911 and 988 there.
• Language and accessibility live in the footer. 3 sites offer a language switch, 3 link an accessibility statement and 5 a nondiscrimination notice.

The 12 at a glance

All read from US English pages on 7 November 2026.

Twelve examples, one pattern each

Mayo Clinic: the appointment button never moves

Mayo Clinic leads with "Transforming your care" and one button, "Request appointment", which also sits in the header next to "Find a doctor" and "Register/Log in". Below it, an A to Z index invites patients to "Find diseases & conditions by first letter", the door into its health library.

Proof is one sentence: "Mayo Clinic is the No. 1 hospital in the world according to Newsweek." The footer links price transparency, financial assistance, a nondiscrimination notice and an accessibility statement naming WCAG 2.1 AA, and its price estimates page offers a cost estimator tool. The language menu offers English, Spanish, Arabic and simplified Chinese. We found no urgent care route on the homepage.

Worth copying: keep the appointment request in the same place on every page, so a visitor reading about a condition can act when they decide.

Cleveland Clinic: a "where should I go" guide

Cleveland Clinic puts its phone number and MyChart in the top bar. Its most useful block is a card titled "Not Sure Where To Go for Care?", which leads to a triage page mapping 42 conditions, from chest pain to blood pressure checks, to the emergency department, Express Care, a virtual visit or primary care. It says: "If it's life-threatening, call 911 now or go to the nearest Emergency Department (ED)."

The footer links "Price Transparency", where a cost estimator sits above charge lists "posted June 29, 2026", and "Non-Discrimination and Availability", a language assistance notice in English plus 18 other languages.

Worth copying: a page that sorts symptoms by where to go, linked from the homepage, so a worried visitor doesn't have to guess between the ER and a walk-in clinic.

Mass General Brigham: two buttons and eight languages

Mass General Brigham opens with "World-class care driven by research." and two buttons: "Schedule an appointment" and "Log in to Patient Gateway". Express Care and Virtual Care are among the first links, and the Find Care menu lists Emergency Care too.

Proof comes with sources, such as No. 4 globally "based on Brand Finance Global 250 Hospitals for 2026". The language menu has 8 options, from Spanish and Portuguese to Haitian Creole and Arabic. Its charge data page is the clearest we read: the large files are "NOT an estimate of the costs that you are responsible for paying", and patients are sent to a cost estimate tool.

Worth copying: say in plain words which price page is for patients and which is for machines.

One Medical: reasons to book, in everyday words

One Medical, a primary care practice, opens with "Primary care designed for you" and "Book an appointment". A line that starts "Get care today for" cycles through 40 reasons to visit, from depression to "that weird rash", and the next step for insured visitors is explicit: "See if we're in network with your insurance".

The membership price is stated, USD 99 a year, with 24/7 video care "at no extra cost (members only)", and proof is "an employee benefit at 11,600+ companies".

Worth copying: list the reasons people book in their own words, not as department names.

Oscar Health: four audiences, two languages

Oscar Health, an insurer, opens with "Shop for a plan" and "Call to enroll" and gives the open enrollment window, Nov 1, 2026 to Jan 15, 2027. Members, employers, brokers and providers each get a menu and a login. An Español switch leads to a full Spanish site, and the Buena Salud plan is pitched as "a health plan where your providers and Care Guides speak fluent Spanish."

A banner warns that Oscar "will never ask you for your full social security number", and the footnote on its AI guide says: "For a medical emergency, call 911. For a mental-health crisis, call or text 988." It's the only homepage of the 12 with both numbers. Its accessibility statement names WCAG 2.0 AA.

Worth copying: when you add an AI assistant or symptom tool, say right next to it where to go in an emergency.

Function Health: the price in the first paragraph

Function Health, a lab testing membership, has the shortest headline, "Check your health.", and puts the price right below it: USD 365 a year, framed as USD 1 a day, "HSA/FSA Eligible". A ZIP code field shows testing at "2,000+ labs" or at home, and a table compares its 160+ tests with about 26 in a standard checkup.

Proof is a named medical board, celebrity quotes and a TIME 100 badge, and it says plainly "No insurance needed".

Worth copying: if the patient pays, show the full price and what it includes before the first click.

Spring Health: a 10-second coverage check

Spring Health, a mental health provider offered through employers and health plans, opens with "Find your therapist. Keep your progress." The next block answers the money question: "As low as $0 per session", "OVER 170 MILLION PEOPLE COVERED" and a "Check your coverage" button that promises "(It takes 10 seconds)".

The FAQ says members can find clinicians by "language" and "cultural background", and businesses get a "Request a demo" path. The FAQ lists crisis support as part of care, but we found no crisis phone number on the homepage.

Worth copying: answer "will this cost me anything?" before asking for personal details. On a mental health site, also put a crisis line where every visitor sees it.

Hinge Health: two buttons for two buyers

Hinge Health, a physical therapy program paid for by employers and health plans, pairs "Check eligibility" with "Request business demo" in the header, the hero and the closing section. The eligibility page tells patients what to have ready: "Match the details on your insurance card."

Its outcome numbers carry a footnote naming the study behind them, published in the Journal of Medical Internet Research in 2020. The footer links a HIPAA notice and a "Non-Discrimination & Interpretive Services Notice".

Worth copying: put the study behind each outcome number on the same page as the number.

Maven Clinic: a label that says who pays

Maven Clinic, a women's and family health platform, labels every program card with who pays: "Free, covered by employer or health plan" for fertility, maternity, parenting and menopause care, and "Maven Consumer, self pay" for GLP-1 care, hormone care and its virtual clinic. Another link invites visitors to "See if your company offers Maven".

Employers get "Book a demo" and proof such as "Trusted by 2,300+ employers" and "Milliman-validated outcomes". The Spanish version shows the risk of an unreviewed translation: for "Evidence-based women's and family healthcare" its headline reads "Mujeres y hombres basados en evidencia" ("evidence-based women and men"), and it says "Más de 2000 empleadores" where the English says 2,300+.

Worth copying: the who-pays label. And have a native speaker check each translated page and its numbers.

Abridge: every number tied to a named health system

Abridge, which makes AI clinical documentation for health systems, attributes each result to a customer: a "43% increase in ability to accommodate urgent patients" to WVU Medicine, an "86% reduction in documentation effort" to Reid Health. Press tiles name Kaiser Permanente and Johns Hopkins Medicine.

The only call to action is "Contact Us", and for buyers worried about AI errors it publishes papers on how it evaluates notes and on "hallucinations".

Worth copying: a customer name next to every number, and published methods that answer the buyer's biggest fear.

athenahealth: a patient login on a vendor's site

athenahealth sells practice software, but the first item in its top bar is "Patient Login", a menu with "Patient Portal Login" and "Pay My Bill", ahead of "athenaOne® Login" for customers. Patients whose doctor uses the software land here and get routed in one click.

Proof is footnoted: a 2 to 6% increase in collections "Reflects the real-life experience and opinions of an industry expert and may not be representative of all athenaOne clients", and "more than 180K clinicians" is dated "as of Sept. 2026". The meta description, which search results may show, still says "170K+".

Worth copying: route lost patients first and footnote every claim. Then check that your meta descriptions match the page.

Elation Health: a product tour before the sales call

Elation Health, an EHR for primary care, offers three ways in: "Schedule a Demo", "Take a Tour" and "Preview EHR". The tour opens "after answering a few short questions about your practice", and a self-guided billing tour is "all for free".

The header has both "Patient Login" and "EHR Login". Pricing is by quote: the pricing form has 10 required fields, one of them "Are you a patient looking for assistance?", which filters out patients who reach the sales form.

Worth copying: let buyers see the product before they talk to sales, and add one routing question that catches visitors who aren't buyers.

Patterns across the 12

What the table suggests:

1. Lead with access. Every patient-facing site makes its first button about getting care.
2. Answer the cost question for whoever pays. Self-pay sites show the price, employer-paid sites say what the patient pays, and hospitals point to an estimator.
3. Design for the bad day. A where-to-go page and a visible crisis line cost little and serve your most stressed visitor.

The rules that shape US healthcare websites

These federal rules explain much of what sits in those footers. We read each on 7 November 2026 and quote only what it says. This is general information, not legal advice.

Section 504: WCAG 2.1 AA, now due in 2027 and 2028

HHS's Section 504 rule says a recipient of HHS financial assistance "shall ensure" its web content and mobile apps are accessible, including those provided "through contractual, licensing, or other arrangements" (45 CFR 84.84). The standard is the "Level A and Level AA success criteria and conformance requirements specified in WCAG 2.1".

An interim final rule published on 11 May 2026 moved the dates to 11 May 2027 for recipients with 15 or more employees and 10 May 2028 for smaller ones (Federal Register). Section 84.85 exempts some content, such as archived pages. For the wider picture, see our guide to ADA website compliance.

Section 1557: a language assistance notice

A covered entity must post a notice that it provides "language assistance services and appropriate auxiliary aids and services free of charge" (45 CFR 92.11), "in English and at least the 15 languages most commonly spoken by individuals with limited English proficiency of the relevant State or States", "At a conspicuous location on the covered entity's health program or activity website". Section 92.1 set compliance "Within one year of July 5, 2024".

Cleveland Clinic's footer link to its notice, in 19 languages with a phone number, is a good model. A language switch like Mass General Brigham's goes further: translated pages, not just a notice.

Hospital price transparency: why footers link an estimator

Hospitals must "make public a list of all standard charges for all items and services online" (45 CFR 180.50) and show at least 300 shoppable services in a consumer-friendly way (45 CFR 180.60). An online price estimator meets that second requirement if people can "obtain an estimate of the amount they will be obligated to pay" and it is "prominently displayed on the hospital's website and accessible to the public without charge and without having to register or establish a user account or password."

The hospital "must clearly indicate the date that the information was most recently updated", which is why Cleveland Clinic dates its charge lists.

Tracking technologies on HIPAA-covered websites

HHS's Office for Civil Rights bulletin on online tracking says "Regulated entities are not permitted to use tracking technologies in a manner that would result in impermissible disclosures" of protected health information, that trackers on logged-in pages such as patient portals "generally have access to PHI", and that a vendor receiving such data needs a business associate agreement.

The same page reports that on 20 June 2024 a federal court in Texas vacated the part that applied HIPAA when a tracker connects an IP address with a visit to a public page "addressing specific health conditions or healthcare providers", and that "HHS is evaluating its next steps". Logged-in pages weren't part of that ruling, so review portals, booking flows and forms first. We didn't test these 12 sites' trackers.

A checklist for your own healthcare website

What to do next

Run the checklist on your homepage, booking flow and busiest service page. A missing where-to-go page is a small fix; a booking flow that fails the keyboard test usually means a rebuild.

If it adds up to a rebuild, our website redesign service covers the move without losing search traffic, and web accessibility covers WCAG audits and fixes ahead of the 2027 Section 504 date. For a new site, see our web design service, and for the newest guidelines, our summary of WCAG 2.2 changes. Selling software to clinics? Our B2B website examples cover demos, prices and proof.