صور المشروع

متجر كريستالة — متجر المشغولات اليدوية الفاخرة

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

المتجر منشور على crestala.net، ومبني على ثيم ووردبريس مخصص فوق WooCommerce. الواجهة عربية باتجاه من اليمين إلى اليسار، ومتجاوبة مع الجوال وسطح المكتب، وتُدار نصوصها وصورها وأقسامها من لوحة التحكم.

تجربة التسوق

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

داخل المتجر تستطيع العميلة تصفية المنتجات حسب القسم الفرعي ونطاق السعر وخصائص المنتج. تتحدث النتائج فورًا من دون إعادة تحميل الصفحة، وعلى الجوال تُفتح الفلاتر في لوحة جانبية مناسبة للمس. تعرض بطاقة المنتج الصورة والسعر وشارة «جديد» ونسبة الخصم عند وجود عرض، مع إضافة مباشرة إلى السلة.

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

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

التواصل المباشر متاح عبر زر واتساب، وروابط فيسبوك وإنستغرام، وبيانات الهاتف والبريد والعنوان في التذييل. صفحات من نحن، والعروض، والتواصل، والخصوصية والاسترجاع مكتملة ضمن هوية المتجر نفسها.

إدارة المتجر

يتحكم مدير المتجر من لوحة إعدادات خاصة في شريط الإعلان، ونصوص الصفحة الرئيسية وصورها وأزرارها، وأقسام المميزات، والمنتجات المختارة، وقسم الطلب المخصص، وآراء العميلات، وبيانات التواصل وساعات العمل وروابط التواصل الاجتماعي. عدد المنتجات في صفحة المتجر قابل للتعديل، وأسعار الشحن تُدار في جدول للمحافظات مع سعر اختياري لكل مدينة.

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

التنفيذ التقني

الثيم مكتوب بلغة PHP، ويعمل على ووردبريس 6.4 أو أحدث وPHP 8.1، ومتوافق مع WooCommerce. تُبنى الواجهة بأداة Vite وTailwind CSS، ويعتمد التفاعل في الصفحة على Alpine.js ومعارض Swiper وأيقونات Lucide. تُولَّد الصور بمقاسات مخصصة للقسم الافتتاحي وبطاقات المنتجات والمعرض، ليبقى التحميل مناسبًا للجوال.

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

حقول المحتوى مسجّلة برمجيًا ومهيأة للترجمة. يدعم الثيم اتجاهي الكتابة، ويحتوي على محوّل لغة عند تفعيل إضافة الترجمة. مسارات التنقل ودعم أدوات تحسين الظهور في محركات البحث جزء من إعداد الثيم، فيبقى المتجر قابلًا للتوسع بمحتوى جديد وعروض جديدة ولغة إضافية من دون إعادة بناء الواجهة.