طراحی سایت تعاملی سه‌بعدی (با تمرکز بر Performance)

ما یک استودیو تازه‌تأسیس در زمینه انیمیشن تبلیغاتی هستیم و قصد داریم یک وب‌سایت تعاملی و خلاقانه طراحی کنیم که نمونه‌کارهای ما را به شکل جذاب و مدرن نمایش دهد. هدف ما ایجاد یک تجربه خاص برای بازدیدکننده است که شامل مدل سه‌بعدی قابل تعامل، ویدیوهای قابل پخش با حرکت ماوس و انیمیشن‌های اسکرولی باشد — بدون اینکه سرعت سایت افت کند یا کاربران سردرگم شوند. امکاناتی که در حال حاضر داریم: هاستینگ فعال (Hostinger Business Plan) هنرمند سه‌بعدی که می‌تواند مدل‌های سه بعدی را تولید کند ایده‌ی کلی از طراحی و تجربه کاربری سایت ساختار پیشنهادی سایت: بخش اول (Hero Section): یک مدل سه‌بعدی تعاملی (مثلاً چرخش یک محصول، یا اسکرول در یک صحنه CGI) پخش ویدیو با Hover: ویدیوهایی که با حرکت موس شروع به پخش می‌کنند انیمیشن‌های اسکرول: برای جذابیت بیشتر هنگام پیمایش بخش نمونه‌کار: ساده و سریع بخش خدمات و تماس با ما: شفاف و قابل درک + دکمه CTA بزرگ مهارت‌های موردنیاز: تسلط بر HTML، CSS، JavaScript تجربه‌ی کار با مدل‌های سه‌بعدی در وب (مثل model-viewer یا Three.js) آشنایی با انیمیشن‌های اسکرول (GSAP یا AOS.js و ابزارهای مشابه) توانایی ایجاد سایت‌های سبک، سریع و واکنش‌گرا تجربه‌ی راه‌اندازی سایت روی هاست‌های شخصی (مثل Hostinger) از فریلنسر انتظار داریم: نمونه‌کارهای مرتبط ارائه دهد (ترجیحاً با سایت‌های تعاملی یا دارای مدل سه‌بعدی) به‌طور خلاصه بنویسید که چه روشی را برای پیاده‌سازی مدل سه‌بعدی، ویدیوهای Hover، و انیمیشن‌های اسکرول پیشنهاد می‌کنید که در عین حال سایت سبک، سریع و کاربرپسند باقی بماند؟ ما مشتاق همکاری با فردی هستیم که هم دید فنی دارد و هم عاشق خلق تجربه‌های بصری جذاب در وب است.