تجميل وتخصيص واجهة متجر منصة زد عبر CSS وتدقيق عملية الشراء

نبحث عن مستقل محترف في Front-End/CSS لتنفيذ حزمة تحسينات بصرية وتجهيزية لمتجرنا الإلكتروني، بما يرفع تجربة المستخدم ويعكس الهوية البصرية باحترافية، مع التأكد من سلاسة تجربة الشراء.

•جميع الصور والمواد البصرية الخاصة بالمنتجات أو الصفحات سأقوم أنا بتوفيرها، والمطلوب فقط هو استخدامها ضمن التصميم

نطاق العمل (Scope)

•تصميم واجهة المتجر بشكل جذاب/أنيق/مريح للعين، وفق أفضل ممارسات CSS.

•إعادة ترتيب الواجهة الرئيسية بما يحقق أفضل تجربة مستخدم (UX).

•تصميم كروت/قوالب عرض المنتجات بشكل متناسق مع هوية المتجر.

•إعادة تصميم وتنظيم تنسيقات القوالب للأزرار والأيقونات.

•تخصيص الهيدر والفوتر (ألوان، تنسيق، خلفيات) بما يلائم الهوية البصرية.

•تعديل الخطوط (العائلات، الأحجام، الألوان) وتوحيدها في جميع الصفحات.

•ضبط ألوان وأحجام الأزرار، وتناسقها مع بقية العناصر.

•ضبط أحجام الشعار وتموضعه بشكل صحيح ومتجاوب.

•إضافة شاشة ترحيبية/انتظار تحميل (Splash/Loading) تحمل شعار المتجر، تعمل على كل الصفحات.

•إضافة تأثيرات تفاعلية وأنيميشن سلس عند الاقتراب/الإشارة/الضغط على العناصر والأزرار والمنتجات..

•تنفيذ أي تخصيصات إضافية عبر Custom CSS حسب الحاجة لتقديم “لمسة فريدة” تميّز المتجر.

مهام إضافية خاصة

•التحقق من التسلسل الصحيح لاتمام عملية الشراء ابتداءً من اختيار المنتج وحتى الدفع.

•ضمان أن العميل يكون مطّلعًا على كافة تفاصيل المنتج (الوصف، السعر، الرسوم، الشروط) بشكل واضح قبل الدفع.

•بما أن المتجر يحتوي حاليًا على ٣ منتجات فقط، يجب التأكد من أن عرضها وتجربة الشراء الخاصة بها تتم بسلاسة ووضوح.

المخرجات المطلوبة

•كود CSS منظّم ومشروح تعليقات مختصرة، مع هيكلة قابلة للصيانة.

•ملفات/مقتطفات جاهزة للنشر (CSS/HTML حيث يلزم) دون كسر للتصميم الحالي.

•توحيد نظام ألوان وخطوط وأزرار المتجر وفق دليل نمطي بسيط (Style Guide مختصر).

•نسخة قبل/بعد (Screenshots أو Demo) تُظهر أثر التحسينات.

•توافق كامل مع الشاشات المختلفة (Responsive) ومتصفحات شائعة.

معايير القبول

•تجربة استخدام واضحة وسهلة، مع عرض كامل لتفاصيل المنتجات قبل الدفع.

•عملية شراء متسلسلة ومنطقية بدون أي ثغرات أو تشويش.

•أداء تحميل مستقر مع شاشة ترحيب/انتظار دون “وميض” مزعج.

•أنيميشن خفيفة وسلسة لا تؤثر سلبًا على السرعة.

•التزام صارم بالهوية البصرية وتناسق العناصر.

•خلوّ من الأخطاء المرئية على الأجهزة المحمولة.

ما نحتاجه في عرضك

•

•خطة تنفيذ مختصرة توضح الخطوات والأولوية.

•مدة التنفيذ المقترحة وجدول التسليم المرحلي.

•التكلفة الإجمالية وأي بنود إضافية