تصميم وتطوير موقع عصري لمؤثرة لعرض الخدمات والكورسات وطلبها
تم تنفيذ المشروع باستخدام HTML، TailwindCSS، JavaScript، PHP، وMySQL لتوفير موقع متكامل وسهل الإدارة يجمع بين الجمال البصري والوظائف العملية.
هدف المشروع
إنشاء موقع إلكتروني عصري ومتجاوب (Responsive) يبرز هوية المؤثرة ويعرض خدماتها وكورساتها بطريقة احترافية ومحفّزة للشراء، مع لوحة تحكم لإدارة المحتوى والطلبات بسهولة.
المواصفات العامة
تصميم عصري بأسلوب يشبه مواقع الـ Influencers المشهورين (ألوان ناعمة، صور واضحة، حركات انتقالية خفيفة).
يعتمد على TailwindCSS في التنسيق وJavaScript للحركات والتفاعلات.
استخدام PHP وMySQL لربط الموقع بقاعدة بيانات حقيقية، وحفظ الطلبات والخدمات وإدارتها من لوحة تحكم ديناميكية.
تجربة استخدام سهلة وبديهية تشجع الزوار على طلب الخدمة.
الصفحة الرئيسية (Home Page)
هيدر احترافي يحتوي على شعار وروابط (الرئيسية – الخدمات – الإنجازات – من نحن – الأسئلة الشائعة – تواصل معنا).
قسم رئيسي جذاب (Hero Section) بخلفية فيديو أو صورة احترافية للمؤثرة، مع عناوين تسويقية وأزرار “ابدأ الآن”.
قسم الخدمات يعرض كل خدمة في بطاقة تحتوي على صورة، وصف مختصر، وزر “اعرف المزيد”.
قسم الإنجازات يعرض أعداد المتابعين والعملاء والمشاركات الإعلامية بعدادات متحركة.
قسم من نحن يروي قصة المؤثرة وصورتها الشخصية وروابط حساباتها.
قسم الأسئلة الشائعة بتصميم Accordion أنيق باستخدام Tailwind + JS.
قسم تواصل معنا يحتوي على نموذج إرسال ورسائل واتساب وروابط التواصل الاجتماعي.
فوتر بسيط بأيقونات السوشيال ميديا وحقوق النشر.
صفحات إضافية
صفحة تفاصيل الخدمة:
تحتوي على وصف موسّع وصور وسعر الخدمة مع زر “اطلب الآن”.
عند الضغط يظهر مودال (Modal) لملء بيانات الطلب (الاسم، رقم التحويل، سكرين التحويل، رقم واتساب).
لوحة التحكم (Admin Dashboard):
واجهة أنيقة داكنة.
إمكانية إضافة، تعديل، حذف الخدمات.
عرض الطلبات في جدول منظم يحتوي على (اسم العميل – رقم التواصل – رقم التحويل – صورة التحويل – تاريخ الطلب).
كل الطلبات محفوظة في قاعدة بيانات MySQL.
المعايير الجمالية
تدرجات أنثوية دافئة (وردي ذهبي / كريمي / بيج).
خطوط عربية حديثة (Cairo – Tajawal).
حواف ناعمة (rounded-2xl) وظلال خفيفة (shadow-lg).
تباعد مريح بين العناصر (white space متوازن).
تأثيرات Hover وAnimations ناعمة.
? النتيجة النهائية
منصة احترافية تجمع بين جاذبية التصميم التسويقي وقوة الأداء البرمجي، تعكس هوية المؤثرة وتسهّل عملية الشراء والإدارة.
تم بناء النظام بخبرة عالية لتقديم تجربة مستخدم مميزة وإدارة تشغيلية فعالة.
