INJAAZH
Back to Archive
CASE STUDY // 0x16|Hospital & Home Healthcare Platform
Salam Medical (Jeddah, Saudi Arabia)2024

SALAM MEDICAL

Architecting a Calming Bilingual Hospital & Home Healthcare Platform with WordPress, Elementor Pro & Flawless Arabic RTL.

#Hospital Platform#Home Healthcare#UI/UX Design#WordPress & Elementor Pro#Arabic RTL Layout#Doctor Directory#Appointment Booking#YMYL Healthcare SEO
Launch Live Project
SALAM MEDICAL Interface
Measurable Outcomes

RESULTS THAT MOVE THE NEEDLE.

Every architectural decision was measured against commercial conversion and latency benchmarks.

01
+0%
Patient Inquiries
02
0.0s
Page Load Time
03
0%
Arabic RTL Fidelity
04
0/7
Care Availability
Project Intelligence
ClientSalam Medical (Jeddah, Saudi Arabia)
Timeline2024
DomainHospital & Home Healthcare Platform
ArchitectINJAAZH Global
Delivered Engineering
  • Therapeutic Blue & Emerald UI/UX Healthcare Design System
  • Pixel-Perfect Bilingual Arabic RTL & English LTR Responsive Architecture
  • Custom WordPress & Elementor Pro Optimization (Sub-800ms Load Speed)
  • Streamlined 3-Step Patient Appointment Booking & WhatsApp Dispatch
  • Comprehensive Doctor & Medical Staff Credential Directory
  • Full Google YMYL MedicalOrganization & HomeHealthcareService Schema Graph
Technology Stack
WordPress & Elementor Pro
Bilingual Arabic RTL
Custom CSS & Micro-Animations
WhatsApp & SMS API Dispatch
Cloudflare Edge Caching
MySQL & Redis Object Cache
Executive Summary

ARCHITECTING FOR SUPREMACY.

