Interactive Luxury Fashion Hub
Escale is a high-fidelity digital fashion portal built to show seasonal designer collections with smooth interactivity and rich aesthetics.
- ▸ 3D Interactive Slider: A custom 3D slider showing outfit lookbooks in a floating perspective card layout.
- ▸ Image Cursor Trails: Micro-animation mouse effects showing floating models and sketches as users explore.
- ▸ Scroll Timeline: A visual chronological timeline mapping the history and seasons of the fashion house.
Gsap WebGL Optimizations & Interactive Cursor Mathematics
Designed and built custom CSS and JS modules to render complex animation timelines without decreasing frame rates.
- ▸ WebGL Image Trail Engine: Coded vanilla JS cursor trackers (
escale-image-trail.html) utilizing absolute coordinate queues to translate images dynamically via GPU-accelerated CSS transforms. - ▸ GSAP Timeline Orchestration: Programmed vertical scroll timelines linked to scroll-triggers, offloading page paint updates to CSS layers (
will-change: transform). - ▸ Brand Book Asset System: Created a highly optimized Arabic/English SVG Brand Identity system responsive across viewports.
