التجارة

متجر ولوحة إدارة بلغتين لشركة منظفات

شركة تصنيع منظفات في مصر · متجر إلكتروني ولوحة إدارة بالعربية والإنجليزية لشركة تصنيع منظفات في مصر: كتالوج قابل للتصفية، وسلة مع دفع عند الاستلام تنتقل إلى واتساب، وتتبّع للطلبات، ولوحة إدارة بصلاحيات للطلبات والمخزون والمحتوى.

التجارة
شركة تصنيع منظفات في مصر
دور تك ديوصمّمنا المنتج، وخطّطنا لبنيته التقنية، وطوّرنا النظام كاملاً (الواجهة والخلفية).
التقنيات المستخدمةAngular 21, TypeScript, Node.js, Firebase, Cloud Functions, PrimeNG, Tailwind CSS
الصفحة الرئيسية لمتجر المنظفات مع شريحة رئيسية ومنتجات مميّزة

نظرة عامة

متجر لشركة تصنيع لزبائن في مصر، بالعربية والإنجليزية بتخطيط كامل من اليمين إلى اليسار، وبأسعار بالجنيه المصري ودفع عند الاستلام.

المشكلة

احتاجت الشركة إلى عرض مجموعة منتجاتها كاملة وما هو متوفر منها وإتاحة الطلب للزبائن، بينما يدير فريقها الطلبات والمخزون ومحتوى الموقع بنفسه، لكلٍّ بمستوى الصلاحية المناسب.

الحل

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

ما الذي تحسّن

  • متجر ثنائي اللغة يعمل بالدفع عند الاستلام والتحويل إلى واتساب
  • طلبات تُنشأ على الخادم مع التحقق من السعر والمخزون
  • يستطيع الزبائن تتبّع طلباتهم
  • يدير الفريق الطلبات والمخزون والمحتوى من لوحة إدارة واحدة بصلاحيات وسجل تدقيق

هذه النتائج من الاستخدام الفعلي للمنتج.

دور تك ديو

صمّمنا المنتج، وخطّطنا لبنيته التقنية، وطوّرنا النظام كاملاً (الواجهة والخلفية).

المستخدمون والأدوار

  • زبائن في مصر
  • المالك والمديرون
  • موظفو الطلبات
  • محررو المحتوى

المتطلبات والقيود

  • لغتان بتخطيط كامل من اليمين إلى اليسار
  • دفع عند الاستلام بالجنيه المصري، مع أرقام هواتف محمولة مصرية ومحافظات ومدن
  • لا يمكن الوثوق بالطلبات القادمة من المتصفح، لذا يُتحقَّق من السعر والمخزون على الخادم
  • يحتاج أفراد الفريق صلاحيات مختلفة: مالك ومدير وموظف طلبات ومحرّر محتوى
  • يجب أن يبقى المخزون دقيقاً مع تدفّق الطلبات والتسويات

المهام الرئيسية التي يغطيها

  • تصفّح الكتالوج وتصفيته والبحث فيه وترتيبه
  • اختيار خيارات المنتج
  • الإضافة إلى السلة والدفع عند الاستلام
  • تحويل الطلب إلى واتساب
  • تتبّع الطلب برقمه ورقم الهاتف
  • يدير الفريق الطلبات وحالاتها
  • يدير الفريق المنتجات وخياراتها وتصنيفاتها وصورها
  • تسويات المخزون بسبب إلزامي
  • تعديل لافتات الصفحة الرئيسية وبطاقات التواصل وصفحات المحتوى والأسئلة الشائعة
  • تقارير وإعدادات وسجل تدقيق
  • يدير المالكون الفريق وصلاحياته

كيف بُني

  • واجهة أمامية بـ Angular 21 وTypeScript مع PrimeNG وTailwind CSS
  • مصادقة Firebase وFirestore وStorage والاستضافة
  • Cloud Functions للطلبات والتتبّع وتغيير الحالات والمخزون وصلاحيات الفريق
  • صلاحيات الفريق تُفرض عبر قواعد الأمان في النظام
  • صفحات التعريف تُولَّد مسبقاً لتحميل أسرع وظهور أفضل في محركات البحث؛ أما المتجر ولوحة الإدارة فتعمل داخل المتصفح
  • خريطة موقع تتحدّث تلقائياً، وتطبيق ويب يمكن تثبيته على الهاتف

لقطات من المنتج

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

خدمات ذات صلة

هل تحتاج شيئاً في هذا الاتجاه؟

إذا بدت المشكلة مألوفة، أخبرنا كيف يعمل تشغيلك اليوم. نساعدك على تقرير ما يُبنى أولاً.

ابدأ مشروعاً