قمت في هذا المشروع بتحويل تصميم عالي الدقة (High-Fidelity Design) من منصة Figma إلى واجهة ويب متكاملة، سريعة، ومتجاوبة تماماً، مع التركيز على أدق التفاصيل لضمان تجربة مستخدم (UX) استثنائية في مجال المتاجر الإلكترونية لمنتجات التجميل.
✨ أهم مميزات العمل:
Pixel Perfect Conversion: مطابقة الكود للتصميم الأصلي بنسبة 100% مع مراعاة المسافات، الألوان، والخطوط (IBM Plex Sans Arabic).
Fully Responsive Design: الواجهة متجاوبة بالكامل مع جميع الشاشات (Mobile, Tablet, Desktop) باستخدام نهج Mobile-First.
Tailwind CSS Magic: استخدام Tailwind لتنسيق العناصر بكفاءة عالية، مما يضمن سرعة تحميل فائقة وكوداً نظيفاً (Clean Code).
RTL Support: دعم كامل للغة العربية والاتجاه من اليمين إلى اليسار بشكل انسيابي.
Interactive Components: * قائمة جانبية (Mobile Menu) تفاعلية.
سلايدر احترافي للعروض باستخدام Swiper.js.
تأثيرات حركية (Hover Effects) جذابة على بطاقات المنتجات والأقسام