Career Branding Lab — صفحة هبوط

قمت بتصميم وتطوير الصفحة الرسمية لبرنامج Career Branding Lab، وهو برنامج تدريبي متخصص في بناء الصورة المهنية وتعزيز قابلية التوظيف، من تقديم المدرب أسامة بوعناني.

أهم الميزات:

صفحة هبوط تحويلية:

تصميم متعدد الأقسام يشمل Hero، فيديو تعريفي، برنامج التدريب، المدرب، الجمهور المستهدف، معرض الصور، والتسعير.

نموذج تسجيل متكامل:

نموذج ذكي مرتبط بـ Supabase يحفظ بيانات المتسجلين مباشرة في قاعدة البيانات مع التحقق من صحة المدخلات.

لوحة تحكم للأدمن:

واجهة إدارية كاملة تتيح عرض جميع المسجلين وتصدير البيانات بصيغة CSV بضغطة واحدة.

معرض صور تفاعلي:

كاروسيل احترافي مبني بـ Embla Carousel يعرض صور الدورات السابقة بشكل سلس.

قسم الدورات القادمة:

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

التقنيات المستخدمة:

Front-end: Next.js 14, React.js

Animations: Framer Motion

Styling: Tailwind CSS

Back-end & Database: Supabase (PostgreSQL)

القيمة التي يقدمها المشروع:

هذا المشروع لا يقتصر على كونه صفحة هبوط عادية، بل هو منظومة تسويقية ورقمية متكاملة تشمل:

تحويل الزوار إلى مسجلين من خلال تصميم مقنع.

إدارة قاعدة المتسجلين بدون الحاجة لأي أداة خارجية.

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