متجر الكترونى | E-commerce

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

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

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

اللغات المدعومة

الإسبانية

الإنجليزية

العربية

الألمانية

الفرنسية

الروسية

أهم المميزات

دعم 6 لغات لتوسيع قاعدة المستخدمين عالميًا.

إمكانية إتمام الطلب بدون تسجيل دخول لتسهيل تجربة المستخدم.

استخدام مكتبة GSAP لإضافة أنيميشن احترافية وجذابة في واجهة الموقع.

نظام طلب بسيط وسريع: إضافة إلى السلة → إتمام الطلب → تأكيد الطلب → متابعة الطلب.

طريقة الدفع: الدفع عند الاستلام فقط (Cash on Delivery).

نظام تتبع الطلبات لمعرفة حالة الطلب في أي وقت.

تصميم متجاوب بالكامل يعمل بكفاءة على جميع الأجهزة (حاسوب – تابلت – هاتف).

? هيكل الموقع محسن لمحركات البحث (SEO) ومتوافق مع معايير الوصول العالمية.

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

الواجهة الأمامية (Frontend): Angular، TypeScript، TailwindCSS

الأنيميشن: مكتبة GSAP + ScrollTrigger

تعدد اللغات (i18n): مكتبة @ngx-translate/core باستخدام ملفات ترجمة JSON

الواجهة الخلفية (Backend): .NET API

قاعدة البيانات: PostgreSQL

تجربة المستخدم (User Flow)

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

يضيف المنتجات المطلوبة إلى سلة المشتريات.

ينتقل إلى صفحة الدفع و يأكد عملت الشراء

يُدخل بيانات الاتصال والشحن دون إنشاء حساب.

يُكمل الطلب و بأمكانه اضافة برومو كود ايضا.

يتلقى رسالة تأكيد عبر البريد الإلكتروني تحتوي على رمز تتبع الطلب.

يمكنه لاحقًا إنشاء حساب وربط الطلبات السابقة بحسابه الجديد.

الأنيميشن والواجهة التفاعلية

انتقالات سلسة وجذابة في الصفحة الرئيسية لعرض العروض والمنتجات المميزة.

أنيميشن تفاعلي عند إضافة المنتجات للسلة لجذب انتباه المستخدم.

تأثيرات حركة أثناء التمرير (Scroll Effects) لإبراز الأقسام المهمة.

تفاعلات دقيقة للأزرار والنوافذ المنبثقة (Micro-interactions) لتحسين تجربة الاستخدام.

ما يميز هذا المشروع

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

كما يعكس قدرة عالية في بناء واجهات جذابة ومدعومة بالأنيميشن الاحترافي والتقنيات الحديثة لجعل تجربة المستخدم أكثر تميزًا وجاذبية.