کالکشن اورینت
- مشتری
- پروژه‌ی شخصی — کانسپت
- صنعت
- ساعت لوکس
- تاریخ ساخت
یک کانسپت فروش برای کالکشنی محدود از ساعت‌های اورینت، ساخته‌شده برای تمرین روی سایت‌هایی که کل روایتشان با اسکرول جلو می‌رود.
برای باز شدن سایت، VPN لازم است.
چالش
روی سیستم محلی همه‌چیز درست بود، اما بعد از انتشار روی هاست، انیمیشن اسکرول با لگ شدید اجرا می‌شد و فریم‌ها به‌موقع لود نمی‌شدند — دقیقاً همان بخشی که قرار بود جذابیت اصلی سایت باشد، ضعیف‌ترین بخشش شده بود.
چه ساختم
اول یک صفحه‌ی لودینگ گذاشتم تا فریم‌ها فرصت بیشتری برای رسیدن داشته باشند. بهتر شد، ولی مسئله را حل نکرد — چون مشکل زمان‌بندی نبود، حجم بود. بنابراین رفتم سراغ خودِ تصاویر توالی و بهینه‌شان کردم.
بازسازی رفتار قبل از بهینه‌سازی: فریم‌ها جا می‌مانند و بعد یک‌جا جلو می‌پرند.
فناوری‌های استفاده‌شده
چیزی که پروژه واقعاً با آن ساخته شد.
- HTML و CSS
- JavaScript
- توالی فریم با اسکرول
- بهینه‌سازی تصویر (WebP)
- Netlify
تصویرهای پروژه
دسکتاپ و موبایل، از نسخه‌ی ساخته‌شده.
نتیجه
با سبک‌شدن فریم‌ها، توالی بدون لگ و بدون پرش اجرا می‌شود. همان چیزی که ابتدا فقط روی سیستم خودم کار می‌کرد، حالا روی موبایل هم روان است.
همان صحنه، بعد از بهینه‌سازی — ضبط‌شده از نسخه‌ی منتشرشده.
شروع پروژه
پروژه‌ی بعدی، پروژه‌ی شماست؟
فرم سفارش را پر کنید؛ ظرف ۴۸ ساعت کاری بررسی می‌کنم و با شما تماس می‌گیرم.
ثبت سفارش طراحی سایت ←