متجر الكتروني

وصف المشروع:

نبذة عن العمل:

قمت بتطوير صفحة مبيعات متكاملة (Landing Page) لمنتج "صندوق الغداء الفاخر" لصالح متجر RIYOSHOP. تم تصميم الصفحة خصيصاً لزيادة نسبة التحويل (High Conversion Rate) وتسهيل عملية الشراء للزبائن عبر نظام "الدفع عند الاستلام"، مع التركيز على تقديم تجربة مستخدم (UX) سلسة وسريعة جداً.

المميزات التقنية والبرمجية التي تم تنفيذها:

نظام تسعير ديناميكي ذكي: برمجة سكربت بلغة JavaScript يقوم بحساب السعر الإجمالي تلقائياً بناءً على:

سعر المنتج الثابت.

اختيار الزبون من بين 58 ولاية.

نوع التوصيل المختار (توصيل للمنزل أو للمكتب Stop Desk)، مع تحديث السعر اللحظي على الشاشة.

تصميم عصري ومتجاوب (Responsive): استخدام Tailwind CSS لبناء واجهة جذابة بألوان مدروسة (الذهبي والبني) تعكس فخامة المنتج، مع ضمان توافق الصفحة بنسبة 100% مع جميع شاشات الهواتف المحمولة (وهي الشاشات الأكثر استخداماً في الشراء).

نموذج طلب سريع (Quick Order Form): تصميم فورم مبسط يطلب المعلومات الأساسية فقط (الاسم، الهاتف، الولاية، البلدية)، ومربوط بخدمة خارجية (Formspree) لاستقبال الطلبات فوراً دون الحاجة لقاعدة بيانات معقدة.

تحفيز الشراء (Call to Action): دمج عناصر لزيادة المبيعات مثل "شريط الشراء العائم" (Sticky Bottom CTA) الذي يرافق المستخدم أثناء التصفح في الهاتف، وإبراز التخفيضات بشكل جذاب.

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

HTML5

Tailwind CSS

Vanilla JavaScript

النتيجة النهائية:

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