workspace

موقع Workspace

نوع المشروع:

تطوير واجهة مستخدم Front-End لموقع إلكتروني حديث لمساحة عمل مشتركة (Coworking Space).

وصف المشروع

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

يعتمد التصميم على واجهة عصرية وبسيطة بأسلوب Pastel UI، باستخدام ألوان هادئة مثل الأخضر النعناعي، والخوخي، والبيج، والأبيض، والأخضر المائل للرمادي، لخلق أجواء مريحة واحترافية تناسب طبيعة مساحات العمل.

أهم المميزات

واجهة مستخدم عصرية ومتجاوبة.

صفحة رئيسية للتعريف بمساحة العمل وخدماتها.

صفحة Spaces لعرض أنواع مساحات العمل المتاحة.

صفحة Booking لاختيار مساحة العمل وطلب الحجز.

صفحة Contact Us تحتوي على بيانات التواصل وموقع فعلي باستخدام Google Maps.

شريط تنقل يربط جميع صفحات الموقع.

أزرار وروابط تفاعلية للتنقل بين الصفحات.

تصميم متجاوب مع شاشات الكمبيوتر والموبايل.

استخدام ألوان Pastel متناسقة في جميع أجزاء الموقع.

تنظيم الصور وملفات الموقع بشكل مرتب.

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

HTML5

CSS3

Google Maps Embed

GitHub Pages

طريقة التنفيذ

تم تطوير الموقع باستخدام HTML5 لإنشاء هيكل ومحتوى الصفحات، بينما تم استخدام CSS3 لتصميم الواجهات، والألوان، والبطاقات، والأزرار، والمسافات، والخطوط، وجعل التصميم متجاوبًا مع مختلف أحجام الشاشات.

تم تقسيم الموقع إلى عدة صفحات وربطها من خلال شريط التنقل والروابط الداخلية. كما تم تنظيم الصور داخل مجلد مخصص باسم images، مع فصل ملفات HTML وCSS للحفاظ على تنظيم المشروع وسهولة تعديله.

بعد الانتهاء من تطوير الموقع، تم رفع المشروع على GitHub ونشره باستخدام GitHub Pages ليصبح متاحًا أونلاين من خلال رابط مباشر.