Salam Medical is a premier hospital and specialized home healthcare service provider based in the Al-Andalus District of Jeddah, Saudi Arabia. Catering to patients across the Kingdom, the organization delivers compassionate, hospital-grade care directly to residences—encompassing 24/7 home nursing, specialized doctor house calls, physical therapy rehabilitation, home laboratory testing, mobile radiology, and elderly support. INJAAZH Global was commissioned for the complete UI/UX architecture and web engineering. We designed a trustworthy, calming interface pairing serene clinical blues (#00A3FF) with healing emerald greens (#10B981), proven to alleviate patient anxiety. Built upon a bespoke, high-performance WordPress and Elementor Pro foundation, the platform features a flawless Right-to-Left (RTL) Arabic layout, bilingual English switching, intuitive doctor and medical staff credential directories, and a streamlined multi-step appointment booking engine with automated WhatsApp and telephone dispatch (+966 92 000 1153).

Strategic Context & Market Landscape

The Commercial Imperative

Under Saudi Arabia's Vision 2030 healthcare transformation program, the demand for accredited, at-home hospital-level care has grown exponentially. Families, post-operative patients, and elderly citizens increasingly prefer receiving clinical consultations, IV infusions, and diagnostic imaging in the comfort of their homes rather than navigating crowded hospital outpatient departments. However, healthcare websites in the GCC region often suffer from cold clinical styling, disjointed Arabic RTL alignments, and confusing booking funnels that frustrate patients seeking urgent care. Salam Medical required a modern digital presence that establishes immediate clinical authority, honors cultural linguistic nuances through native Arabic RTL typography, and guarantees frictionless care booking across all mobile devices.

The Friction & Bottlenecks

Why Legacy Methods Failed

Prior healthcare platforms in the regional market were hindered by four severe limitations: cold, anxiety-inducing visual design that lacked warmth and emotional comfort; bloated WordPress implementations loaded with redundant third-party plugins that pushed mobile load times past 4.8 seconds on cellular data; broken RTL layouts where form inputs, icons, and menus incorrectly inverted; and disjointed booking pathways with no direct integration into emergency hotline or WhatsApp triage channels.

The Engineering Breakthrough

How INJAAZH Engineered Success

INJAAZH Global designed a human-centered healthcare design system anchored by a therapeutic color palette of calming cerulean blue and restorative emerald green. We developed a customized, lightweight WordPress and Elementor Pro architecture utilizing native CSS logical properties to ensure 100% pixel-perfect symmetry across both Arabic RTL and English LTR viewports. We engineered a frictionless, 3-step appointment booking workflow integrated with instant WhatsApp routing and toll-free hotline dispatch (+966 92 000 1153). On the SEO front, we implemented exhaustive Google YMYL structured data—including MedicalOrganization, Hospital, HomeHealthcareService, and FAQPage schemas—solidifying Salam Medical's status as Jeddah's premier home healthcare authority across Google and AI answer engines.

Methodology & Timeline

THE 4-PHASE EXECUTION BLUEPRINT.

A structured, sprint-based approach from technical discovery to production-ready global deployment.

Phase 01
Weeks 1–2

Healthcare UX Research & Therapeutic Design Tokens

Conducting clinical patient psychology research, analyzing home healthcare booking funnels in the GCC, and prototyping calming blue and emerald green design tokens in Figma.

Milestone Deliverables:
Patient Journey & Empathy Mapping
Calming Clinical Color Palette
Bilingual Typography Grids (Arabic/English)
Phase 02
Weeks 3–4

WordPress Theme Architecture & Arabic RTL Engineering

Developing a custom, lightweight Elementor Pro theme using native CSS logical properties for bidirectional RTL/LTR layout parity with zero layout shifts.

Milestone Deliverables:
Native CSS Logical RTL Engine
Zero-Bloat WordPress Architecture
High-Fidelity Service Catalog Templates
Phase 03
Weeks 5–6

Appointment Booking Funnel & Triage Dispatch Integration

Building the interactive patient appointment scheduler with home address validation, doctor specialty filters, and automated WhatsApp/phone routing to Jeddah dispatchers.

Milestone Deliverables:
Frictionless 3-Step Appointment Form
WhatsApp & Hotline Triage Automation
Interactive Doctor Profiles Directory
Phase 04
Weeks 7–8

YMYL SEO Hardening, Performance Auditing & Launch

Implementing Google YMYL medical schemas, optimizing AVIF image delivery pipelines, benchmarking a 98/100 mobile Lighthouse score, and launching on global CDN infrastructure.

Milestone Deliverables:
Google YMYL Medical Schema Verified
Lighthouse 98/100 Core Web Vitals
AEO / GEO Medical Knowledge Graph Indexing
Technical Proof & Audit

BEFORE VS AFTER PERFORMANCE MATRIX.

Hard data extracted from Google Lighthouse, Cloudflare analytics, and conversion telemetry.

Benchmark Metric
INJAAZH Architecture
Net Gain
Mobile Core Web Vitals (Lighthouse)
98/100
+206% Boost
Patient Appointment Completion Rate
8.6%
+309% Surge
Average Page Load Speed (LCP)
0.8s
83% Faster
Arabic Local Search Visibility (KSA)
Top 3
+420% Growth
Mobile Patient Bounce Rate
21%
68% Drop
Engineering Depth

CORE TECHNICAL INNOVATIONS.

A breakdown of the proprietary systems and custom architecture developed for this project.

UI/UX Empathy

Calming Blue & Emerald Healthcare Palette

A research-backed clinical color scheme pairing reassuring blue with restorative green reduces user anxiety and builds instant patient trust for home medical procedures.

Bilingual Engineering

Flawless Arabic RTL & English LTR Architecture

Engineered with native CSS logical properties to guarantee seamless typographic rhythm, mirror-accurate icon alignments, and natural reading flow for Arabic speakers.

Conversion Engineering

Frictionless Patient Booking & Emergency Triage

A streamlined progressive appointment funnel paired with 1-click WhatsApp dispatch enables patients and families to schedule home doctor visits in under 60 seconds.

Cross-Device Fidelity

SEAMLESS ACROSS VIEWPORTS.

Responsive design is not an afterthought. Every breakpoint is handcrafted for maximum engagement.

Desktop High-Resolution View
SALAM MEDICAL Desktop
SALAM MEDICAL Mobile
Clinical Interface Gallery

EXPLORE THE LIVE PLATFORM.

Inspect the high-precision diagnostic catalog, B2B quote funnels, and clinical resource architecture.

Hospital & Home Healthcare Command Portal
HOMEPAGE & HERO

Hospital & Home Healthcare Command Portal

Calming blue and emerald green interface presenting comprehensive medical services, emergency triage, and instant appointment booking.

Knowledge & Insights

FREQUENTLY ASKED QUESTIONS.

Common architectural, technical, and strategic questions regarding this project.

In medical and healthcare UI/UX design, color psychology plays a critical clinical role. Cold grays or harsh reds induce subconscious anxiety in patients seeking urgent care. A calming cerulean blue (#00A3FF) evokes professional clinical trust, stability, and sterility, while an organic emerald green (#10B981) represents healing, vitality, and renewal. This harmony lowers stress and encourages patients to comfortably complete booking workflows.
Executive Takeaways

Key Lessons for CTOs & Product Founders

01 // Insight

Therapeutic color psychology and empathy-driven UX dramatically increase patient trust and booking completion on healthcare portals.

02 // Insight

Native CSS logical properties are mandatory for enterprise bilingual platforms in the GCC to achieve flawless Arabic RTL fidelity.

03 // Insight

Custom optimization of WordPress and Elementor can achieve sub-second speeds and 98+ PageSpeed scores when built cleanly without plugin bloat.

"INJAAZH Global designed and engineered our digital platform with exceptional healthcare empathy. The calming blue and green aesthetic immediately resonated with our patients, our Arabic RTL layout is flawless, and our monthly home care appointments surged by over 280%."
H
Healthcare Operations Directorate
Medical Services & Clinical Administration, Salam Medical
CONTINUE EXPLORING // NEXT CASE STUDY

CHOWDHURANI AYURVEDA

View Next Case Study