01 / نظرة عامة
نظرة عامة
متجر عربي وإنجليزي للعناية بالشعر، مع اختبار موجّه واكتشاف المنتجات وإتمام الطلب، تدعمه لوحة إدارة مستقلة وواجهة Express API. بناء متكامل لتجربة العميل والأدوات التي تديرها.
02 / المشكلة
المشكلة
تحويل هوية راقية للعناية بالشعر إلى متجر سهل الاستخدام بلغتين، مع أدوات مستقلة لإدارة النشاط.
03 / دوري في المشروع
دوري في المشروع
التصميم والتطوير المتكامل
أعمال مختارة من هذه التجربة، والدور أعلاه يوضّح مساهمتي.
05 / القرارات الأساسية
القرارات الأساسية
الهوية تمتد إلى تجربة المنتج
تشكّل الدرجات العاجية واللمسات الذهبية وصور المنتجات لغة المتجر البصرية، مع مساحة كافية لوضوح المنتجات وإجراءات التسوّق.
مساعدة العميلة على الاختيار
يحوّل اختبار الشعر اكتشاف المنتجات إلى تفاعل موجّه، وتتكامل بطاقاته مع الكتالوج دون استبدال التصفّح المعتاد.
بناء العمليات خلف المتجر
تفصل حزم المتجر والإدارة وAPI العرض العام عن مسارات الموظفين، مع نموذج بيانات مشترك.
06 / الهندسة / التنفيذ
الهندسة / التنفيذ
تتشارك واجهة Next.js وتطبيق الموظفين المستقل عقود بيانات مكتوبة الأنواع مع Express API. تدير Prisma طبقة البيانات العلائقية، مع فصل تجربة العميل عن عمليات الموظفين.
07 / الأمن والأداء
الأمن والأداء
- تتضمن مصادقة الموظفين مسارات مفاتيح مرور مع اختبارات للتسجيل والدخول.
- تستخدم مدخلات الخادم Zod للتحقق، مع ترويسات أمنية مخصّصة في API.
- تُعامل الواجهات العربية والإنجليزية والتنقّل ومحتوى المنتجات والاختبار كمسارات استخدام متكاملة.
08 / النتيجة