Beats portfolio

لقت قمت بإنشاء تصميم غير رسمي لشركة Beats وقمت بعمل بعض التحسينات على الموقع الحقيقي.

تفاصيل :

1. قمت بإنشاء التصميم على Figma.

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

3. صفحات متعددة: يحتوي الموقع على عدة صفحات تسهل تصفح المحتوى. تشمل هذه الصفحات الرئيسية (Home)، المواصفات (Specs)، صفحة الحافظة (Case)، وصفحة المنتجات (Products)، بالإضافة إلى صفحات الدعم مثل مساعدة المنتج (Product Help) والتسجيل (Register) والتحديثات (Updates) وغيرها.

4. معلومات المنتج: يتم عرض معلومات مفصلة عن سماعات الرأس في صفحة المواصفات (Specs). تشمل هذه المعلومات اتصال Bluetooth v5.2، مدة البطارية 40 ساعة، شحن سريع 4.2-AAC، ودعم الميكروفون لـ Apple Siri و Google.

5. الحافظة: يتم تسليط الضوء على حافظة مريحة وقابلة للتكيف في صفحة الحافظة (Case). تساعدك الحافظة على تخزين سماعات الرأس في أي وقت ترغب فيه والحفاظ على متانتها إلى الأبد. يتم توفير مزيد من المعلومات حول الحافظة في الصفحة.

6. تصميم متنوع: يتم عرض سماعات الرأس بألوان مختلفة في صفحة "اختر أسلوبك" (Choose Your Style). تشمل الألوان الأسود والأحمر الأسود والأسود الليلي والأزرق والرمادي. يمكن للزوار اختيار اللون الذي يفضلونه وإضافته إلى عربة التسوق.

7. الاشتراك في النشرة الإخبارية: يمكن للزوار الاشتراك في النشرة الإخبارية للحصول على العروض والتخفيضات والقسائم والهدايا والمزيد. يمكن الاشتراك من خلال النقر على زر "اشتراك" (Subscribe).

8. - الوضع الداكن (Dark Theme)

9. - سرعة وصول (SEO)

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

- HTML5

- CSS3

- Js

- React Js

- Bootstrap 5