06 · אתר למותג אופנה

ZOBIDAT

אתר למותג אופנה אוונגרדי: לוקבוק WebGL בתלת-ממד שננעל בגלילה, עם אטמוספרות ב-GLSL.

2026 · בשימוש

ZOBIDAT: שם המותג באותיות סריף מעל צילום סטודיו כהה

המדדים של ZOBIDAT

100
Lighthouse Performance בדסקטופ
0
תזוזת פריסה מצטברת (CLS)
~99%
רקעים קטנים יותר

מה זה ZOBIDAT

אתר מותג בהתאמה אישית, מונע תנועה, לתווית אופנה אוונגרדית. בנוי על Astro 5 ו-TypeScript עם GSAP (ScrollTrigger / SplitText), גלילה חלקה ב-Lenis ו-OGL/WebGL: לוקבוק WebGL בתלת-ממד שננעל בגלילה, אטמוספרות shader ב-GLSL, וסיפור גלילה בשני "עולמות" בבימוי אמנותי.

הגיע ל-Lighthouse Performance 100 (דסקטופ) / 88 (מובייל) עם 0 CLS, בעזרת צינור תמונות רספונסיבי ב-AVIF/WebP (רקעים במסך מלא קטנו בכ-99%, טקסטורות WebGL בכ-90%), גופנים מקומיים בתת-קבוצות כדי להוריד בקשות חוסמות לצד שלישי, ושכבת תנועה מושהית.

מותאם למכשיר: לוקבוק WebGL על כרטיס המסך בדסקטופ, חפיסת החלקה ב-CSS למגע בנייד, עם תמיכה מלאה ב-prefers-reduced-motion ובנגישות (לכידת פוקוס, HTML סמנטי, ניווט במקלדת). עולה דרך GitHub ל-Cloudflare Pages (פריסה אוטומטית בכל push) עם דומיין משלו, SSL אוטומטי ומטמון בלתי משתנה לפי hash.

מסכים מ-ZOBIDAT

  • ZOBIDAT: מסך הפתיחה
  • ZOBIDAT: הלוקבוק
  • ZOBIDAT: עמוד הליבה
לגלריה

שאלות על ZOBIDAT

מה זה ZOBIDAT?

ZOBIDAT הוא אתר שמוראד זובידאת בנה לתווית אופנה אוונגרדית: Astro 5, GSAP ו-WebGL, עם לוקבוק תלת-ממדי שננעל בגלילה, ו-Lighthouse Performance 100 בדסקטופ עם 0 CLS.

איך האתר של ZOBIDAT עובד בנייד?

בנייד ZOBIDAT מחליף את לוקבוק ה-WebGL בחפיסת החלקה ב-CSS למגע, עם תמיכה מלאה ב-prefers-reduced-motion ובניווט במקלדת.

רוצים לשמוע עוד על ZOBIDAT?

מוראד זובידאת קורא כל הודעה: משרות, פרויקטים, שיתופי פעולה, או סתם שלום.

בואו נדבר

משרות ג'וניור ובוגרים טריים, פרויקטים כפרילנסר, שיתופי פעולה, או סתם שלום. אני קורא כל הודעה.