Healthcare · Hospital website · Gibraltar

A hospital website built around patients.

The website of GibMed International Hospital, Gibraltar.
I led the full revamp: research, IA, design system and every page.

Lead Product Designer Full revamp GibMed
gibmed.gi
GibMed website home page
GibMed website on a phone
Role

Lead Product Designer

Scope

Website, booking, portal

Product

Private hospital website

Market

Gibraltar

The hospital

Private healthcare in the heart of Gibraltar.

Over 40 consultants across primary care, surgery, diagnostics and therapies, under one roof.

  • ✓Online booking in four steps
  • ✓A profile for every consultant
  • ✓Patient portal for lab results
  • ✓Clinic calendar of visiting specialists
gibmed.gi
GibMed homepage: Looking for a family GP in Gibraltar?
Overview

The product in 24 seconds.

Home, the care menu, a booking from start to confirmation, and the clinic calendar.

The challenge

Where the old site fell short.

01

A flat service list

Around 24 specialty pages in a single menu.

02

Duplicate team pages

Consultant profiles split across two trees.

03

Email-only booking

Appointments could only be requested by email.

The approach

From audit to every page.

1

Audit & IA

Restructured the site around six patient tasks.

2

Design system

Tokens, components and two radii for every page.

3

Page design

Services, 45 consultant profiles, news, business.

4

Flows & tools

Booking, patient portal and clinic calendar.

The website

Structured around patient tasks.

Services grouped by care area, a profile for every consultant and a dedicated page for employers.

gibmed.gi
Care and Services mega menu, grouped by care area
Care & Services menu
gibmed.gi/team
Our team page: Meet the specialists behind your care
Our team
gibmed.gi/team
Consultant profile: Dr. Rohit Peshin, Consultant Rheumatologist
Consultant profile
gibmed.gi/for-business
For Business page: Corporate health and wellbeing
For Business
The booking flow

Online booking in four steps.

Each step was mapped as a UX flow, then brought to life with AI as a working prototype.

Step 1: What do you need help with?
01
Service
Step 2: Choose a consultant
02
Consultant
Step 3: Pick a date and time
03
Date & time
Step 4: Your details
04
Your details
Request received
✓
Request received
For patients

Patient tools on one design system.

01 · Patient portal

Results and appointments in one place.

One secure sign-in for test results, appointments, clinic letters and messages to the care team.

  • ✓ Lab results as soon as they are ready
  • ✓ Appointments and clinic letters
  • ✓ Messages and prescriptions
gibmed.gi/portal
Patient portal sign-in: Your health, in one secure place
02 · Clinic calendar

Every visiting specialist, by day.

Find your doctor’s next clinic day and book it in a couple of clicks.

  • ✓ Month, week and day views
  • ✓ Search by doctor or specialty
  • ✓ In-house and visiting filters
gibmed.gi/calendar
Clinic calendar, week view of visiting specialists
The features

Key features for patients.

🩺

Care by area

Every service grouped in one clear menu.

👩‍⚕️

Find a consultant

Search 45 profiles by name or specialty.

📅

Online booking

Four steps, in person or by phone.

🔐

Patient portal

Results, letters and messages, secure.

♿

Accessibility menu

Text size, contrast, readable font, less motion.

💬

Chat & WhatsApp

Help one tap away, on every page.

The scope

The scope of the revamp.

0
Pages designed
0
Consultant profiles
0
Steps to book online
0
Task-based sections
“World-class private care, close to home.”
GibMed International Hospital
Next case study
← Back to all work