Elgebaly Pharmacy

01 المهمة

الجبالي صيدلية عاملة، لا مجرد كتالوج منتجات. فإلى جانب الأدوية ومستحضرات التجميل، تؤجر أجهزة الأكسجين والشفط، وترسل ممرضين إلى المرضى في منازلهم، وتضع برامج تغذية علاجية بإشراف طبي، وتُعدّ تركيبات دوائية حسب الطلب.

وكان أي قالب تجارة إلكترونية جاهز سيختزل ذلك كله في «منتجات». وكانت المهمة بناء متجر تجلس فيه خدمة تُحجز وجهاز يُشترى جنباً إلى جنب دون أن يبدو أيهما في غير موضعه.

كل ما تفعله الصيدلية فعلاً في متجر واحد — بما في ذلك ما ليس منتجاً.

02 ما الذي بنيناه

كتالوج الأجهزة مرتَّب بالطريقة التي يفكر بها العميل لا بالطريقة التي يوردها المورّد: القياس، والعلاج والتنفس، ورعاية المرضى، ودعم الحركة. فأجهزة قياس الضغط والنبيولايزر والكراسي المتحركة والأسرّة الطبية، كلٌّ في موضعه المتوقَّع.

والبوكسات هي الفكرة التي تميّز المتجر. بوكس الحج والعمرة، وبوكس المدرسة، وبوكس الجيش، وبوكس العريس والعروس — كلٌّ مجموعة مُجمَّعة لمناسبة، بسعر واحد، ولها صفحتها الخاصة. تحوّل سؤال «ماذا أحتاج لهذا؟» إلى قرار واحد.

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

03 هندسة النظام

الصيدلية تتنافس على أن يُعثر عليها. ومن هنا جاءت القرارات التقنية.

• Angular بعرض من الخادم

  كل صفحة فئة وبوكس ومنتج تُسلَّم كـ HTML مُعدّ مسبقاً مع تضمين أنماط العرض الحرجة، فتحصل محركات البحث ومعاينات الروابط على محتوى حقيقي لا هيكل فارغ.

• عربي أولاً لا مترجم

  صُمّم التخطيط من اليمين إلى اليسار منذ أول مخطط. فأسماء المنتجات والجرعات والأسعار تُقرأ بطبيعية، لا داخل شبكة إنجليزية معكوسة.

• الحسابات والسلة

  تسجيل ودخول وسلة دائمة، مع إبقاء واتساب مساراً موازياً للطلب لمن يفضّله دائماً من العملاء.

• فاتح وداكن

  سمة ثانية كاملة، لأن جزءاً كبيراً من الزيارات يأتي ليلاً من هاتف في غرفة مظلمة.

بُني باستخدام

• Angular
• TypeScript
• SSR
• Prerendering
• RTL