Zekrayat – متجر إلكتروني للطباعة والتخصيص (E-Commerce Platform)

تم تصميم وتطوير موقع "Zekrayat" كمنصة تجارية إلكترونية متقدمة تُخصص لبيع منتجات الطباعة بالحرارة (Sublimation)، والأدوات المخصصة للطباعة، مثل أجهزة الليزر، الورق الناقل، الأختام، وأحدث المنتجات مثل أضواء الكريستال المزينة بـ LED. الموقع يعكس هوية علامة تجارية قوية ويقدم تجربة تسوق سلسة ومتكاملة للمستخدمين.

ما يتكون منه المشروع؟

واجهة مستخدم (Frontend):

تم بناؤه باستخدام Vue.js مع إطار عمل Vite لتحسين الأداء، مع دعم كامل للـ Responsive Design لتوفير تجربة ممتازة على جميع الأجهزة (موبايل، تابلت، سطح المكتب).

الخلفية (Backend):

تم استخدام Laravel (PHP) لإدارة المنطق الخلفي، وبناء نظام إدارة محتوى (CMS) قوي يتيح للإدارة إضافة المنتجات، التعامل مع الطلبات، وإدارة الفئات والمجموعات.

نظام PWA (Progressive Web App):

تم تحويل الموقع إلى تطبيق ويب تقدمي (PWA) يمكن تثبيته على الهواتف مثل أي تطبيق، مع دعم العمل دون اتصال بالإنترنت جزئيًا، وإشعارات، وتحسين أداء التحميل.

الوضع الليلي والنهار (Dark/Light Mode):

يدعم الموقع تبديل الوضع بين النّهار والليل بشكل ديناميكي، مع حفظ تفضيلات المستخدم عبر localStorage، مما يوفر تجربة مخصصة ومرنة.

الوظائف الرئيسية:

شريط تصفح متجاوب (Navigation Bar) مع قائمة فرعية للمنتجات.

محرك بحث سريع في أعلى الصفحة.

عرض منتجات جديدة بشكل جذاب عبر Slider Carousel (كما في الصورة).

سلة مشتريات مع عداد عدد العناصر وسعرها.

خيار "Contact" مباشر مع رابط للاتصال أو التواصل عبر البريد.

دعم اللغة الإنجليزية والعربية (قابل للتوسع).

التصميم:

تم استخدام Tailwind CSS لإنشاء تصميم نظيف ومتجاوب، مع تأكيد على التباين العالي بين الألوان (أحمر، أبيض، أسود) لتحقيق جمال بصري وسهولة في القراءة.

الاستجابة للجهاز (Responsive Design):

تم اختبار الموقع على مجموعة من الأجهزة (iPhone, iPad, Samsung, Chromebook، إلخ) لضمان التجربة المثلى.

النتائج المتوقعة:

زيادة تفاعل الزوار بنسبة 40% بسبب التصميم الجذاب والمحفز.

تحسين معدل التحويل (Conversion Rate) بفضل واجهة سهلة الاستخدام.

تقليل وقت التحميل بنسبة 35% بفضل تقنيات PWA.

تجربة مستخدم مميزة عبر الأجهزة المختلفة.