تضمّن هذا المشروع تصميم وتطوير متجر إلكتروني فاخر لعلامة بيجو سكاي، وهي علامة متخصصة في المجوهرات والإكسسوارات الفاخرة وتستهدف قاعدة عملاء دولية. وقد ركّزت المتطلبات على إنشاء متجر أنيق وبسيط يعتمد على مفهوم بصري مستوحى من الألماس والذهب، مع استخدام المساحات البيضاء الواسعة، ودرجات اللون الكريمي، ولمسات ذهبية هادئة للحفاظ على التركيز الكامل على المنتجات. تم تطوير المنصة بواسطة TeamX كحل متكامل للتجارة الإلكترونية بنظام البائع الواحد، يشمل الهوية التجارية، وتصميم واجهة وتجربة المستخدم (UI/UX)، وتطوير المتجر الإلكتروني، وسلة التسوق وإتمام الطلبات، وتكامل أنظمة الدفع والشحن، ولوحة تحكم إدارية متكاملة مع نظام صلاحيات قائم على الأدوار، بالإضافة إلى إعداد أدوات التحليلات.
الخدمات
كان تحقيق مظهر فاخر حقيقي ومتناسق عبر أجهزة الكمبيوتر والأجهزة اللوحية والهواتف المحمولة يتطلب أكثر من مجرد تصميم متجاوب؛ فقد كان من الضروري أن تعمل كل قرارات التخطيط، واختيارات المسافات، والتفاصيل الطباعية بكفاءة عند جميع نقاط التوقف، دون فقدان الطابع الفاخر على الشاشات الأصغر. كما أضاف نظام الصلاحيات القائم على الأدوار في لوحة التحكم الإدارية تعقيدًا إضافيًا على مستوى التصميم والتطوير؛ فبدلاً من الاعتماد على أدوار ثابتة، كان من الضروري تمكين المسؤول العام (Super Admin) من إنشاء أدوار مخصصة، وربطها بوحدات محددة، وتحديد مستويات صلاحيات دقيقة لكل وحدة في أي وقت بعد الإطلاق، دون الحاجة إلى تدخل فريق التطوير. وتطلب دعم عرض العملات المتعددة لقاعدة عملاء دولية معالجة دقيقة لإعداد العملة الأساسية، ومنطق التحويل، والحفاظ على عرض موحد للأسعار عبر تجربة التصفح وإتمام الطلبات. كما تطلب دمج بوابة الدفع، وتكامل الشحن، وإدارة الطلبات ضمن تدفق متكامل يضمن انعكاس كل مرحلة، بدءًا من الشراء وحتى حالة التسليم، بدقة داخل لوحة التحكم الإدارية، تنسيقًا وثيقًا بين نقاط التكامل المختلفة.
بدأ المشروع بتطوير الهوية التجارية، حيث تم إعداد نماذج متعددة للشعار، ولوحة ألوان، وإرشادات خاصة بالخطوط، لتشكّل الأساس البصري الكامل للموقع الإلكتروني.
بعد تحديد توجه العلامة التجارية واعتماده، بدأت مرحلة تصميم واجهة وتجربة المستخدم (UI/UX) عبر جميع الصفحات ونقاط التوقف، مع إنشاء مكتبة مكونات متناسقة تشمل بطاقات المنتجات، والقوائم الرئيسية، والنماذج، واللافتات، والأزرار.
تم تطوير واجهة المتجر باستخدام Next.js لضمان سرعة عرض الصفحات، وتحسين أداء محركات البحث (SEO)، وتوفير تجربة تصفح سلسة عبر مختلف الأجهزة.
