Web design for hospitals

Website design for hospitals

Hospital and health system websites built around the questions people arrive with: which department, which entrance, what time, what to bring and who to call. Accessible, fast on a phone, and structured so patients, families and referring clinicians each find their own route.

  • Departments, services and wards findable in one search
  • Patient and visitor information written in plain language
  • Accessibility treated as a requirement, not an add-on
  • Separate routes for patients, families and referring clinicians
Hospital website shown on a laptop and iPhone

Featured hospital website

Hospital

View site
What matters

A hospital website is used under pressure

Nobody browses a hospital site. They arrive with a specific question and very little patience for navigation, and they usually arrive on a phone. Everything about the structure should assume that.

Most visits are urgent, anxious and mobile

People arrive on a hospital website because someone is unwell, an appointment letter arrived, or a relative has been admitted. They are usually on a phone, often in a car park, and they need one specific fact: which entrance, what time, what to bring, which number to call. A site organised around the organisation chart rather than those questions fails at exactly the moment it matters.

Wayfinding starts online, not at the front door

Missed and late appointments are frequently a navigation problem before they are a clinical one. Entrance names, parking, drop off points, public transport, ward locations and clinic buildings belong on the same page as the appointment information, not scattered across a separate estates section.

Accessibility is a legal and human obligation

Hospital audiences include older patients, people with low vision, people with cognitive impairment, carers and people reading in a second language. Contrast, text sizing, keyboard operation, screen reader semantics, plain language and translation routes are baseline requirements for a public health site, not optional refinements.

Two audiences, one site, different journeys

Patients and families need reassurance and practical instruction. Referring clinicians need criteria, forms, secure submission and a direct line. Trying to serve both from a single generic contact page creates avoidable switchboard traffic and delays referrals that were ready to send.

Organisations

Built for the shape of your organisation

General and regional hospitals

Multi-department sites serving a whole catchment with high daily traffic.

  • Department directory that survives a reorganisation
  • Emergency, maternity and outpatient information front and centre
  • Ward pages with visiting hours and direct numbers
  • Site maps, entrances and parking on every relevant page

Specialist and private hospitals

Focused services where referral quality and pre-admission clarity drive everything.

  • Separate patient and referrer entry points
  • Referral criteria and secure submission by specialty
  • Pre-admission checklists and preparation instructions
  • Accounts, insurance and fee information stated plainly

Hospital groups and health systems

Several sites, shared services and one brand that has to stay coherent.

  • Location switching that never loses the service context
  • Shared component library with per-site content control
  • Consistent service naming across every location
  • Editorial permissions so each site owns its own pages
Structure

The pages a hospital website needs

Services, patient information, visiting, clinicians, referrers and contact working as one system, so the same fact is never maintained in four places and never missing from the page someone actually landed on.

Service and department pages

One page per service with what it treats, where it is located, how a referral is arranged, what happens at the first appointment and who to contact. Written so a patient and a GP can both use it.

Patient information

Appointments, preparation, what to bring, admission and discharge, results, medical records and fees. Structured as tasks people are trying to complete rather than departmental documents.

Visitor information

Ward by ward visiting hours, bedside contact, quiet periods, facilities, accessibility support and the practical realities of getting to and around the site.

Find a clinician

A searchable directory of the clinicians who work on site, with specialty, clinic location and referral route. Content stays factual and is published only as the organisation supplies and approves it.

For referrers

Criteria by specialty, referral forms, secure submission, acknowledgement, advice lines and discharge summary policy, kept separate from the patient journey.

Contact and feedback

Switchboard, appointment lines, ward numbers, records requests, interpreters, patient advocacy and formal feedback each listed with the right destination instead of one general form.

Wayfinding

Getting people to the right door on time

A large hospital site is difficult to navigate physically, and the website is where that journey starts. We put location detail where the decision is made: on the appointment page, the department page and the ward page, using the same names the signage uses, so nobody has to translate between a web page and a building.

  • Entrances, buildings and department locations named the way signage names them
  • Parking, drop off, accessible bays and public transport on the pages people actually land on
  • Downloadable and printable site maps for people who arrive without data
  • Appointment pages that state the building, floor and check in desk
  • Ward pages with location, visiting hours and a direct bedside number
  • Clear separation between emergency, urgent and planned care routes
Hospital reception staff helping a visitor at the front desk
Licensed stock photography. A finished hospital website should use your own site, department and team photography once consent and clinical governance sign off are in place.
Referrals

A route built for referring clinicians

Referrers are a professional audience with a different job to do. Give them criteria, forms, secure submission and a direct line, and the switchboard stops absorbing work the website should have handled.

ashgrovehospital.example/refer

Ashgrove Specialist Hospital

SpecialtiesRefer a patientPre-admissionVisitingContactRefer a patient

For patients and referrers

Two clear routes in: one for patients, one for referring clinicians

Patients get admission and preparation information in plain language. Referring practices get the criteria, forms and secure submission they need without calling the switchboard.

Patient informationReferrer portal

