سلس

سلس منصة تجارة إلكترونية موجهة للشركات تتيح للمستخدمين استعراض المنتجات، وإرسال طلبات عروض أسعار، وإدارة اشتراكاتهم داخل المنصة.

انضممت إلى المشروع لتطوير Landing Page جديدة بالكامل، مع التركيز على تنفيذ التصميم بدقة وإضافة تجربة تفاعلية باستخدام GSAP، بالإضافة إلى تطوير عدد من الـ Features داخل المنصة القائمة.

شمل عملي تحويل تصميم Figma إلى واجهات Pixel Perfect، وبناء Animations تخدم المحتوى، وتنفيذ نظام طلبات عروض الأسعار (RFQ)، وتطوير Feature الترقية إلى Pro Plan.

كان الهدف الأساسي هو بناء Landing Page تعكس هوية المنتج بشكل احترافي، مع تجربة سلسة تعتمد على الحركة دون التأثير على الأداء.

كما احتاج المشروع إلى إضافة Features جديدة داخل المنصة القائمة — مثل نظام طلبات عروض الأسعار وخطط الاشتراك — مع الحفاظ على توافقها مع النظام الحالي دون التأثير على الـ Features الموجودة مسبقًا.

التحدي كان الموازنة بين جودة الحركة ودقة التنفيذ وسرعة التسليم في مشروع Freelance يعمل ضمن فريق صغير.

تولّيت تطوير الواجهة الأمامية للصفحة التسويقية وعدد من الميزات داخل المنصة، وشمل ذلك:

• تحويل تصميم Figma إلى واجهات Pixel Perfect ومتجاوبة مع جميع الأجهزة.
• تصميم وتنفيذ Landing Page بالكامل باستخدام Next.js وGSAP.
• بناء Animations تخدم تجربة المستخدم وتدعم التسلسل البصري للمحتوى.
• تطوير عدد من الـ Features داخل المنصة القائمة.
• تنفيذ نظام طلبات Request for Quotation (RFQ) الذي يسمح للمستخدمين بإرسال طلبات عروض أسعار واستكمال عملية الشراء بعد مراجعتها.
• تطوير Feature خاصة بالاشتراك والترقية إلى Pro Plan.
• التعاون مع المشروع الحالي دون التأثير على الـ Features الموجودة مسبقًا.

لم يقتصر دوري على تنفيذ الصفحة التسويقية فقط، بل امتد إلى فهم مسارات العمل داخل المنصة وإضافة ميزات إنتاجية تتكامل مع النظام القائم.

خلال عملي على المشروع، ركزت على الجمع بين دقة التنفيذ وتجربة حركة مدروسة، مع إضافة ميزات إنتاجية داخل منصة قائمة.

أبرز ما عملت عليه:

• Next.js.
• TypeScript.
• GSAP.
• Tailwind CSS.
• Pixel Perfect Implementation.
• Scroll Animations.
• Responsive Design.
• Request for Quotation (RFQ).
• Subscription / Pro Plan Flows.
• دمج ميزات جديدة داخل مشروع قائم.

خلال عملي على المشروع، ساهمت في:

• إطلاق Landing Page جديدة تعكس هوية المنصة بتجربة تفاعلية سلسة.
• تطوير Features جديدة داخل المشروع دون التأثير على النظام القائم.
• تحسين تجربة المستخدم من خلال Animations تخدم المحتوى بدلًا من تشتيت الانتباه.
• تنفيذ التصميم بدقة عالية مع الحفاظ على الأداء والاستجابة.
• تسليم الصفحة والميزات ونشرها على الموقع الرئيسي.

أكد لي هذا المشروع أن الـ Animations الناجحة ليست تلك التي تجذب الانتباه فقط، بل التي تساعد المستخدم على فهم المحتوى والتنقل بين الأقسام بشكل طبيعي.

كما منحني فرصة للعمل على مشروع قائم، وإضافة Features جديدة مع الحفاظ على جودة واستقرار النظام — وهو توازن مختلف عن بناء صفحة تسويقية من الصفر، ويتطلب فهمًا أعمق لتدفقات المنتج الحالية قبل أي تغيير.