تجربة علامة تجارية
SARD
موقع مبني على Vite مع لحظات ثلاثية الأبعاد عبر Three.js، مضبوط لحركة سلسة وتفاعل فوري.
- العميل
- SARD Marketing Solutions
- السنة
- 2023
- الدور
- التصميم والتطوير
- الحالة
- سُلّم
- المنصّات
- الموقع
لحظات ثلاثية الأبعاد تُحمّل تدريجيًا وتتراجع بسلاسة على الهواتف الأضعف.
- LCP أقل من ثانية على الأجهزة المستهدفة
- مشاهد Three.js مع بدائل للأجهزة الأضعف
- تقسيم دقيق للشيفرة
التحدي
افتقد الموقع السابق للتأثير البصري وكان بطيئًا في العرض على الهاتف.
النهج
Vite لبناء سريع وتقسيم دقيق للشيفرة، مع مشاهد Three.js تتراجع بسلاسة عند الحاجة.
الأثر
مؤشر LCP أقل من ثانية على الأجهزة المستهدفة، وزيادة في مدة بقاء الزوار.
التقنيات
- Vite
- Three.js
- Animation