MIKA
05Wayfarer Travel Co

Wayfarer Travel Co

Wayfarer Travel Co — Travel, 2026

العميل
Wayfarer Travel Co
السنة
2026
السوق
Travel
الخدمات
Web & Digital, Interactive 3D, UX, Motion
مقدمة

تبيع Wayfarer رحلات لمجموعات صغيرة مبنية حول عدد محدود من المسارات. أرادوا لموقعهم أن يُشعِر الزائر وكأنه في أول خمس دقائق من رحلة فعلية، لا أمام نموذج حجز.

التحدي

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

الفكرة

صفحات المسارات كرحلة يقودها التمرير، مع عنصر ثلاثي الأبعاد تفاعلي لكل مسار، بحيث يُشعِر استكشاف الوجهة بطابع حسّي لا معاملاتي.

التنفيذ

مشهد React Three Fiber مدمج مباشرة في قالب صفحة المسار — تأثير بارالاكس بحركة المؤشر ودوران تلقائي خفيف على نموذج خفيف الوزن، مع ربط التمرير بتأطير الكاميرا؛ وصورة ثابتة بديلة تغطي وضع الحركة المخفَّضة والأجهزة محدودة الأداء.

النتائج

تضاعف تقريباً متوسط الوقت المُمضى على صفحات المسارات مقارنة بالموقع السابق للعميل في الاختبارات الأولية، دون أي انخفاض ملحوظ في مؤشرات Core Web Vitals بفضل بقاء النموذج دون 60 كيلوبايت وتحميله عند الحاجة فقط.

Interactive route object — desktop only, static image on mobile
Route page, full scroll
Mobile fallback vs. desktop scene
Booking flow, step 2
Camera path reference
روابط
فريق العمل
  • UX / EngineeringNoor Al-Balushi
  • 3DDiane Kouassi
  • Art DirectionLucas Ferreira
→ جميع الأعمالالمشروع التاليLumen Systems