نظرة عامة على المشروع
تم تطوير متجر Cookma كنظام مخصص بالكامل حول احتياجات العلامة التجارية بدلًا من الاعتماد على قالب متجر جاهز وفرض شكله على البراند. تعتمد تجربة المستخدم على الهوية البصرية المعتمدة لكوكما، من خلال الخلفيات الكريمية الدافئة، واللون الأحمر Vermilion، والخطوط التحريرية، وصور المخبوزات الاحترافية، والعناصر ذات الحواف الناعمة، والتفاصيل المكتوبة بخط يدوي، والمساحات الواسعة والمريحة. يتضمن الموقع تصفح المنتجات حسب التصنيف، وصفحات عرض المنتجات، وصفحة تفاصيل كل منتج، والسلة، والدفع، وحسابات العملاء، والأقسام الترويجية، والبانرات، والمنتجات المميزة، وصناديق الهدايا، وبرنامج المكافآت، وقصة العلامة، ومعرض Social Gallery بعدد غير محدود من الصور. تم إنشاء Catalog منظم يضم 34 منتجًا موزعين على أقسام Bakery وPastries وDesserts وCoffee وSpanish Iced Coffee وCold Beverages وBoxes & Gifts. أما من ناحية الإدارة، فتم بناء Dashboard مخصصة تسمح بإدارة العمليات اليومية ومحتوى الموقع بالكامل من مكان واحد. يمكن للإدارة التحكم في المنتجات، والتصنيفات، والأسعار، والـSKU، والمخزون، وصور المنتجات، والعملاء، والطلبات، وحالات الطلب، والعروض، وبرنامج الولاء، والصفحات، والقوائم، والميديا، ومعرض السوشيال ميديا، وأقسام الصفحة الرئيسية، والبانرات، وإعدادات الموقع. كما تم تطوير نظام Content Management مخصص يسمح بتعديل المحتوى الأساسي من لوحة الإدارة، مثل Hero Banner، والبانرات الترويجية، والنصوص، والأزرار، وصور قصة العلامة، وShop Banner، وغيرها من أصول الموقع بدون الحاجة لتعديل ملفات الكود. تم تنفيذ النظام بالكامل باستخدام الـStack المتفق عليه: HTML وCSS وBootstrap وJavaScript وjQuery في الـFrontend، وPHP وMySQL في الـBackend، بحيث يمكن تشغيله بسهولة على بيئات استضافة PHP التقليدية.
التقنيات المستخدمة
النتائج المحققة
- ✦ تطوير متجر إلكتروني مخصص بالكامل ومتوافق مع هوية Cookma.
- ✦ إنشاء نظام CRUD كامل لإدارة المنتجات والتصنيفات.
- ✦ تطوير نظام لإدارة المخزون والكميات المتاحة.
- ✦ إنشاء نظام إدارة الطلبات ومراحل حالة الطلب.
- ✦ إضافة حسابات العملاء وإدارة بيانات العملاء.
- ✦ إنشاء CMS مركزي للتحكم في محتوى الموقع.
- ✦ توحيد تجربة الـUI/UX بين واجهة العملاء ولوحة الإدارة.