Root Shopping Website

نوع المشروع:

E-commerce Website – UI/UX Design

نبذة عن المشروع:

Root هو متجر إلكتروني لبيع الملابس، تم تصميمه لتقديم تجربة تسوق بسيطة وعصرية، مع التركيز على تسهيل عملية اختيار المنتجات وإدارة الـSize والـColor والـQuantity، خاصة عند شراء نفس المنتج بأكثر من مقاس أو لون.

المشكلة:

في أغلب مواقع الـE-commerce، عند الرغبة في شراء نفس المنتج بأكثر من مقاس أو لون، يضطر المستخدم إلى إضافة المنتج عدة مرات إلى الـCart، مما يجعل عملية الشراء أكثر تكرارًا ويصعب مراجعة الاختيارات والكميات.

الحل:

تم تصميم تجربة تسمح للمستخدم باختيار أكثر من Size وColor لنفس المنتج داخل نفس الـProduct Page، مع تحديد كمية كل اختيار بشكل مستقل. وفي الـCart يتم عرض كل Size وColor مع الكمية الخاصة به بشكل واضح، مما يجعل مراجعة وتعديل الطلب أسهل.

أهم المميزات:

* تصميم E-commerce عصري وبسيط وسهل التصفح.

* إمكانية اختيار أكثر من مقاس ولون لنفس المنتج.

* تحديد Quantity بشكل مستقل لكل Size وColor.

* عرض الاختيارات المختلفة بشكل منظم داخل الـCart.

* تسهيل تعديل الكميات والاختيارات قبل إتمام الطلب.

* تنظيم واضح للمنتجات والتصنيفات.

* تصميم متناسق باستخدام Design System من حيث الـTypography والـColors والـComponents.

* تجربة شراء تركز على تقليل الخطوات والتكرار أثناء إضافة المنتجات.

طريقة التنفيذ:

بدأت بتحديد المشكلة وفهم سلوك المستخدم أثناء التسوق، ثم قمت بتحليل الـUser Flow الحالي وتحديد نقاط التعقيد في اختيار الـSizes والـColors. بعد ذلك تم تطوير User Flow وInformation Architecture للحل المقترح، ثم تصميم الـWireframes لتجربة اختيار المنتجات وإضافتها إلى الـCart.

بعد التأكد من وضوح الـFlow، انتقلت إلى تصميم الـUI واختيار الـTypography والـColors وبناء الـComponents، ثم إنشاء High-Fidelity Screens وInteractive Prototype لتوضيح التجربة النهائية واختبار سهولة التعامل مع الاختيارات المختلفة.

لهدف من التصميم:

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