تخطي إلى المحتوى الرئيسي
شعار محمد ناصر
تصميم تجربة المنتج • منصة تشغيل Laravel

Smart Delivery

منصة إدارة عمليات الشحن والتوصيل

منصة تشغيل لشركة واحدة لإدارة دورة الشحنات والصلاحيات والتتبع العام وعمليات المخازن وتجربة التاجر والعمليات المالية المرتبطة بالشحن.

تصميم تجربة المنتج والواجهات • Laravel Backend • منطق الأعمال • التكامل بين الواجهات والـ API

واجهة Smart Delivery العامة

نظرة عامة على المشروع

احتاجت Smart Delivery إلى سطح تشغيلي واحد ينظم إنشاء الشحنات، إسناد الاستلام، حركة المخزن، مراحل التوصيل، خدمة التاجر الذاتية، التتبع العام، والعمليات المالية المرتبطة بالشحن. النتيجة منصة تشغيل Laravel لشركة واحدة مع فصل واضح بين لوحة الإدارة المبنية بـ Inertia، وبوابة التاجر المستقلة بـ Vue، وتجربة التتبع العامة.

PHP 8.2+Laravel 12InertiaVue 3TypeScriptSanctumSpatie PermissionTailwindMySQL/MariaDB
Super AdminOperations ManagerFinanceWarehouse StaffCustomer SupportMerchantIndividual CustomerPickup CourierDelivery CourierAPI Client
نظرة عامة على لوحة عمليات الإدارة

التحدي التشغيلي والتجاري

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

تصميم تجربة المنتج

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

لوحة تحكم التاجر

معمارية النظام

تعمل لوحة الإدارة من خلال Laravel + Inertia + Vue. يستخدم التجار SPA مستقلة مبنية بـ Vue 3 و TypeScript وتتصل بـ REST API. أما التتبع العام فيستخدم إسقاطاً محدوداً لا يحتاج تسجيل دخول، بينما تنظم وحدات Laravel الصلاحيات، دورة الشحنة، المخزن، الأساس المالي، وقاعدة البيانات.

Admin Inertia UI

Laravel + Inertia + Vue

Merchant SPA / Public Tracking

Vue 3, TypeScript, REST API, limited public projection

Laravel 12 Modules

Authorization, lifecycle, warehouse, finance foundations, database

دورة حياة الشحنة

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

تم الإنشاءالاستلامالمخزنالنقلالتوصيلتم التسليم / فشل / إرجاع
صفحة تفاصيل الشحنة مع سجل الحالات

إدارة الشحنات

قائمة الشحنات في لوحة الإدارة مع فلاتر التشغيل
نموذج إنشاء شحنة من لوحة الإدارة

عمليات الاستلام والمخزن

مسار إسناد مندوب الاستلام
واجهة إدارة مندوبي الاستلام
واجهة مدير المخزن للعمليات

بوابة التاجر

لوحة تحكم التاجر
مسار إنشاء شحنة من بوابة التاجر
واجهة تكاملات API للتاجر

تتبع عام بدون كشف العمليات الداخلية

يعرض التتبع العام خط حالة مبسطاً مناسباً للعميل، مع إخفاء الملاحظات الداخلية وبيانات المندوب والمخزن والقيم المالية ومعرفات الملكية.

إدخال رقم التتبع العام
نتيجة التتبع العام وخط الحالة

الصلاحيات ونطاقات رؤية البيانات

حالة منع الوصول حسب الصلاحيات
إدارة المستخدمين والصلاحيات

الإدارة التشغيلية

إدارة العملاء والتجار
إدارة المستخدمين والصلاحيات
بيانات المدن والمواقع
إدارة إشعارات المستخدمين

Financial Operations Foundation

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

WalletsCODSettlementsLedger TransactionsTop-Up RequestsSAR monetary contract

واجهات الدخول والتسجيل

شاشة دخول الإدارة
شاشة دخول التاجر
شاشة تسجيل التاجر

تصميم تجربة مندوب التوصيل على الموبايل

هذه الشاشات تمثل تصميم تجربة المندوب على الموبايل من Figma. هي توضح اتجاه الواجهة ومفهوم workflow المندوب، ولا يتم تقديمها كدليل على أن تنفيذ تطبيق الموبايل نفسه جزء من الكود الذي تمت مراجعته.

شاشة تصميم دخول المندوب للموبايل
شاشة تصميم تسجيل المندوب للموبايل
شاشة تصميم الصفحة الرئيسية للمندوب
شاشة تصميم استلامات المندوب
شاشة تصميم تحقق طلب المندوب

قرارات هندسية و QA

  • لوحة عمليات الإدارة مبنية بـ Laravel و Inertia و Vue.
  • بوابة التاجر SPA مستقلة مبنية بـ Vue 3 و TypeScript وتستهلك REST APIs.
  • صلاحيات ونطاقات رؤية للعمليات، المالية، المخزن، التجار، العملاء، المندوبين، ومسار API.
  • تتبع عام محدود وآمن للخصوصية مع rate limiting وحقول عامة فقط.
  • أساس للمحافظ و COD والتسويات وطلبات الشحن وسجل المعاملات والتقارير والتصدير حول عمليات الشحن.

النطاق والحدود

هذا نظام تشغيل لشركة واحدة، وليس SaaS أو منصة متعددة المستأجرين. المعمارية Modular Laravel Monolith بواجهات ويب منفصلة، وليست Microservices. الرابط الخارجي المعتمد هو اللاندنج بيدج العامة فقط؛ لا يوجد ديمو عام للوحة الإدارة أو بوابة التاجر أو نظام العمليات.