Gloves Keepers
تفاصيل العمل
يهدف هذا المشروع إلى إنشاء هوية بصرية قوية وواجهة مستخدم (UI )عصرية وجذابة لمتجر إلكتروني
متخصصفي بيع أدوات ومعدات حراس المرمى (Keepers Gloves). تم تصميم واجهات الموقع بالكامل لتعكس طابعًا احترافيًا
وفخمًا (Luxury Dark)، مما يعزز الثقة لدى العملاء ويضع المتجر في منافسة قوية مع العلامات التجارية العالمية في نفس
المجال.
المهام المنجزة:
.1 تحليل الهوية البصرية:
دراسة الشعار (Logo )والألوان الخاصة بالعلامة التجارية (الأسود، الذهبي، والأبيض) لاستخلاصهوية بصرية متناسقة.
تحليل تصاميم السوشيال ميديا البانرات والمنشورات لفهم التوجه التسويقي والجمالي للمتجر.
دراسة مواقع المنافسين العالميين (مثل Products Goalkeeper Sells )لاستخلاص أفضل الممارسات في تجربة
المستخدم (UX).
.2 تصميم نماذج )Concepts )لصفحة الهبوط )Page Landing):
ابتكار وتصميم 3 خيارات (Concepts )مختلفة للصفحة الرئيسية، كل خيار يقدم تجربة مستخدم فريدة:
الخيار الأول (Commerce-E Pro): تصميم يركز على المبيعات المباشرة وعرض المنتجات بوضوح وسهولة.
الخيار الثاني (Luxury Dark): تصميم فاخر يعتمد على اللون الداكن والخطوط الذهبية لتعزيز طابع الحصرية
والجودة.
الخيار الثالث (Minimalist Modern): تصميم عصري بسيط يعتمد على المساحات البيضاء لإبراز صور المنتجات.
.3 تطوير واجهة متجر متكاملة )Page Landing Full):
بناء صفحة هبوط متكاملة تعتمد على الخيار الفاخر(Luxury Dark)، تشمل:
قائمة تنقل )Bar Navigation )علوية شفافة وديناميكية.
Section Hero تفاعلي يدمج صور المنتجات مع الشعار وتأثيرات حركية (effects Hover).
قسم لعرض المميزات (جودة، شحن، عناية، دعم).
.
4:(WooCommerce CSS Customization) ووكومرس تخصيصصفحات .
كتابة أكواد CSS مخصصة بالكامل لتحويل صفحات المتجر الافتراضية في ووردبريس (قالب Woodmart )لتتناسب مع
الهوية الداكنة للمتجر، دون المساس بالهيكلة الأساسية:
صفحة سلة المشتريات (Cart): تخصيص جداول المنتجات، أزرار الكمية، وقسم إجمالي السلة.
صفحة إتمام الطلب (Checkout): تخصيص جداول مراجعة الطلب وأقسام الدفع.
صفحة المنتج المفرد (Product Single): تنسيق الألوان، الأزرار، وحقول الإضافات (Addons Product).
كارت المنتج )Card Product): تصميم كروت المنتجات مع تأثيرات تمرير (Hover )ذهبية أنيقة.
قائمة تغيير اللغة )Switcher Language): تصميم قائمة منسدلة فاخرة لتغيير اللغة.
.5 التوافق والتجاوب )Compatibility & Responsiveness):
ضمان توافق جميع التصاميم (باستخدام CSS Tailwind للواجهات و CSS نقي لتخصيصات ووكومرس) مع جميع
الشاشات )موبايل، آيباد، أجهزة مكتبية).
دعم كامل للغة العربية (RTL )واستخدام خطوط احترافية (Cairo و Tajawal)