Robotics Club Landing Page

قمت بتصميم وتطوير موقع ويب خاص بـ Club Robotique Bizerte بهدف إنشاء منصة رقمية عصرية تعرّف بالنادي، أنشطته، مجالات التكوين والمشاريع التي يتم إنجازها في مجال الروبوتيك.

من الناحية البصرية، اعتمدت على تصميم Modern وClean مع هوية تقنية تتناسب مع عالم الروبوتيك والبرمجة. ركزت على إبراز المحتوى بطريقة واضحة من خلال تقسيم الصفحة إلى عدة Sections، بدايةً بالـ Hero Section التي تعطي فكرة مباشرة عن النادي وتحتوي على أزرار Call To Action مثل الانضمام والتواصل. بعد ذلك تأتي أقسام توضّح المهارات التي يمكن تعلّمها، مثل Robotique, Arduino, Électronique وProgrammation.

كما أضفت قسمًا خاصًا بالمشاريع، مثل Robot Bluetooth، Feu LED، Bras Servo وCapteurs، حتى يكون الموقع عمليًا وليس مجرد صفحة تعريفية. كذلك وضعت قسمًا للمعلومات التطبيقية مثل مدة النشاط، عدد الساعات الأسبوعية، مكان النادي والاشتراك.

الجانب التقني

أثناء بناء الموقع، ركزت على جعل الـ UI/UX بسيطًا وسهل الاستخدام، مع تنظيم المحتوى في مكوّنات واضحة تسمح للمستخدم بالوصول بسرعة إلى المعلومة التي يبحث عنها.

اعتمدت على مفهوم Responsive Web Design حتى تكون الواجهة قابلة للتكيّف مع مختلف أحجام الشاشات، سواء على الكمبيوتر أو الهاتف. كما اهتممت بالـ Typography، Spacing، Visual Hierarchy وButtons حتى تكون تجربة الاستخدام واضحة وسلسة.

من ناحية الـ Frontend Architecture، تم تنظيم الموقع إلى Sections ومكوّنات مستقلة بدل بناء صفحة واحدة بشكل عشوائي، مما يجعل الكود أسهل في التطوير والصيانة وإضافة Features مستقبلية.

كما اهتممت بجانب الـ Performance وAccessibility من خلال المحافظة على واجهة خفيفة باستعمال react ، تنظيم المحتوى، واستخدام عناصر تفاعلية واضحة.