Home /design/
Alzahraa Hospital — Bilingual Website
Web Design
Bilingual UI
RTL
Apr 27, 2025

Alzahraa Hospital — Bilingual Website

A bilingual (English/Arabic, full RTL) hospital website designed to build trust and make departments, stats, and contact easy to find — designed end-to-end in Figma.

Timeline

2 weeks — Apr 2025

Role

Solo UI/UX designer

platforms

Web — Desktop

tools

Figma

FigJam

2

Languages (EN / AR)

6

Page sections

Alzahraa Hospital — Bilingual Website preview

Preview

The brief

Problem & goals

This was a self-directed exercise to practice bilingual (EN/AR) web design and building trust through UI. The goal — a clear, credible site where a patient can quickly find departments, key stats, and contact info, in both languages with full RTL support

How I worked

Design process

01

Discover

Competitive analysis of hospital websites; what patients look for

02

Define

Content structure/IA: hero → departments → stats → FAQ → contact

03

Wireframe

Low-fi section layouts

04

Visual design

Healthcare-trust palette (teal/blue), iconography, type scale

05

Bilingual / RTL

Mirroring the whole layout for Arabic, not just translating text

06

Hi-fi & handoff

Final screens, design system

What I had to solve

Design challenges

Trust at first glance

Healthcare sites must signal credibility instantly; studied how leading hospital sites use calm color, stats, and imagery.

Bilingual ≠ translation

Arabic flips the entire layout (RTL); the challenge was one system that mirrors cleanly.

Arabic typography

Different font, line-height, and sizing to match the Latin visual weight.

Density without overwhelm

Many departments/services; surfacing essentials only.

Design thinking

Key design decisions

Full RTL mirroring

Layout flips for Arabic, not just text

Dual typography system

Separate Arabic/Latin scales tuned to match

Trust-first hero

Calm teal palette, clear single CTA

Scannable section IA

Ordered by what a patient seeks

Progressive detail

Department cards with brief copy, details on demand

Reusable component system

Cards/buttons/headers as Figma components → fast EN/AR variants

The work

Screen gallery

Built with

Tools used

Figma

UI design + prototyping

FigJam

whiteboarding / thinking tool

The result

What I delivered

2

Language versions (EN + AR)

12

Hi-fi screens delivered

RTL

Complete right-to-left layout

6

Designed page sections

97

Hi-if components

More design work

Other projects