Services
Services at a Glance
Six equal cards cover primary care, screening, physiotherapy, wound care, podiatry and equipment.
Perak Medical Centre
Your healthis their priority.
A friendly, trustworthy website for a group of clinics in Ipoh and across Perak: services, doctors, partners and every branch in one place.
- Role
- Lead Web UI/UX Designer & Information Architect
- Platform
- Website (Desktop & Mobile)
- Tool
- Figma
- Timeframe
- 2024
Six pages. One clinic group.
From the home page to every branch.
01 · Welcome
Home
“Your Health Is Our Priority” with a clear Contact Us button beside an illustration, then the heading for what the clinics are built on.
02 · Trust
About Us
A full-width team photo opens the page, then “About Us”: who PMC is and what it stands for, with the clinic logo beside the text.
03 · Offer
Services
“Our Services Define PMC” with a Contact Us button, then the first of six equal service cards, each with a title and a short description.
04 · Partners
Clients & Insurance
“Our Clients, Our Priority” with a Contact Us button, then the first row of company and organisation logos.
05 · Join
Careers
“Define Your Future With Us” with an Apply Now button, then “Job Prospects at PMC”, starting with medical staff, each role with its own illustration.
06 · Visit
Contact & Locations
“Book an Appointment With Us Today!”, then address, hotline and email in a row of icons, and the main clinic beside its map.
A headline, a sentence,one action.
Careers, Clients, Services and Contact all open the same way: a two-line headline, one supporting sentence and a single button beside a spot illustration. Visitors learn the pattern on the first page and read every other page faster.
Six services.Six equal cards.
Primary care, health screening, physiotherapy, wound care, podiatric services and modern equipment each get a card of the same size, so no service looks more important than another and the whole offer fits in one view.
Trust,shown not claimed.
Every doctor appears with their qualifications and where they trained, on a lavender band that sets the section apart. The About page also lists the bodies that authorise and certify the clinics.
Find the nearest branch,at a glance.
The Contact page shows the main clinic on a map, then a card for each of the six branches with a photo of the frontage, the address and a phone number, so a visitor can recognise the building when they arrive.
The same site,in your pocket.
On a phone the layout becomes one column: the headline and illustration stack, contact details become a list, and the six page links move into a menu behind a single button, with Contact Us and the phone number still in reach.
One navy. A calm, familiar palette.
One deep navy on a soft off-white page, with a lavender band for emphasis, spot illustrations in the same navy, and a simple top bar with six links and a Contact Us button.
PMC Navy
#102695
Headings, links, buttons and illustrations
Lavender
#CACFE5
Highlight bands, such as doctors
Paper
#F9F9F9
Page background
Ink
#3F3D56
Body text
Components
Our Services
Define PMC
Contact Us
Primary Care
PMC provides primary care services to support everyday health needs.
Our Best Doctors
Get the highlights.
At a glance
A whole website, designed.
- Pages Designed
- 6
- Home, About Us, Services, Clients & Insurance, Careers, and Contact & Locations.
- Branches Listed
- 6
- Each with a photo of the frontage, its address and a phone number.
- Partner Groups
- 3
- Companies and organisations, third-party associates, and insurers.