Handled Entertainment
תיק עבודות שבנוי כמו העבודות עצמן: בלתי אפשרי לגלול הלאה.
Handled Entertainment הוא אולפן תוכן ניו-יורקי שמצלם סרטים אנכיים למותגים כמו Shake Shack, Grubhub, Walmart ובובי פליי, ואייל גנץ עיצב ובנה עבורו את הבית הדיגיטלי החדש מאפס. תיק העבודות של אולפן קולנוע חי או מת על איכות הניגון, ואתר ה-Wix הישן לא יכול היה לשאת קטלוג של שמונים סרטים: עמודים עתירי וידאו חייבים להיטען מיידית, עשרות סרטונים לא יכולים להתנגן כולם בו-זמנית, וספרייה אנכית ראויה לחוויית צפייה שקרובה יותר לפיד מאשר לרשת של תמונות ממוזערות. גנץ קידד מחדש את כל ספריית הסרטים דרך צינור ffmpeg, כך שכל סרטון הוא קובץ MP4 קומפקטי עם פוסטר משלו שנטען רק כשהוא נכנס אל תוך המסך, ואז בנה את האתר על Laravel 12 ועל Laravel Vapor עם מנוע גלילה קולנועי ייעודי: GSAP יחד עם ScrollTrigger ועם Lenis בדסקטופ, ופיד "חדר ההקרנה" מבוסס scroll-snap במובייל. כל כתובת ישנה שרדה את המעבר באמצעות הפניות 301.
עודכן
איזו בעיה הייתה ל-Handled Entertainment?
תיק עבודות של אולפן קולנוע חי או מת על הניגון. אתר ה-Wix הישן לא יכול היה לשאת קטלוג של 80 סרטים: עמודים עתירי וידאו חייבים להיטען מיידית, עשרות סרטונים לא יכולים להתנגן בו-זמנית, וספרייה אנכית ראויה לחוויית צפייה שקרובה יותר לפיד מאשר לרשת תמונות.
איך אייל גנץ פתר אותה?
קידדתי מחדש את כל ספריית הסרטים לצינור הגשה רזה (כל סרטון MP4 קומפקטי עם פוסטר משלו, שנטען רק כשהוא נכנס למסך) ובניתי את האתר על מנוע גלילה קולנועי ייעודי: GSAP ו-Lenis בדסקטופ, ופיד "חדר ההקרנה" עם scroll-snap במובייל. המעבר מ-Wix שמר כל כתובת ישנה חיה עם 301, וכלל מעבר SEO/GEO מלא.