🕷️ Spider-Man — Interactive Visual Experience A project I studied in Nasser Yousef's class — and one that completely shifts how you think about the web. superspider.site is a cinematic, game-inspired interactive experience built around a spider vigilante. What makes the process especially interesting: it started as a Figma design and was then translated into code by hand — no frameworks, just a deep understanding of the craft. What makes it stand out: → Designed in Figma, built in vanilla HTML, CSS & JS → 3 distinct perspectives to explore (Idle, Action, Suit) via dynamic video switching → GSAP 3 for orchestrated animations and SplitText for letter-by-letter reveals → Lenis for that smooth, natural scroll feel → SVG Inject for fully styleable vector assets → Cinematic layout with bold typography and dark atmosphere No React. No Vue. Just intentional code and a strong design foundation — proof that knowing your tools deeply matters more than using the trendiest ones. 🔗 superspider.site #webdesign #figma #html #css #javascript #gsap #lenis #motiondesign #interactivedesign #designtocode #nasser #portfolio