Leonora Pharma – متجر مستحضرات تجميل علي شوبيفاي
تفاصيل العمل
Leonora Pharma هو متجر إلكتروني متخصّص في مستحضرات التجميل والعناية بالبشرة تم تطويره على منصة Shopify بهدف توفير تجربة تسوق فاخرة وسلسة للمستخدمين.
تطوير متجر إلكتروني متكامل لمستحضرات التجميل والعناية بالبشرة على منصة Shopify، مع تخصيص واجهات القالب بالكامل باستخدام Liquid لتناسب هوية العلامة التجارية ومتطلباتها الخاصة.
يتميز المتجر بتصميم أنيق، تفاعلي، ومتجاوب بالكامل مع جميع الأجهزة، مع تجربة مستخدم تركّز على البساطة والوضوح في عرض المنتجات والمعلومات.
تم تنفيذ المشروع باعتماد أكواد Liquid مخصصة لتحقيق التوافق الكامل مع متطلبات العميل من حيث:
عرض وصف المنتجات بشكل ديناميكي متقسم (الوصف – طريقة الاستخدام – المكونات).
إنشاء أقسام قابلة للفتح والإغلاق (Accordion) مبرمجة يدويًا بلغة Liquid وJavaScript.
ربط المراجعات مع Judge.me بطريقة متكاملة.
تخصيص واجهات القالب لعرض الصور والنصوص بطريقة متناسقة مع هوية العلامة التجارية.
التقنيات والأدوات المستخدمة
Shopify + Liquid (قوالب مخصصة ومتغيرة ديناميكيًا)
HTML5 / CSS3 / JavaScript (Vanilla JS)
Custom Sections & Snippets (لإنشاء أقسام قابلة للتكرار من لوحة التحكم)
Responsive Design (تجربة متجاوبة عبر كل الأجهزة)
Judge.me Integration (نظام تقييم ومراجعات العملاء)
SEO Optimization (تحسين ظهور الموقع في نتائج البحث)
الميزات الرئيسية
تصميم ديناميكي وتفاعلي يعرض تفاصيل المنتجات بطريقة منظمة (وصف – طريقة الاستخدام – المكونات – سياسة التوصيل والإرجاع).
أقسام قابلة للفتح والإغلاق (Accordion) تم تطويرها يدويًا بـ Liquid + JavaScript لتوفير تجربة استخدام سلسة.
تكامل مع Judge.me لعرض تقييمات العملاء بشكل مباشر على صفحات المنتجات.
دعم اللغة العربية والاتجاه من اليمين لليسار (RTL) لضمان تجربة مناسبة للمستخدمين العرب.
تحسين سرعة الموقع وتجربة المستخدم (UX/UI) مع تصميم متجاوب على جميع الأجهزة.
تخصيص لوحة التحكم بحيث يمكن للعميل تعديل المحتوى بسهولة دون الحاجة لمعرفة بالكود.
طريقة التنفيذ
تحليل المتطلبات: دراسة احتياجات العميل ووظائف المتجر المطلوبة.
تصميم الهيكل: بناء القالب الأساسي باستخدام Shopify Sections وSnippets.
البرمجة المخصصة:
استخدام Liquid لعرض المحتوى الديناميكي.
تطبيق CSS3 وJavaScript لتنسيق الحركة والواجهة.
ربط نظام المراجعات Judge.me عبر API وإعداداته في Shopify.
الاختبار والتحسين: التأكد من عمل جميع الأقسام بشكل متجاوب وسلس عبر الأجهزة المختلفة.
الإطلاق والمتابعة: نشر المتجر وتحسين الأداء وتحليل التفاعل