Digital Jin
Web Design & DevelopmentยทHealthcareยท2026

Shalby Hospitals

One calm, accessible system that ties 16 hospitals and 11 specialties together

Shalby has cared for 2.8 million+ patients since 1994 across 16 facilities. The site had to make a sprawling, multi-location, multi-specialty network feel like one reassuring brand - and help an anxious patient find the right doctor in seconds.

๐Ÿ”’www.shalby.org
Shalby Hospitals homepage
www.shalby.org - the live homepage we designed and built
Client
Shalby Hospitals
Industry
Healthcare
Year
2026
Services
UX & Information Architecture, UI Design, Front-end Development, Accessibility
16
Hospitals unified
11
Specialties mapped
WCAG AA
Accessibility target
2-tap
To book or consult

Pages we designed & built

Not a one-page template - a full site. Here are the real, live pages we designed and developed, each with its own layout and job to do.

๐Ÿ”’www.shalby.org/specialities/
Shalby Hospitals Specialities page
SpecialitiesSpecialities page
๐Ÿ”’www.shalby.org/international-patients/exclusive-services/
Shalby Hospitals Services page
ServicesServices page
๐Ÿ”’www.shalby.org/meet-our-experts/
Shalby Hospitals Find-a-doctor page
DoctorsFind-a-doctor page
๐Ÿ”’www.shalby.org/about-us/
Shalby Hospitals About page
AboutAbout page

The brief

A large hospital website lives or dies on one moment: a worried person, often on a phone, trying to find the right specialist, location or appointment fast. The old experience buried that journey under a maze of departments, cities and PDF-style pages.

16 hospitals across 8 states and 11 clinical specialties to organise without overwhelming people.
Patients arrive anxious - the interface needed to feel warm and calm, not cold and clinical.
A wide age range, including older patients, so legibility and accessibility were non-negotiable.
Book-appointment, find-a-doctor and video-consult had to be reachable from anywhere in two taps.
A 32-year legacy of clinical excellence that the design had to make visible and credible.

The thinking

01

Warm orange over clinical blue

Most hospitals hide behind cold blues. We led with Shalby's orange - the colour of energy, warmth and approachable care - and anchored it on a deep navy that signals expertise and a 32-year legacy. The result feels human first, clinical second.

02

Two-tap patient journeys

Find a doctor, book an appointment and video-consult are pinned as primary actions on every screen. Specialties and locations are organised so an anxious patient reaches the right page in seconds, not minutes.

03

Accessible by default

Large, high-contrast type, generous spacing and WCAG-AA colour pairings so the site works for every age group and on every device - including older patients reading on a phone in a waiting room.

Colour & meaning

Every colour was chosen for a reason - what it signals to the visitor and how it makes them feel before they read a single word.

Shalby Orange#F37021

Warmth and approachable care - the human, reassuring face of the brand that sets it apart from cold hospital blues.

Trust Navy#16335B

Depth, expertise and the 32-year legacy - it grounds the orange and signals clinical authority.

Care Teal#0E9C8E

A calm secondary used for wellness, prevention and supportive content.

Clinic White#F6F8FB

Clean, airy backgrounds that keep dense medical information readable and stress-free.

Built for every screen

Designed mobile-first and engineered to look sharp on every device - the same live site on desktop, tablet and phone.

๐Ÿ”’www.shalby.org
Shalby Hospitals website - desktop
Shalby Hospitals website - tablet
Shalby Hospitals website - mobile
Desktop ยท 1440pxTablet ยท 820pxMobile ยท 390px

And every page is tuned for the phone - where most of these visitors actually land.

Shalby Hospitals Homepage on mobile

Home

Shalby Hospitals Specialities page on mobile

Specialities

Shalby Hospitals Services page on mobile

Services

Shalby Hospitals Find-a-doctor page on mobile

Doctors

Shalby Hospitals About page on mobile

About

The full homepage, top to bottom

The complete homepage we shipped - scroll inside the frame to see every section, exactly as it went live.

๐Ÿ”’www.shalby.org
Shalby Hospitals full homepage
Full homepage - top to bottom
Shalby Hospitals homepage on mobile

Homepage on mobile

What we shipped

โ†’Sticky find-a-doctor and book-appointment bar on every page
โ†’Specialty and location finder with clear, scannable cards
โ†’Video-consultation and home-care entry points surfaced up front
โ†’Trust band of live stats - beds, doctors, patients served
โ†’Fully responsive, two-tap navigation tuned for phones

Pages shipped

01
Home
Legacy, specialties and instant booking
02
Specialties
11 clinical departments, clearly mapped
03
Find a Doctor
Search by city, specialty and name
04
Locations
16 hospitals across 8 states
05
Book Appointment
Two-tap booking and video consult
โ€œThe new site finally feels like one Shalby, no matter which hospital or city you start from. Patients reach the right doctor far faster, and it reads beautifully on a phone.โ€
Shalby Hospitals - Multispecialty hospital network ยท India