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.
- Role
- Self-initiated concept. Solo UI/UX designer. Not commissioned, not built.
- Timeline
- Self-initiated case study, 2 weeks, Apr 2025
- Platforms
- Web · Desktop
- Figma
- FigJam
- Languages (EN / AR)
- 2
- Page sections
- 6
Overview
The project
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.
Alzahraa is a fictional hospital made up for this concept. The project isn't affiliated with any real hospital of that name.
How it was made
Design process
Discover
Competitive analysis of hospital websites; what patients look for
Define
Content structure/IA: hero → departments → stats → FAQ → contact
Wireframe
Low-fi section layouts
Visual design
Healthcare-trust palette (teal/blue), iconography, type scale
Bilingual / RTL
Mirroring the whole layout for Arabic, not just translating text
Hi-fi & handoff
Final screens, design system
What I learned
Research insights
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.
Why it looks like this
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 screens
Gallery
What I used
Tools
Figma
UI design + prototyping
FigJam
whiteboarding / thinking tool
What came out of it
Results
2
Language versions (EN + AR)
12
Hi-fi screens delivered
RTL
Complete right-to-left layout
6
Designed page sections
97
Hi-if components