Asian Polyclinic · Website v2Calm Clinical
White pages, lots of space and fine hairline borders instead of shadows. Periwinkle appears only as a quiet accent, and doctor portraits are cropped in the soft pointed arch taken from the logo. It reads as precise and trustworthy, like a premium private clinic, and keeps the Book button as the only strong colour on the page.
Palette (from the clinic's colours)
Type pairing
Pages
Bold Brand
Big fields of the clinic's own indigo, running from #6969B3 to #24337A, with the trefoil mark repeated as a faint pattern on dark sections. Headlines are large and confident, departments sit on colour-blocked cards, and buttons are bold pills. It is the closest to the presence of the old site's colours, made modern and memorable.
Palette (from the clinic's colours)
Type pairing
Pages
Warm and Welcoming
Led by the clinic's own photos: the team in the hero, the reception and waiting areas further down. Soft lavender tints, rounded cards and round doctor portraits make it feel friendly, and a welcome line in English, Arabic, Urdu, Bangla and Malayalam speaks to the clinic's South Asian and pilgrim patients. A short request form sits right in the hero.
Palette (from the clinic's colours)
Type pairing
Pages
The same in all three
- Book button always in the header, plus a Call · WhatsApp · Book bar fixed to the bottom of every phone screen.
- Hero with Book, Call and WhatsApp, and trust signals visible without scrolling on phones.
- Departments, how it works, doctors, insurers, packages, branches with hours, five questions and a closing call to action.
- Every Book button on a department, doctor or package opens the form with that choice already filled in.
- Short form: 7 fields plus consent shown at first (the doctor list appears after a department is chosen, notes are optional). The notes field asks people not to include medical details.
- WhatsApp opens with "Hello, I'd like to book an appointment" in the page's language.
How to read the prototypes
- DRAFT marks new wording written for the prototype that the clinic should approve.
- CONFIRM marks a fact the content source does not have (exact hours, addresses, languages spoken, callback time).
- Packages, Insurance, About and Contact in the menu jump to that section of the home page; those pages are built in Phase 2.
- The department page shows General Medicine; add
?d=pediatrics(or any department) to the address to see another. - Every text and background colour pair passes the WCAG AA contrast standard (77 pairs checked).