مملكة المغامرات

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

ما قمت بإنجازه (بناء من الصفر):

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

تخصيص الهوية البصرية: ضبط لوحة الألوان والخطوط بدقة (Typography & Color Palette) لتعكس القوة والمتانة المرتبطة بمعدات التخييم.

هندسة القوائم (Navigation Architecture): تصميم وبناء القوائم العلوية والسفلية من الصفر، وربطها بالتصنيفات الديناميكية لضمان سهولة الوصول لأكثر من قسم بضغطة واحدة.

التحديات التقنية التي انتصرت عليها:

تطويع "ثيم سيليا" برمجياً:

التحدي: الثيمات الجاهزة غالباً ما تفرض قيوداً في توزيع العناصر أو أحجام الصور المحددة.

الحل: قمت بالتدخل البرمجي عبر (Custom CSS) لإعادة ضبط أبعاد بطاقات المنتجات وتوحيد ارتفاعاتها، مما أعطى المتجر مظهراً متسقاً واحترافياً (Grid Consistency) يضاهي المواقع العالمية.

إدارة القوائم المعقدة وتعارض الأكواد:

التحدي: واجهت مشكلة في ظهور القوائم المخصصة في "الهيدر" حيث كان النظام يتجاهل التعديلات اليدوية أحياناً ويفضل الإعدادات الافتراضية.

الحل: قمت بإعادة برمجة مسار التنقل (Navigation Path) والتأكد من حقن الروابط الصحيحة في كود الـ Header، مع معالجة تعارضات الـ JavaScript لضمان عمل القائمة المنسدلة بسلاسة فائقة.

تحدي "تجربة الجوال" (Mobile-First Design):

التحدي: جعل المتجر يبدو كأنه "تطبيق هاتف" وليس مجرد موقع ويب، مع الحفاظ على سرعة الاستجابة.

الحل: قمت بتخصيص خيارات الجوال في ثيم سيليا بشكل منفصل، مع تحسين أزرار "الإضافة للسلة" لتكون تفاعلية وسهلة الوصول لإصبع المستخدم (Thumb-Friendly Design).

المهارات والتقنيات المستخدمة:

منصة سلة (Salla Platform) - ثيم سيليا.

تخصيص متقدم (Advanced Theme Customization).

CSS3 / JavaScript Injection.

تحسين واجهة المستخدم (UI Optimization).