Case Study · Healthcare Website
Aarogya Clinic
A clinic site built around appointments and trust.
- React
- Tailwind CSS
What it is
A clinic website that keeps the essentials one tap away: services, practitioner information and an appointment enquiry, with accessible contrast and clear hierarchy. It is designed for patients who arrive with a specific need and limited patience.
The objective
Patients visiting a clinic site want hours, services and a way to book — quickly. The objective was to put those three within immediate reach on a phone.
How it was solved
A React front end where the appointment action is persistent, services are grouped into scannable cards, and practitioner details sit next to the booking path.
- Service and practitioner content kept in data, rendered by shared components.
- A persistent appointment action rather than a single buried contact section.
- Contrast and focus states verified against the design tokens.
Key features
Services overview
Clinic services grouped into scannable cards with plain descriptions.
Appointment enquiry
A short booking enquiry path available from every section.
Accessible contrast
Colour and type choices checked for readability across the page.
Technology
Frontend
- React
- Tailwind CSS
Development approach
- Service and practitioner content kept in data, rendered by shared components.
- A persistent appointment action rather than a single buried contact section.
- Contrast and focus states verified against the design tokens.
Interface decisions
- Booking action never more than one tap away.
- Clear visual hierarchy separating services from practitioner details.
- Readable body text sizing for older visitors.
Challenges & solutions
Medical copy became dense and hard to scan.
Split into short service cards with a single sentence each.
