UX/UI CASE STUDY · 11 BOARDS

لوحات نسيج — نظام ERP لمصانع الملابس

اللوحات الإحدى عشرة لدراسة الحالة كما نُشرت على Behance، بترتيبها الأصلي: من الغلاف إلى الختام، مرورًا بالتحدي والأهداف وهيكل النظام وتدفقات المستخدم ونظام التصميم وشاشات الوضعين النهاري والليلي.

المصمّمة: Shrouk AtefUI/UX Designer
النطاق: أكثر من ١٠٠ شاشةفي أكثر من ٤ أسابيع
المنصة: Web Applicationتصنيع الملابس
الأدوات: FigmaPhotoshop · Illustrator · ChatGPT
الخط: Alexandria١١ إلى ٢٣ بكسل

#F97316الأساسي

#2A313Aالعناوين

#97A2B1الأيقونات

#CFD4DBالوصف

#F0F1F3البوردر

#141414خلفيات الوضع الليلي

٠١

الغلاف

نظام ERP متكامل لإدارة مصانع الملابس، مع خمس قيم: متكامل، ذكي، موثوق، فعال، مركّز على المستخدم.

لوحة 01 — الغلاف — 1400 × 933 px٠١ / ١١

٠٢

نظرة عامة

الدور والمنصة ونوع المشروع والمجال، وحجم العمل في أرقام.

أكثر من ١٠٠ شاشة

لوحة 02 — نظرة عامة — 1400 × 961 px٠٢ / ١١

٠٣

التحدي

تعدد الأقسام وكثافة السجلات واختلاف الصلاحيات: بيئة عمل مبعثرة تحتاج نظامًا موحدًا.

لوحة 03 — التحدي — 1400 × 890 px٠٣ / ١١

٠٤

الأهداف

خمسة أهداف تصميمية وجّهت كل قرار في بناء المنصة.

لوحة 04 — الأهداف — 1400 × 886 px٠٤ / ١١

٠٥

المستخدمون

تسعة أدوار حول منظومة واحدة — لكل دور تجربة وصلاحيات تناسب مسؤولياته.

لوحة 05 — المستخدمون — 1400 × 1019 px٠٥ / ١١

٠٦

هيكل النظام

خريطة موحدة لـ ١٢ وحدة: من لوحة التحكم والمنتجات وBOM إلى التقارير.

لوحة 06 — هيكل النظام — 1400 × 1006 px٠٦ / ١١

٠٧

تدفقات المستخدم

رحلة طلب البيع في سبع خطوات — من الطلب حتى الشحن النهائي.

لوحة 07 — تدفقات المستخدم — 1400 × 840 px٠٧ / ١١

٠٨

نظام التصميم

ألوان الوضعين النهاري والليلي، مقاسات خط Alexandria، ونسختا الشعار.

لوحة 08 — نظام التصميم — 1400 × 2883 px٠٨ / ١١

٠٩

التصميم — الوضع النهاري

اللوحة الأصلية مقسّمة إلى ١٣ شاشة مستقلة، شاشة لكل وحدة من وحدات النظام.

١٣ شاشة

الرئيسية
العملاء والموردون
المنتجات
المشتريات
المخازن
الإنتاج
الجودة
الموارد البشرية
المالية
المبيعات
التقارير
الإعدادات
شاشات إضافية

شاشة 01 — الرئيسية (الوضع النهاري)

شاشة 02 — العملاء والموردون (الوضع النهاري)

شاشة 03 — المنتجات (الوضع النهاري)

شاشة 04 — المشتريات (الوضع النهاري)

شاشة 05 — المخازن (الوضع النهاري)

شاشة 06 — الإنتاج (الوضع النهاري)

شاشة 07 — الجودة (الوضع النهاري)

شاشة 08 — الموارد البشرية (الوضع النهاري)

شاشة 09 — المالية (الوضع النهاري)

شاشة 10 — المبيعات (الوضع النهاري)

شاشة 11 — التقارير (الوضع النهاري)

شاشة 12 — الإعدادات (الوضع النهاري)

شاشة 13 — شاشات إضافية (الوضع النهاري)

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

١٠

التصميم — الوضع الليلي

نفس الشاشات على خلفية سوداء مع الإبقاء على البرتقالي لونًا للتمييز.

مرّر داخل اللوحة

لوحة 10 — التصميم — الوضع الليلي — 1400 × 11596 px١٠ / ١١

١١

الختام

خلاصة المشروع وشعاره: «نسيج — كل خيط في مكانه»، ومعلومات التواصل.

لوحة 11 — الختام — 1400 × 842 px١١ / ١١