Lightwell Specialist Hospital
A private specialist hospital’s website built like a lobby directory: doctors with live clinic slots, screening and cost estimates, floor plans with routes, an international centre in Bahasa Indonesia, and the staff desk behind them.
The brief
Patients choose a private hospital on its doctors, its costs and how easy it is to get there, yet the leading sites put campaign carousels first. Few filter doctors by language or clinic day, three publish cost estimates, and none had a usable floor map. Malaysia’s healthcare advertising rules also limit what a hospital may say about itself.
What we shipped
A hospital website built like a lobby directory: a doctor finder with live clinic slots and booking, a screening package builder, procedure cost estimates that split hospital charges from doctors’ fees, an international centre in Bahasa Indonesia with a case board, floor plans with routes, a reviewed health library, a newsroom and careers, queue numbers with now-serving screens, ward visitor passes, and a staff desk whose changes reach the public pages, all within the advertising rules.
Built for: Private hospitals, specialist centres and clinic groups, and any healthcare provider that has to present doctors, prices and directions within strict advertising rules.
Inside the build
Every part, and what it does
A closer look at what was actually built — screen by screen, so you can judge the depth for yourself.
Home page
The page opens on the tasks people come for, set as a lobby directory with each one’s building code and the emergency row first.
- No carousel: tasks first
- Search by doctor, condition or service
- Today’s clinics from the live slot engine
Find a doctor
Filters for specialty, condition, twelve languages, gender, clinic day and site, sorted by each doctor’s next free slot.
- Next free slot worked out from real sessions
- Passport-size monogram tiles, facts only
- Suite codes open the floor plan
A profile that books
Registration facts beside a slot picker covering the doctor’s sessions at both sites; a chosen slot becomes a request with a reference.
- Registration numbers shown as samples
- Morning, afternoon and evening sessions
- Track the request, accept a new time
Floor plans with routes
Every floor of both sites drawn in SVG: search a suite, place or doctor and get the route, the steps and the walking time.
- From the main entrance or the car park
- A section drawing shows the floor
- Linked from every appointment
Health screening
Packages filtered by age and sex and compared test by test, with add-ons, preparation and a date.
- Tests by packages, side by side
- The doctor’s review fee never discounted
- Preparation built from the tests chosen
Cost estimates
What a procedure costs by room class and stay, with hospital charges and doctors’ fees split, deposits and guarantee letters explained.
- A range from recent bills, labelled as samples
- Doctors’ fees under the fee schedule
- One click to an overseas enquiry
Centres by floor
Seven centres shown as floors of each building block rather than a grid of cards, with doctors and the next free slot.
- Floor stacks in the block colours
- How each centre runs, compared
- The Penang site alongside
Health library
Long-form guides in a reading layout, each with its reviewer, the review date and the next review.
- Twenty reviewed guides
- When to get help, with 999
- Print-ready
International centre in Bahasa Indonesia
The international patient centre in Indonesian, linked to its English version, with flight times to both sites and who does what at each step.
- Send reports, get a plan and estimate
- Visa letter, transfer, interpreter
- Track the enquiry in Indonesian
Careers
Eleven sample openings filtered by role group, site and type, each stating the hours, the pay band and the registration it needs.
- Filters by role, site and type
- Pay band and registration on every opening
- Closing date on every role
Your queue number
Registered at the counter, a patient follows their number on their phone: how many are ahead, the estimated wait and where to wait on the floor plan. The page updates itself, and the pharmacy number appears later.
- People ahead and the wait
- Where to wait on the floor plan
- The pharmacy number later
Now serving screens
Each waiting area’s screen shows the numbers being served and their rooms, the next numbers with priority marked, and the average wait. Names never appear on the screens.
- Number and room
- Priority shown, names never
- Follows the clinic desk
Clinic queues
The registration counter issues numbers, with priority for senior citizens, disability or pregnancy. Each clinic calls the next number to a free room, calls again, transfers or sets a number aside, and sees the waits by clinic.
- Numbers issued at the counter
- Priority order
- Waits by clinic
Ward visitor passes
Visitors register online for a ward and a time and receive a pass with a QR code and the ward’s rules, to show at the front desk with their ID.
- A pass with a QR code
- A time for each ward
- The ward’s rules before you come
Ward visitors desk
The front desk checks each pass against the visitor’s ID and the ward’s conditions, checks visitors in and out, and sees who is on each ward, with patients at their visitor limit and restricted visits flagged.
- Pass and ID checked
- Visitors on each ward now
- Limits and restricted visits
Appointments desk
The request queue, the request itself and the doctor’s clinic list side by side, in the site’s own indigo and type.
- Confirm, offer another time or decline
- The slot shown inside the day’s list
- The patient sees the answer at once
Publishing clinic sessions
Staff edit a doctor’s sessions with checks and a preview of what patients will see before it goes live.
- Profile, directory and booking update together
- Wording check against the advertising rules
- Every change in the compliance log
Overseas case board
International enquiries by stage; sending the plan and estimate moves the case and updates the patient’s tracking page.
- One column per stage
- Plan, estimate and note in one step
- The Indonesian tracking page follows
Brand identity
A hospital brand built for calm and legibility: four indigo squares around an apricot centre, Atkinson Hyperlegible Next for everything a patient reads and Source Serif 4 for long articles.
- Logo on light and dark
- Indigo, apricot and mist
- Typefaces chosen for legibility
Click through it yourself
Every screen above is interactive. No sign-up, nothing to install.
Behind the build
Researched first, then built
Before designing anything, we studied 15 hospital websites: ten Malaysian private hospitals and five leaders in Thailand, Singapore, the United States and India. We used their doctor finders, package pages and estimators. Nothing was copied. Each finding below changed a decision.
Studied (15)
- Sunway Medical Centre
- Gleneagles Hospital Kuala Lumpur
- Prince Court Medical Centre
- Pantai Hospital Kuala Lumpur
- KPJ Healthcare
- Subang Jaya Medical Centre
- Thomson Hospital
- Island Hospital
- Mahkota Medical Centre
- Beacon Hospital
- Bumrungrad International
- Mount Elizabeth
- Mayo Clinic
- Cleveland Clinic
- Apollo Hospitals
What we saw
What Lightwell Specialist Hospital does
What we saw
The Malaysian leaders put the same three or four tasks first, often under a campaign carousel, and on phones the tasks can fall below the fold.
What Lightwell Specialist Hospital does
A lobby directory of tasks with building codes and the emergency row first, and no carousel anywhere.
What we saw
Wayfinding is scattered: tower labels on a photo, a level on a profile, counter moves in a pop-up. No site had a usable floor map.
What Lightwell Specialist Hospital does
Codes on every doctor, centre and appointment, a section drawing of the campus, and floor plans with routes, with notices published from the staff desk.
What we saw
All fifteen have a doctor directory, but only two filter by language, two by gender, one by clinic day, and one lets you pick a slot.
What Lightwell Specialist Hospital does
Filters for specialty, condition, twelve languages, gender, clinic day and time, site and centre, a next free slot, and booking with a reference and tracking.
What we saw
Only three sites publish procedure estimates, and deposit and guarantee-letter steps are buried.
What Lightwell Specialist Hospital does
An estimator by room class and stay that splits hospital charges from doctors’ fees, explains deposits and guarantee letters, and becomes an overseas enquiry.
What we saw
“Medically reviewed” with a date appears on two sites, and none shows the next review.
What Lightwell Specialist Hospital does
Every guide shows its reviewer, the review date and the next review, kept current from a staff review queue.
What we saw
Two Malaysian sites set body text below 4.5:1 contrast, and one sets its navigation at 10 to 11 px.
What Lightwell Specialist Hospital does
Body text at 17 px and 17:1 contrast, nothing under 12 px, and plain zeros in every price, time and phone number.
What we saw
Indonesia is Malaysia’s largest healthcare-travel market, and eight sites offer a regional language, but none lets an overseas patient follow an enquiry after sending it.
What Lightwell Specialist Hospital does
Bahasa Indonesia pages with English counterparts, an enquiry that carries the estimate, a staff case board, and tracking in Indonesian.
Feature checklist
65 of the 87 features the leading sites offer
We listed every feature we found in the research above. Lightwell Specialist Hospital has 65 of them, and 7 more in part; the 15 left out are listed with the reason.
Finding care14
- Find-a-doctor directory
- Filter by specialty
- Filter by language spoken
- Filter by gender
- Filter by clinic day and time
- Filter by hospital and centre
- Search by condition
- Registration numbers on profiles
- Qualifications on profiles
- Clinic sessions and suite on profiles
- Appointment requests
- Track or change an appointment
- Choose a free slot online
- Resident or visiting doctor
Services8
- Centre pages
- Specialty A–Z
- Screening packages with prices
- Packages by age and sex
- Add-on tests
- Screening preparation
- Emergency department page
- Ambulance line
Costs7
- Room and ward rates
- Procedure cost estimates
- Insurance panel list
- Deposit and guarantee letter steps
- Payment methods
- Corporate screening and panels
- Medicine price list
International patients9
- International patient centre
- International enquiry
- Treatment plan and estimate
- Visa support
- Airport transfer
- Interpreters
- Accommodation help
- Pages in Bahasa Indonesia
- Airport fast-track information
Visiting7
- Getting here
- Parking
- Visiting hours
- Floor plans and building directory
- Facilities
- Admission and discharge guide
- Muslim-friendly services
Content7
- Health library
- Reviewer and review date
- Articles
- Health talks and events
- Newsroom
- Media contacts
- Newsletter
For doctors2
- Refer a patient
- GP updates and CME talks
Trust and careers8
- About the hospital
- Leadership
- Accreditation, marked as samples
- Patient rights
- Feedback and complaints
- Careers
- Job filters
- Online applications
Platform3
- Site search
- Malay and Indonesian pages
- Privacy notice and consent
Built in part
- WhatsApp contact: numbers on the footer and contact pages, without a chat widget.
- Buying a package online: book with a date and a price, and pay at the centre; no payments in a demo.
- Priced surgical and maternity packages: honest estimates by room class instead, since doctors’ fees cannot be discounted.
- A price guarantee: a written estimate and counselling steps; no guarantee is promised.
- Patient education brochures: library guides and preparation pages, without downloads.
- Patient advocacy: a named patient relations officer in the complaint flow.
- Governance and investor information: conduct, whistleblowing and data protection; a private hospital has no investor pages.
Left out, and why
- A patient app, a patient portal and records requests (3): outside a website, and the build holds no records, results or prescriptions.
- Video consultations: they need clinical infrastructure.
- A symptom checker, ask-a-doctor answers and a chatbot (3): they drift into medical advice.
- Outcome statistics: the advertising rules require real Malaysian data.
- CSR promotion and loyalty schemes (2): the advertising rules bar them.
- Overseas offices, clinical research and scholarships (3): a concept hospital would have to invent them.
- Video and online bill payment (2): no video production or real payments in a demo.
Design research
How the leading sites look, and what we took
We measured the fonts, colours and layouts of the hospitals we studied, then applied what the best of them share in an original design, on the public site and in the staff desk.
Across the leading sites
In Lightwell Specialist Hospital
Across the leading sites
Sans-serif headings on 13 of the 15 sites, with headlines mostly 30 to 43 px.
In Lightwell Specialist Hospital
Atkinson Hyperlegible Next, drawn for low-vision readers, with headlines of 38 to 70 px and Source Serif 4 for long reading.
Across the leading sites
Body text of 14 to 20 px, with two Malaysian sites below 4.5:1 contrast.
In Lightwell Specialist Hospital
Body text at 17 px and 17:1 contrast, nothing under 12 px, and plain zeros in prices and times.
Across the leading sites
A cool primary colour on 12 sites, a warm accent on 7, and red kept for emergencies.
In Lightwell Specialist Hospital
Indigo for actions, which no site studied uses, an apricot accent, block colours that show where things are, and red only for emergencies.
Across the leading sites
A campaign carousel first, then task tiles.
In Lightwell Specialist Hospital
Tasks first, set as a lobby directory with building codes.
Across the leading sites
Stock photos of doctors and patients.
In Lightwell Specialist Hospital
One original image set with the advertising board’s statement wherever care is shown, and monogram tiles for doctors.
Across the leading sites
Wayfinding scattered across photos, profiles and pop-ups.
In Lightwell Specialist Hospital
A system: codes on everything, a section drawing of the campus, and floor plans with routes.
Across the leading sites
Carousels and autoplay.
In Lightwell Specialist Hospital
Motion only where it helps, and none when reduced motion is set.
Rules it follows
The business rules, built in
The prototype enforces each of these, so you can test them yourself.
Advertising a healthcare facility
- No superlatives, comparisons or promotions; a wording check blocks them before staff can publish
- No patient testimonials
- The advertising board’s approval number in the footer, marked as a sample
Presenting doctors
- Facts only: registration numbers, qualifications, languages and clinic sessions
- Passport-size monogram tiles instead of photos
- Guides and talks never invite readers to book their reviewer or speaker
Charges and fees
- Doctors’ fees shown apart from hospital charges, under the fee schedule
- A published price change logs a note to inform the advertising board
- Medicine prices displayed under the 2025 price-marking order
Personal data
- Explicit, unticked consent on every form that collects health information
- Marketing consent asked for separately
- A privacy notice in Malay and English with a named data protection officer
Complaints and safety
- Complaints acknowledged within 3 working days and answered within 10
- Every form says to call 999 or come to the emergency department
- No records, results, prescriptions or symptom checker
Connected roles
One action, every screen
Every role works on the same records, so one person’s action shows up for the others.
- 1
A patient books a cardiologist’s slot, and the slot disappears for everyone else while the appointments desk sees the request beside that day’s clinic list.
- 2
The desk offers another time, and the patient’s tracking page shows it with a button to accept.
- 3
The patient opens “where to go”, and the floor plan lights up the suite with a route from the entrance or the car park.
- 4
An overseas patient turns an estimate into an enquiry in Bahasa Indonesia, and moving it to “plan sent” on the case board changes their tracking page.
- 5
Staff change a screening price, and the public pages show it while the compliance log adds a note to inform the advertising board.
- 6
Staff move a doctor’s clinic session, and the profile, the directory and the booking slots follow it.
- 7
A complaint gets a reference and the inbox counts down its 3 and 10 working days, and marking a guide reviewed updates the date on the public article.
Services it proves
Where Lightwell Specialist Hospital is our example
Each of these service pages uses a part of Lightwell Specialist Hospital to show the work. Open one to see what we would build for you.
- Business & corporate websitesA hospital website built around what patients come to do: find a doctor and a free slot, see the cost and know exactly where to go, within the healthcare advertising rules.
- Booking appsShows: A profile that booksSpecialist appointments from published clinic sessions: pick a free slot on the doctor’s profile, and the appointments desk confirms it or offers another time.
- Web appsShows: Appointments deskA hospital appointments desk: the request queue, the request and the doctor’s clinic list side by side, where staff confirm or offer another time.
- Content & publication sitesShows: Health libraryTwenty reviewed health guides in a reading layout, each with its reviewer, review date and next review, kept current from a staff review queue.
- Branding & logoShows: Brand identityA specialist hospital’s calm, trustworthy identity across its website and booking screens.
- CopywritingShows: International centre in Bahasa IndonesiaAn international patient centre in Bahasa Indonesia for patients travelling from Indonesia.
- Clinics & hospitalsShows: Find a doctorA specialist hospital: doctor finder, screening packages with prices, cost estimates, an Indonesian international centre and the staff appointments desk.
Core systems
What this build is made of
These are systems we build repeatedly — each links to every other project that contains it, so you can compare implementations before deciding what you need.
Industry: Clinics & hospitals
Unique to this build
Built specifically for this project rather than assembled from the shelf.
Floor plans with routes
Every floor of both sites drawn in SVG, with the route, written steps and walking time to any suite.
Cost estimator
A range by room class and stay, with hospital charges and doctors’ fees on separate lines, that turns into an overseas enquiry.
Advertising wording check
Staff cannot publish superlatives, comparisons or promotions, in English, Malay or Indonesian.
Want a build like this for your business?
Tell us what you have in mind and we'll put together a functional prototype of your project — free.