واجهة موقع "المخبز" لطلبات الهواتف الذكية (Mobile-First Design)

تصميم وتنفيذ واجهة مستخدم احترافية لمخبز عصري، تم بناؤها من الصفر مع التركيز الكامل على تجربة المستخدم عبر الهواتف الذكية. المشروع يعكس دمجاً بين الهوية البصرية الكلاسيكية للمخابز والتقنيات البرمجية الحديثة، مع اهتمام فائق بتنسيق المحتوى باللغة العربية.

ما قمت بتنفيذه في هذا المشروع:

1. تصميم مخصص للهواتف: تبني نهج (Mobile-First) لضمان أن تكون تجربة التصفح والطلب سلسة وسريعة جداً لمستخدمي الجوال.

2. واجهة تفاعلية: برمجة قائمة جانبية (Sidebar) بتأثيرات بصرية عصرية (Glassmorphism/Blur) لسهولة التنقل بين الأقسام.

3. تنسيق المحتوى العربي: ضبط كامل لاتجاهات الصفحة (RTL) مع اختيار خطوط عربية متناسقة تخدم هوية المشروع وتريح العين.

4. عرض المنتجات: تصميم كروت عرض المنتجات بشكل جذاب وبسيط، يسهل على العميل رؤية الأسعار وإضافة المخبوزات للسلة بضغطة واحدة.

5. تحسين الأداء: استخدام كود (Clean CSS) لضمان سرعة تحميل الصور والعناصر التفاعلية.

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

• HTML5: لبناء الهيكل الدلالي للموقع.

• CSS3: لاستخدام تقنيات Flexbox وتنسيق الألوان والخلفيات الاحترافية.

• JavaScript: لإضافة الوظائف التفاعلية للقوائم والأزرار.