Healthy Life Store
منصة جديدة كاملة لمتجر أردني قائم للمكملات الغذائية ومنتجات التغذية، بالعربية والإنجليزية.
- النوع
- متجر إلكتروني ولوحة تحكم
- اللغات
- العربية والإنجليزية، بتخطيط من اليمين ومن اليسار
- النطاق
- واجهة المتجر، لوحة التحكم، النقل من المنصة السابقة، النشر والنسخ الاحتياطي
- دور moonsoft
- التصميم والتطوير والنشر وتجهيز الصيانة
- الحالة
- مبني ومنشور على الخادم، قيد التسليم، والإطلاق العام قريباً
صفحة منتج بالعربية على الكمبيوتر والهاتف. واجهة المتجر فاتحة، ونعرضها كما هي دون تعديل.
السياق
المتجر كان يعمل على منصة سابقة، ولديه زبائن وطلبات. زبائنه في الأردن ويتسوقون من هواتفهم، وصاحبه وفريقه يديرونه من لوحة التحكم.
المشكلة
الهدف: واجهة أسرع بلغتين يديرها صاحب المتجر بنفسه، مع نقل الكتالوج والزبائن والطلبات دون فقدان أي منها.
ما سلّمناه
واجهة المتجر
- العربية والإنجليزية بتخطيط كامل من اليمين ومن اليسار، ومبدّل لغة يبقيك في الصفحة نفسها.
- كتالوج بأقسام على ثلاثة مستويات، وعلامات تجارية، وبحث يفهم الكتابة العربية بأشكالها، وفلاتر وترتيب.
- صفحات منتجات بمعرض صور، وخيارات، وحالة المخزون، وتنبيه عند التوفر، ومنتجات ذات صلة، وتقييمات بالصور وتصويت على الفائدة.
- عروض: باقات منتجات، وهدية مع الشراء، وعرض مميز، وشريط كوبونات، وحد للتوصيل المجاني.
- سلة ودفع للزوار والحسابات: الدفع عند الاستلام أو CliQ أو تحويل بنكي مع رفع الإيصال، وتتبع الطلب برقمه والهاتف، ورسائل حالة الطلب بلغته.
- حسابات بالبريد أو بـGoogle، وتحقق بخطوتين اختياري، وأجهزة موثوقة، وعناوين محفوظة، وقائمة أمنيات، ونشرة بريدية بإلغاء اشتراك بضغطة.
لوحة التحكم
- المنتجات والأقسام والعلامات والعروض والكوبونات والبانرات ومدن التوصيل ورسومها وإعدادات الشحن.
- الزبائن، والطلبات بمسار حالات، وصندوق الرسائل، وتنبيهات المخزون.
- مسح الباركود بكاميرا الهاتف وجلب بيانات المنتج بالباركود.
- تصدير الكتالوج واستيراده بملف Excel بلغتين صُمم لمن لا يعمل في التقنية.
- معالجة الصور: اكتشاف الخلفية تلقائياً، ومقاس موحد 1600×1600، وتحذيرات المقاسات.
- أدوار المالك والموظفين، وكل إجراء يُفوَّض على الخادم، وسجل لكل تغيير.
الهندسة والتشغيل
- Next.js 16 وReact 19 وTypeScript وTailwind 4 وPostgreSQL 18 وPrisma 7 وBetter Auth، وكل عملية كتابة عبر Server Actions.
- أكثر من 3,000 اختبار آلي، وحزمة قبول قبل كل إصدار.
- تحقق على الخادم في كل مكان، وحدود للطلبات، وسياسة أمان للمحتوى، وجدار حماية لتطبيقات الويب، وروابط طلبات موقَّعة، وإيصالات مشفّرة، وبصمات لعناوين IP.
- نشر بحاويات على خادم خاص، وشهادات تلقائية، وإصدارات بلا طلبات ساقطة، ونسخ احتياطي ليلي مشفّر خارج الخادم، وتجارب استرجاع، ومراقبة خارجية.
- نقل الكتالوج والزبائن والطلبات من المنصة السابقة، ونقل صور المنتجات، وتحويل كل رابط منتج قديم.
قيس محلياً بـLighthouse على جهاز التطوير: أول ظهور للمحتوى في الصفحة الرئيسية تحسّن من 2.7 ثانية إلى 1.4 ثانية، وفي صفحة المنتج من 2.0 ثانية إلى 1.1 ثانية، بعد تضمين التنسيقات الأساسية وتصغير صور البداية. ليست وعداً بأرقام مماثلة.
الشاشات
الواجهة نفسها باللغتين: التخطيط كله ينعكس مع اتجاه الكتابة، لا النصوص وحدها.
قرارات التصميم والهندسة
إيصالات التحويل مشفّرة
إيصال الحوالة صورة لتحويل بنكي شخصي؛ لذلك يُشفَّر عند التخزين، ولا يراه إلا صاحب الطلب عبر ملف تعريف موقَّع وقصير الأجل.
لوحة تحكم بيد واحدة
صُممت لوحة التحكم للهاتف: فلاتر في لوحة سفلية، وأهداف لمس بحجم 44 بكسل، وبطاقات تحت 1024 بكسل وجداول فوقها، دون تغيير نسخة الكمبيوتر.
صفحات المنتجات من الذاكرة المؤقتة
تُولَّد صفحات المنتجات مسبقاً وتُخدَم من الذاكرة المؤقتة. الجزء الشخصي الوحيد هو الترويسة (السلة والحساب)، ويُرسم قبل أول بكسل، فلا يظهر شيء متأخراً.
إصدارات بلا توقف
الحاوية الجديدة تثبت أنها النسخة الصحيحة وأنها سليمة قبل أن تتوقف القديمة.
ما أصبح ممكناً
- صاحب المتجر يحدّث المنتجات والأسعار والعروض والبانرات بنفسه، ومنها عبر ملف جداول.
- الزبائن يطلبون بالعربية أو الإنجليزية من الهاتف، ويتتبعون الطلب دون حساب.
- الإصدارات والنسخ الاحتياطي لم تعد تعتمد على أن يكون المطوّر مستيقظاً.
الحالة
المتجر مبني ومنشور على الخادم وقيد التسليم. الإطلاق العام بيد صاحبه بعد جاهزية موقع moonsoft، ولن نضع رابطاً قبل ذلك.
تريد شيئاً بهذه الدقة لمشروعك؟نرد خلال يومي عمل بخطوة تالية واضحة.
أو راسلنا مباشرة: moonsoft.ms@gmail.com
كل صفحة تزورها تُضيء قطعة من هذا القمر: 1 من 10.