پرونده ۰۰۲ / تجربه‌ی وب / ۱۴۰۴

رابط نصف‌النهار

کارفرما

نصف‌النهار لوکس

نقش

فن‌آور خلاق

بازه‌ی همکاری

۴ ماه

زمینه

راه‌اندازی برند

خلاصه

تجربه‌ای غوطه‌ور برای راه‌اندازی محصول، شامل پیکربندِ سه‌بعدی، روایت‌های پیمایش‌محور و انتقال‌های سینمایی. این سایت به‌عنوان پرچم‌دار دیجیتالِ مجموعه‌ی جدید لوکس عمل می‌کرد.

تحلیل فنی

بر پایه‌ی Next.js و خط لوله‌ی سفارشی GSAP ScrollTrigger ساخته شد. دارایی‌های سه‌بعدی با فشرده‌سازی Draco بهینه‌سازی و از طریق Three.js GLTFLoader بارگذاری شدند. عملکرد در ۶۰ فریم بر ثانیه با بودجه‌بندی دقیق و بارگذاری تنبل حفظ شد.

سهم من

هدایت جهت‌گیری فنی، ساخت سامانه‌ی پیکربندی سه‌بعدی، و پیاده‌سازی روایت‌های پیمایش‌محور. بهینه‌سازی خط لوله‌ی رندر برای دستگاه‌های موبایل.

ابزارها

Next.js Three.js GSAP Tailwind CSS

تجربه‌ای غوطه‌ور برای راه‌اندازی محصول، شامل پیکربندِ سه‌بعدی، روایت‌های پیمایش‌محور و انتقال‌های سینمایی. این سایت به‌عنوان پرچم‌دار دیجیتالِ مجموعه‌ی جدید لوکس عمل می‌کرد.

بر پایه‌ی Next.js و خط لوله‌ی سفارشی GSAP ScrollTrigger ساخته شد. دارایی‌های سه‌بعدی با فشرده‌سازی Draco بهینه‌سازی و از طریق Three.js GLTFLoader بارگذاری شدند. عملکرد در ۶۰ فریم بر ثانیه با بودجه‌بندی دقیق و بارگذاری تنبل حفظ شد.

هدایت جهت‌گیری فنی، ساخت سامانه‌ی پیکربندی سه‌بعدی، و پیاده‌سازی روایت‌های پیمایش‌محور. بهینه‌سازی خط لوله‌ی رندر برای دستگاه‌های موبایل.