موقع ويب منصة

تمثل هذا المشروع في عملية تطوير كاملة للواجهات الأمامية (Front-End Development) للصفحات الرئيسية لمنصة "سيدتي السعودية"، بما في ذلك الصفحة الرئيسية، صفحة الخدمات، وصفحة "تواصل معنا"، وقد اعتمد التنفيذ بشكل أساسي على بناء الهيكلة باستخدام لغة HTML5 وتطبيق كافة التنسيقات والجماليات باستخدام CSS3. حرصت على أن تكون الشيفرة البرمجية نظيفة ومرتبة، مع الفصل الكامل بين الهيكلة والتنسيق، لضمان سهولة الصيانة والتحديثات المستقبلية للموقع. كما تم استخدام مكتبة Font Awesome لإضافة أيقونات احترافية تعزز من جاذبية الواجهة.

ميزات وتفاصيل التصميم المنجز

من أهم مميزات هذا العمل هو الالتزام التام بمتطلبات السوق والجمهور المستهدف؛ حيث تم بناء الموقع بالكامل ليتوافق مع اتجاه اللغة العربية، مع دعم مثالي لخاصية RTL (من اليمين إلى اليسار) في كافة التنسيقات. كما تم تحقيق التجاوبية الكاملة (Responsive Design) لجميع عناصر الواجهة، مما يضمن عرضًا مثاليًا للمحتوى على مختلف أحجام الشاشات والأجهزة، بدءًا من الهواتف الذكية وحتى شاشات الحواسيب المكتبية. يبرز في التصميم نظام ألوان متسق وأنيق يرتكز على الدرجات البنفسجية والوردية المميزة للمنصة، مما يضفي عليها طابعًا عصريًا وجذابًا.

آلية تنفيذ الصفحات الرئيسية

شمل نطاق العمل تطوير ثلاثة صفحات أساسية. في الصفحة الرئيسية (home.html)، قمت بتنفيذ شريط تنقل علوي ثابت (Sticky Navigation Bar) مع قسم ترحيبي جذاب (Hero Section) يعرض رسالة المنصة، بالإضافة إلى بناء أقسام مخصصة لعرض لمحات موجزة عن الخدمات وأحدث المواد البصرية والفيديوهات الحوارية. أما في صفحة الخدمات (services.html)، فقد تم تصميم هيكل عرض مُنظم لتبويب الخدمات الرئيسية الثلاثة (الصحة والجمال، التعليم والتطوير، وريادة الأعمال) باستخدام نظام البطاقات (Cards) المصممة خصيصًا، وتم إضافة قسم لعرض شعارات الشركاء الداعمين. وأخيرًا، في صفحة "تواصل معنا" (contact.html)، تم بناء نموذج اتصال وظيفي، وتميزت الصفحة بتضمين قسم الأسئلة الشائعة (FAQ) الذي يعمل بتقنية Accordion التفاعلية لترتيب المعلومات وتسهيل وصول المستخدم إليها.