UI/UX E-commerce website

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

هو تصميم واجهة مستخدم (UI) لمتجر إلكتروني متخصص في بيع أحدث الهواتف الذكية والإكسسوارات. تم التركيز في هذا التصميم على تقديم تجربة تسوق بصرية ممتعة تسهل على المستخدم اكتشاف العروض الجديدة والتنقل بين الفئات المختلفة بسلاسة.

? المشكلة (The Challenge)

متاجر الإلكترونيات غالباً ما تكون مزدحمة بالبيانات والصور، مما يسبب تشتت للمتسوق. كان التحدي هو خلق توازن بين عرض كمية كبيرة من المنتجات وبين الحفاظ على نظافة التصميم (Clean Design) وسهولة الوصول للعروض القوية.

?️ دوري في المشروع

Visual Hierarchy: تنظيم العناصر بحيث تقع عين المستخدم أولاً على الـ Banner الرئيسي (العروض) ثم الفئات الأكثر مبيعاً.

Layout Design: تقسيم الصفحة لأقسام واضحة (Popular categories, Featured For You) لزيادة معدل التحويل (Conversion Rate).

Asset Management: اختيار وتنسيق صور المنتجات بخلفيات متناسقة لتعزيز المظهر الاحترافي للمتجر.

? نقاط القوة في التصميم:

التصفح الذكي: تم استخدام نظام "Cards" لعرض الأقسام (Smartphones, Wearables) مما يسهل عملية الاختيار من النظرة الأولى.

إبراز العروض (Best Deal): تصميم قسم العروض بشكل جانبي ملفت للنظر لجذب المستخدم فور الدخول للموقع.

واجهة عصرية: استخدام زوايا منحنية (Border Radius) وألوان متباينة بوضوح (High Contrast) تتماشى مع أحدث صيحات تصميم المواقع العالمية.

تجربة تسوق مريحة: قائمة علوية بسيطة (Header) وشريط بحث واضح يسهل عملية العثور على المنتج المطلوب في ثوانٍ.

الأدوات المستخدمة: Figma.