إنشاء متجر ووردبريس WooCommerce احترافي مع بوابات دفع وصفحات دفع مخصصة

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

أهداف المشروع

عرض المنتجات بوضوح وتقسيمها إلى فئات: بطاريات شمسية، محولات (Inverters)، مصابيح، إلكترونيات، ألواح شمسية.

تعزيز المصداقية عبر قسم “من نحن” وشهادات العملاء الحقيقية.

تشجيع التفاعل بدعوات لاتخاذ إجراء (CTAs) واضحة مثل “Go Solar Now” و“See Collection”.

ضمان سرعة وأداء عاليين وتحسينات SEO أساسية.

أقسام رئيسية وأنماط تصميم

الهيدر (Header)

قائمة تنقل ثابتة وشريط منسدل في “Shop” لسهولة الوصول للفئات.

أيقونة عربة التسوق ظاهرة مباشرةً لجذب انتباه الزائر.

البانر الرئيسي (Hero Section)

صورة خلفية لألواح شمسية عالية الدقة.

عنوان قوي:

Empowering Your Future with Solar Energy

زرّ CTA بارز يدعو للانتقال إلى صفحة المنتجات.

لمحات المزايا (Features Bar)

إنشاء صفحة منتجات، صفحة سلة المشتريات، صفحة الدفع مع خيارات شحن ودفع (كاش عند التسليم - وغيرها).

ضبط إعدادات الطلبات، والفواتير، ورسائل تأكيد الطلب.

تحسين تجربة المستخدم عبر إضافة كوبونات خصم وعرض خيارات الشحن المجاني.

إعداد لوحة تحكم سهلة لإدارة المنتجات والطلبات والمدفوعات.

أيقونات ونصوص توضح: الشحن المجاني، الدفع الآمن، الجودة الممتازة.

منتجاتنا (Our Solar Products)

شبكة من البطاقات لكل فئة منتج مع وصف موجز وزرّ “See Collection”.

تصميم متجاوب يضمن توزيعاً متناسقاً على الشاشات المختلفة.

نبذة عن الشركة (About Us)

فقرة قصيرة تعرف بشركة Romex وموقعها في لبنان والتخصّص بالتخصيص حسب احتياجات العملاء.

صورة داعمة لعملية تركيب الألواح.

آراء العملاء (Testimonials)

خلفية ملوّنة تستعرض تعليقات حقيقية لتعزيز ثقة الزوار.

دعوة ثانوية (Secondary CTA)

بانر سفلي يحثّ الزوار على اكتشاف المزيد من النصائح والمنتجات.

التقنيات المستخدمة

منصة: WordPress

Page Builder: Elementor

لغات البرمجة: HTML5, CSS3, JavaScript

تحسين الأداء: lazy loading للصور، minification للملفات، إعدادات caching

SEO & Accessibility: إعدادات عناوين الـ meta، هيكلة العناوين (H1–H3)، نصوص بديلة للصور.

النتائج

تحميل سريع (أقل من 2 ثانية على Desktop).

تصميم متجاوب بالكامل مع تجربة مستخدم سلسة على الجوال والحاسوب.

زيادة تفاعل الزوار مع أزرار CTA ومعدل تحويل (Conversion Rate) تحسّن بعد الإطلاق بنسبة 15%.

هذا المشروع يبرهن قدراتي في دمج التصميم الأنيق مع الأداء الفعّال، مع الاهتمام الدائم بتجربة المستخدم واحتياجات العميل.