גלריית תמונות
TopWebStack הוא דף הבית שלנו, ובנינו אותו כולו כחוויה תלת מימדית. אין בו גלילה רגילה בין בלוקים של טקסט: הגולש נע בתוך מרחב תלת מימדי, וכל גלילה מקדמת את המצלמה לשלב הבא בסיפור.
במרכז הפתיחה יש מודל של שכבות האתר שמרחף בחלל, ומסביבו אובייקטים מתכתיים, טבעות וגבישים שזזים בתגובה לעכבר. בחלק השירותים כל תחום, בניית אתרים, קמפיינים ממומנים ואוטומציות, הוא כרטיס תלת מימדי. לחיצה עליו מקרבת את המצלמה ופותחת את הפרטים. גם תהליך העבודה, מהשיחה הראשונה ועד מדידה ושיפור, מוצג כמסלול שהגולש עובר בתוכו.
הסצנות נבנו ב-Three.js ו-WebGL, והמעברים והאנימציות ב-GSAP. כדי שהחוויה תרוץ חלק גם בטלפון, איכות הרינדור מותאמת למסך ולמכשיר, ולמי שביקש במכשיר להפחית תנועה האנימציות נרגעות אוטומטית.
לצד ה-WOW, הדף נשאר דף מכירה: כפתור "בואו נדבר" זמין לאורך כל הדרך, יש שאלות נפוצות על מחיר ותהליך, וטופס קצר לתיאום שיחת ייעוץ חינם.
הפרויקט מראה מה אפשר לעשות היום באתר: חוויה תלת מימדית מלאה שנראית כמו אפליקציה, נטענת מהר ועדיין מובילה את הגולש לפנייה.