تحويل تصميم Figma إلى واجهة ويب باستخدام HTML & CSS – مشروع Destn (مع شركة Q Tech)

شاركت في تنفيذ مشروع واجهة موقع Destn كجزء من فريقي في شركة Q Tech، حيث استلمت التصميم من قسم التصميم على Figma، وقمت بتحويله إلى صفحات ويب متجاوبة باستخدام HTML5 وCSS3.

دوري في المشروع:

تحويل تصميم Figma بدقة عالية إلى صفحات ويب جاهزة للدمج مع أي backend لاحقًا

استخدام HTML5 semantic structure لبناء هيكل نظيف وسهل القراءة

استخدام CSS3 + Flexbox/Grid لتصميم واجهات متجاوبة على جميع الأجهزة

تنفيذ التأثيرات البصرية والحركات (transitions) المطلوبة كما في التصميم

التأكد من توافق الموقع مع مختلف المتصفحات والأجهزة (Cross-browser Testing)

التنسيق والتعاون مع الفريق لضمان التوافق مع المتطلبات التقنية العامة

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

HTML5

CSS3

Flexbox / CSS Grid

Responsive Design (Mobile-first)

Figma to Code