Information on this site is general. It does not replace advice from your own treating clinician.

Orthopaedics

Joint, spine and sports injury services with named clinics.

Service details

Cardiac services

Diagnostics, day procedures and inpatient cardiac care.

Service details

Cancer services

Coordinated clinics, treatment planning and support services.

Service details

Referring clinicians

Send a referral securely

Referral criteria by specialty

What each clinic accepts and what it does not

Secure referral form

Encrypted submission with acknowledgement

Urgent advice line

Direct clinician to clinician contact

Discharge summaries

Where they are sent and how to request a copy

Pre-admission

Your admission checklist

Consent and admission forms completed

Done

Pre-admission questionnaire returned

Done

Fasting instructions read

To do

Transport home arranged

To do

Medication list prepared

To do

Your admissions team confirms every instruction with you directly before the day of your procedure.

Questions before you come in

Admissions, accounts, interpreters and accessibility support are each listed with a direct contact rather than a single general enquiry form.

Contact admissions

Ashgrove Specialist

Refer

Patients and referrers

Two clear routes in, one for each audience

Patient information
Referrer portal

Your admission checklist

Consent forms completed

Done

Questionnaire returned

Done

Fasting instructions read

To do

Transport home arranged

To do
Orthopaedics
Cardiac services
Cancer services
Admissions · Accessibility · Privacy · Contact
Concept design: a specialist hospital site with separate patient and referrer routes, referral criteria by specialty and a pre-admission checklist, shown on laptop and phone. Illustrative example, not client work, and the hospital shown does not exist.

Pre-admission is the other half of the same problem. Patients who know what to read, what to sign, when to stop eating and how they are getting home arrive prepared, and preparation is largely a communication design task. We build checklists and preparation pages that your admissions team controls, with the clear statement that the team confirms every instruction directly.

  • Editorial workflow so clinical content is reviewed before publication
  • Named owner and review date on service pages
  • Role based permissions for department editors
  • Version history and rollback for every page
  • Cookie, privacy and analytics configuration reviewed with your team
  • Forms configured to avoid collecting clinical detail the site should not hold
Accessibility

Accessible because the audience requires it

Clinician speaking with family members beside a patient in a hospital room
Licensed stock photography, used to illustrate the audience rather than to represent any particular organisation, patient or clinician.

Hospital audiences skew older, more anxious and more likely to be reading with an impairment, a carer or a second language. Accessibility work here is not compliance theatre; it is the difference between a relative finding the visiting hours and a relative phoning the ward.

  • Colour contrast and text sizing tested against WCAG 2.2 AA criteria
  • Full keyboard operation with visible focus and logical order
  • Semantic headings and landmarks so screen readers can navigate
  • Plain language editing with reading level reviewed by your own team
  • Translation and interpreting routes signposted rather than buried
  • Forms with real labels, clear errors and no time pressure traps
Technical

Fast, findable and stable under real conditions

Hospital traffic spikes without warning and much of it arrives on old phones and weak signal. The build has to hold up there, not only in a lab.

  • Core Web Vitals budgets tested on mid-range phones and slow connections
  • Structured data for the organisation, services, locations and breadcrumbs
  • Clean URLs kept stable, with redirects whenever a service is renamed
  • Search that understands common condition wording, not only department names
  • Resilient layout so a long department name never breaks a page
  • Uptime monitoring and a maintained platform after launch

Search that matches how people ask

People search for a condition, a procedure or a letter heading, not a department name. Service pages carry the everyday wording alongside the clinical term so both routes land on the same page, and search results show location and contact detail directly in the result.

Content that stays current

Visiting hours, clinic times and department contacts change constantly. Each page has a named owner and a review date, department editors update their own content within a fixed template, and version history means a mistaken edit can be reversed immediately.

Team

Showing the people without overstating them

Clinician directories build confidence when they are accurate and damage it when they are not. We build the template and the publishing workflow; specialties, registrations, appointments and any qualifications are supplied and approved by your organisation, and we publish nothing that has not been signed off. No ratings, outcomes or accreditations are invented to fill a layout.

  • Directory entries with specialty, clinic location and referral route
  • Photography and biography published only with the clinician's consent
  • A single source of truth so a change updates every page
  • Clear labelling of which services are available at which location
Doctor and nurse reviewing a patient chart together on a hospital ward
Licensed stock photography. Replace with your own approved clinical team photography before launch.
Questions

Hospital website questions we are asked

Plan your hospital website

Tell us how many departments and locations you run, what your current site struggles with and which journeys matter most. We will come back with a structure, a scope and a fixed quote in writing.

Prospering Digital is a website design and development company. We do not provide medical, clinical or regulatory advice, and we do not publish clinical guidance of our own. Services, clinician credentials, accreditations, safety information and any published performance data remain the responsibility of the hospital, and we publish only what you supply and approve. The hospitals, departments, clinicians and information shown in the concept designs on this page are illustrative and do not exist.

Fixed scope before work starts Mobile first Accessibility tested Performance tuned Maintained after launch