Skip to project explanationانتقل إلى شرح المشروع
All projectsكل المشاريعRayan Marzuqi

Sehhaty J2

A clearer path
through patient care.

A complete redesign of the national patient app as one self-contained HTML file — live clinical formulas, a real AI care assistant, and Arabic engineering treated as patient safety. Delivered to leadership as executive PDFs + editable slides.

Read the story

Patient experience · Delivered redesign conceptNational Patient App · Redesign Concept

Sehhaty J2 — The Patient Journey, Rebuilt

صحتي J2

طريق أوضح
في رحلة الرعاية.

إعادة تصميم كاملة لتطبيق المرضى الوطني في ملف HTML واحد مكتفٍ بذاته — معادلات سريرية حية، ومساعد رعاية حقيقي، وهندسة عربية تُعامل كسلامة مرضى. سُلّمت للقيادة كملفات PDF تنفيذية وشرائح قابلة للتحرير.

اقرأ قصة المشروع

تجربة المريض · مفهوم إعادة تصميم مُسلَّمتطبيق المرضى الوطني · مفهوم إعادة تصميم

صحتي J2 — رحلة المريض، مُعاد بناؤها

A connected patient journey

In-app AI assistant (د. حكيم) wired to Claude with real booking tools that insert genuine records and re-render the appointments view.

Clinically intelligent cross-links: the exercise intake reads the patient's own record — retinopathy eye exam missing — and automatically downgrades workout intensity with a booking link.

رحلة مترابطة للمريض

مساعد ذكاء اصطناعي داخل التطبيق (د. حكيم) موصول بـClaude بأدوات حجز حقيقية تُدخل سجلات فعلية وتعيد رسم واجهة المواعيد.

روابط سريرية ذكية: استقبال التمارين يقرأ سجل المريض نفسه — فحص شبكية غير مسجّل — فيخفّض شدة التمرين تلقائياً مع رابط حجز.

Clinical calculations in the interface

Live PhenoAge biological age (Levine 2018): a 9-biomarker Gompertz formula computed in JavaScript from the persona's labs — verified against an external implementation to within 0.13 years, never hardcoded.

PhenoAge accuracy vs reference implementation
0.13 yr

المعادلات السريرية في الواجهة

عمر بيولوجي PhenoAge حي (Levine 2018): معادلة 9 مؤشرات حيوية تُحسب في المتصفح من تحاليل الشخصية — تحققت مقابل تطبيق مرجعي خارجي بدقة 0.13 سنة، لا أرقام مثبتة.

دقة PhenoAge مقابل التطبيق المرجعي
0.13 سنة

Arabic display as patient safety

The bidi trap treated as patient safety: RTL rendered blood pressure 118/76 as 76/118 — fixed globally with unicode-bidi isolation on every clinical numeral and verified programmatically.

Arabic-Indic digits normalized under a zero-tolerance regex
443

The decision that matters

He treats a right-to-left rendering quirk as a patient-safety incident, not a CSS bug — a blood pressure that displays backwards is a clinical error, and the fix is now a binding rule for every Arabic health interface he builds.

العرض العربي بوصفه سلامة للمريض

فخ الاتجاه ثنائي اللغة كسلامة مرضى: العرض العربي قلب ضغط 118/76 إلى 76/118 — أُصلح عالمياً بعزل اتجاهي على كل رقم سريري وتُحقق منه برمجياً.

رقماً عربياً هندياً طُبّع تحت فحص صفري التسامح
443

القرار الذي يصنع الفرق

يعامل خللاً في اتجاه العرض كحادثة سلامة مرضى لا كخطأ CSS — ضغط دم يظهر معكوساً خطأ سريري، والإصلاح صار قاعدة ملزمة لكل واجهة صحية عربية يبنيها.

Verification and delivery

Every claim verified in a real browser via Playwright at mobile viewport — three bugs were findable no other way.

Production asset engineering: images 3.3 MB → 159 KB (96%), animated exercise figures ~7 KB each; 873 public-domain exercises adopted only after rejecting AGPL and unlicensed alternatives.

image payload reduction
96%
JS errors in browser-verified delivery
0

Built with

  • Self-contained HTML (offline, file://)
  • Vanilla JS clinical formulas
  • Claude API + tool use
  • Playwright verification
  • Figma design system (58 variables)

التحقق والتسليم

كل ادعاء تُحقق منه في متصفح حقيقي عبر Playwright بمقاس جوال — ثلاثة أخطاء ما كانت لتُكتشف بغير ذلك.

هندسة أصول إنتاجية: صور من 3.3 ميجابايت إلى 159 كيلوبايت (96%)، و873 تمريناً بترخيص عام نظيف بعد رفض بدائل AGPL وغير المرخصة.

خفض حمولة الصور
96%
أخطاء JavaScript في تسليم مُتحقق بالمتصفح
0

التقنيات المستخدمة

  • HTML مكتفٍ بذاته (يعمل دون خادم)
  • معادلات سريرية بـJavaScript
  • Claude API بأدوات
  • تحقق Playwright
  • نظام تصميم Figma (58 متغيراً)

Figures and project status are taken from my supplied project records. The film is a visual interpretation of the system.

الأرقام وحالة المشروع مأخوذة من سجلات أعمالي المقدمة. الفيديو تعبير بصري عن النظام.

Next projectالمشروع التاليValidation Gatesبوابات التحقق